«Опасные зоны» веб-дизайна | Блог Кириллова Дмитрия про блоги, продвижение и оптимизацию.
промысловая.рф
В продаже - Грибок, цены ниже! Неликвидные остатки
monzdrav.ru
Цена на бокс для опороса. Сравните цены и выберите дешевле
fightme.ru
Главная страница
Авторизоваться
Подписаться на RSS
Об авторе
Сервисы
Реклама
Услуги
Портфолио
Партнерство

«Опасные зоны» веб-дизайна

Сентябрь 12th, 2011 Автор grafchitaru Рубрики: Новости

Не секрет, что веб-дизайн –штука нервомотательная. Муза то не желает посещать, то вступает в жесткую конфронтация с заказчиками. Чтобы хоть немного снизить накал страстей, можно выполнять несколько несложных правил.

Начнем с работы с текстами. Величины отступов (если они не оговорены заранее) желательно брать не навскидку, а кратные пяти, при комбинации блоков и работе с координатами это побережет нервы кодерам. Вообще оптимальный отступ по все сторонам 15-20 пикселей, и уж не меньше 10 – иначе слишком близкое прилегание к другим блокам затруднит восприятие. Колонки должны быть средней ширины, 50-80 символов в сроке (при кегле 11-12). Для фиксированных минимальная ширина 140 пикселей, для «резиновых» стоит следить, чтобы самая широкая колонка не больше половины — в противном случае многие как стационарные компьютеры, так и ноутбуки Asus отобразят её неудачно. Разнообразные выделения текста – курсивы, подчеркивания и т.д. – действительно хорошо подчеркивают важность мысли, если их количество не превышает два-три на текст, в противном случае получается трудночитаемое месиво. Кстати, шрифт меньше 11 кегля допустим только для сносок и совсем уж незначительных элементов. Причем при его указании желательно избегать абсолютных единиц, вроде пикселей. Лучше всего использовать относительные величины, допустим, Em. Указание в пунктах тоже возможно, но следует помнить, что разные мониторы, в зависимости от разрешения, отображают их по-разному. Не приветствуются заказчиками и пользователями «полная выключка» и «красные строки».

Даже собираясь представить на просмотр черновик, желательно выверить типографику: откорректировать знаки, просмотреть текст на предмет предлогов в конце строк, «вдов и сирота», а также «висячих» строк. Работая над сайтом, стоит помнить о том, что потом весь полет фантазии придется воплощать верстальщику, причем код должен будет идти на всех системах. Также следует сдержать порыв впихнуть в макет сразу все красивые гарнитуры – две-три, причем общеупотребимых, вполне хватит (конечно, за исключением случаев, когда необходимо использовать фирменный стиль заказчика).

Значениям по умолчанию – бой! Мода, а также понятия о красоте и удобстве сайта периодически меняются, и уж что-то, а стандарты успели устареть безнадежно. Поэтому придется вручную проверить отступы и величины сдвигов, цвета, шрифты, размеры элементов и положения буллитов, и новые свойства внести в каскадные таблицы стилей. Не рекомендуется подменять стандартные элементы формы скринами их аналогов из собственной операционки.

Теги:
Получать обновления блога по почте:

Комментариев пока нет.

Написать комментарий

Я не робот.