WebDuty » чеклист http://webduty.ru Блог посвящённый веб-технологиям Sat, 19 Feb 2011 15:46:56 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Чеклист для веб-дизайнера http://webduty.ru/%d1%87%d0%b5%d0%ba%d0%bb%d0%b8%d1%81%d1%82-%d0%b4%d0%bb%d1%8f-%d0%b2%d0%b5%d0%b1-%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd%d0%b5%d1%80%d0%b0.htm http://webduty.ru/%d1%87%d0%b5%d0%ba%d0%bb%d0%b8%d1%81%d1%82-%d0%b4%d0%bb%d1%8f-%d0%b2%d0%b5%d0%b1-%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd%d0%b5%d1%80%d0%b0.htm#comments Tue, 07 Jul 2009 14:35:40 +0000 admin http://webduty.ru/?p=551

Предлагаю вашему вниманию перевод статьи Dan Zambonini – Web Design Checklist. Если вы найдете более правильный перевод некоторых пунктов, обязательно напишите коментарий.

Типографика
Типы шрифтов  
максимум 2 (возможно 3) различных семейства шрифтов (если такова концепция дизайна возможно больше)  
Дифференциация (например Serif с Sans-Serif, Sans-Serif с Script)  
Соответствие с концепцией дизайна (например не Comic Sans для серьёзного бренда)  
Чёткая иерархия (Размер, толщина, семейство, стиль и т.д.)  
Правильные глифы  
Кавычки и апострофы  
Дефизы и тире  
Микро-типографика  
Промежуток между строками  
Промежуток между словами/буквами  
Кёрнинг  
Заглавные буквы (например не стоит весь текст писать заглавными буквами)  
Макет
Выравнивание  
Наличие модульной сетки – все текстовые блоки, изображения, элементы дизайна выравниваются согласно модульной сетки  
Нарушение модульной сетки только в случае необходимости  
Близость  
Свободное пространство вокруг блоков.  
Группировка – элементы дизайна должны быть связаны между собой  
Расстояние – используйте достаточное расстояние между элементами, выдерживая ритм  
Баланс – сбалансируйте тёмные и светлые части дизайна.  
Заострите внимание пользователей на наиболее важных частях дизайна.  
Эстетика
Гармония дизайна  
Последовательность – все элементы должны работать вместе; используйте такой метод, как повторение  
Цвета – должны соответствовать концепции, ограничиваясь подобранной палитрой (обычно из 2-3 цветов)  
Простота – графический шум должен быть сведён к минимуму  
Работа над деталями  
Соответствие дизайна фирменному стилю организации клиента, если возможно  
Содержание
Последовательность – содержание должно соответствовать дизайну (или наоборот)  
Осмысленность содержания  
Корректность – орфография и грамматика  
Пригодность – содержание должно быть понятным целевой аудитории  
Usability
Положение и размер навигации должны быть выбраны правильно  
Очевидность навигации – должно быть предельно ясно что делает та или иная кнопка/ссылка  
Визуализация информации – не загромождайте нужную информацию, не вводите в заблуждение пользователей  
Контраст  
Качество
Кроссбраузерность  
Размерность – страница должна корректно отображаться на всех разрешениях современных мониторов (либо согласно ТЗ)  
Корректность отображения нестандартных шрифтов, если таковые используются  
Качество изображений – до и после оптимизации  

 

Жду ваших дополнений.

]]> http://webduty.ru/%d1%87%d0%b5%d0%ba%d0%bb%d0%b8%d1%81%d1%82-%d0%b4%d0%bb%d1%8f-%d0%b2%d0%b5%d0%b1-%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd%d0%b5%d1%80%d0%b0.htm/feed 1