...
Дизайнерское решение, используемое на сайте, часто является одним из наиболее критичных и дискуссионных аспектов разработки
Как сделать хороший дизайн
♦ Следует обеспечить единство и сбалансированность визуальной концепции сайта , избавиться от «выпадающих» по стилистике элементов
♦ Следует максимально сократить «визуальный шум», отказаться от всех «неработающих» элементов, но при этом провести грамотную и тщательную нюансировку, проработать все мелкие детали
♦ Важно выдержать основные отраслевые стандарты
♦ Необходимо учесть множество особенностей восприятия , характерных для веб-среды (психологию цвета, национальные и/или интернациональные особенности, F-паттерн считывания информации с экрана, гештальты и др.)
♦ Следует предусмотреть возможность масштабирования интерфейса и контента (учесть разные размеры экрана, возможность расширения навигации, рост объемов контента и т. д.)
♦ Необходимо обеспечить полное соответствие сайта позиционированию бренда , соблюсти все стандарты фирменного стиля компании
♦ Желательно обеспечить уникальность, запоминаемость общего стиля оформления ресурса
♦ Необходимо соблюдать основные правила композиции (баланс масс, пропорциональность, «золотое сечение», наличие акцента и др.)
При использовании Ajax-технологий или skin\'ов («оболочек») часть принципов начинает «звучать» иначе. Например, появляется:
♦ Грамотное разбиение контента на «закладки», позволяющие очень удобно и экономно располагать текст на экране
♦ Требование учета динамики смены элементов , то есть фактически анимации
♦
Унификация (то есть использование сходных элементов и структур для решения разных задач)
...
Не так страшен сайт, как его малюют
Оформление интерфейса
При разработке дизайна интерфейса мы рекомендуем обратить внимание на следующие моменты:
♦ Цвет шрифта и цвет фона должны быть достаточно контрастны
♦ Все функциональные и смысловые зоны следует визуально отделять друг от друга
♦ Должна присутствовать очевидная визуальная иерархия заголовков и информационных блоков
♦ Следует оставлять достаточно «белого пространства», «воздушности», «прозрачности» (чем больше – тем лучше)
♦ Логотип компании должен быть хорошо заметен и размещен вверху каждой страницы
♦ Навигация должна занимать не более 20 % площади экрана
♦ На странице должно быть не более десяти блоков, расположенных максимум в три колонки
♦ При выравнивании элементов следует соблюдать общий принцип (например, «все по левому краю»)
