Корпоративный веб-сайт на 100%. Требуйте от сайта большего!

Очевидно также, что в будущем, в Интернете будут учитываться все большие потребности лиц с ограниченными возможностями. Технологические возможности даже сегодня выглядят фантастическими. Например, уже есть устройства, позволяющие передавать информацию с видеокамер непосредственно в мозг человека, позволяя слепому формировать у себя в голове «картинку» окружающего пространства. Правда, пока только в черно-белом варианте.

26. Художественное оформление веб-сайта

...

Идеальный интерфейс должен быть простым, удобным, понятным и красивым. Именно дизайн интерфейса формирует в сознании пользователя первое и самое общее впечатление о сайте. Оно (впечатление) иногда становится единственным и решающим

Важно научиться воспринимать создание стилевого макета сайта как проектирование пользовательского интерфейса, а не сотворение «красивости». На такую позицию часто бывает очень сложно перестроиться дизайнерам, работавшим ранее в других сферах (например, в полиграфии) и, тем более, заказчикам сайтов, которые полагают, что «красивость» сильно волнует их посетителей.

...

Дизайнерское решение, используемое на сайте, часто является одним из наиболее критичных и дискуссионных аспектов разработки

Как сделать хороший дизайн

♦ Следует обеспечить единство и сбалансированность визуальной концепции сайта , избавиться от «выпадающих» по стилистике элементов

♦ Следует максимально сократить «визуальный шум», отказаться от всех «неработающих» элементов, но при этом провести грамотную и тщательную нюансировку, проработать все мелкие детали

♦ Важно выдержать основные отраслевые стандарты

♦ Необходимо учесть множество особенностей восприятия , характерных для веб-среды (психологию цвета, национальные и/или интернациональные особенности, F-паттерн считывания информации с экрана, гештальты и др.)

♦ Следует предусмотреть возможность масштабирования интерфейса и контента (учесть разные размеры экрана, возможность расширения навигации, рост объемов контента и т. д.)

♦ Необходимо обеспечить полное соответствие сайта позиционированию бренда , соблюсти все стандарты фирменного стиля компании

♦ Желательно обеспечить уникальность, запоминаемость общего стиля оформления ресурса

♦ Необходимо соблюдать основные правила композиции (баланс масс, пропорциональность, «золотое сечение», наличие акцента и др.)

При использовании Ajax-технологий или skin\'ов («оболочек») часть принципов начинает «звучать» иначе. Например, появляется:

♦ Грамотное разбиение контента на «закладки», позволяющие очень удобно и экономно располагать текст на экране

♦ Требование учета динамики смены элементов , то есть фактически анимации

♦ Унификация (то есть использование сходных элементов и структур для решения разных задач)

...

Не так страшен сайт, как его малюют

Оформление интерфейса

При разработке дизайна интерфейса мы рекомендуем обратить внимание на следующие моменты:

♦ Цвет шрифта и цвет фона должны быть достаточно контрастны

♦ Все функциональные и смысловые зоны следует визуально отделять друг от друга

♦ Должна присутствовать очевидная визуальная иерархия заголовков и информационных блоков

♦ Следует оставлять достаточно «белого пространства», «воздушности», «прозрачности» (чем больше – тем лучше)

♦ Логотип компании должен быть хорошо заметен и размещен вверху каждой страницы

♦ Навигация должна занимать не более 20 % площади экрана

♦ На странице должно быть не более десяти блоков, расположенных максимум в три колонки

♦ При выравнивании элементов следует соблюдать общий принцип (например, «все по левому краю»)