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