Пожалуйста, заполните ваше имя Ваше имя:
Нужен ваш телефон Ваш email или телефон:
Введите текст задания Ваше задание на сайт:

Galleo (главная страница) :: Статьи :: Дизайн сайтов и юзабилити :: Основные правила графического дизайна

Основные правила графического дизайна

  

Увеличить шрифт  Уменьшить шрифт

Основные правила графического дизайна сайта можно разбить на четыре основных категории:
Основные правила графического дизайна


Последовательность
Графические примитивы
Привлекалки (в английском это называется callouts)
Цветовая гамма

Последовательность
Последовательность в графическом наполнении узла заключается в том, что документы, составляющие узел, должны быть достаточно похожи, чтобы напоминать посетителю друг о друге. Конечно, они не должны быть идентичными. Следование правилу последовательности направлено на достижение следующих результатов:

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

использование цвета (подробнее ниже)
стилизация списков, таблиц, меню, ссылок и т.п.
использование шапок и концевиков страниц
Шапки и концевики страниц
Многие известные узлы имеют последовательные концевики. В них расположены ссылки на авторские права, почтовые адреса, которые, как правило, отделены от остальной страницы. Точно так же многие узлы имеют последовательные шапки. Это достигается:

следованием определенному стилю в заголовках
вставкой логотипа
использованием разделителей и линеек
вставкой основного меню
На самом деле способов гораздо больше, но и этого вам вполне хватит.

Графические примитивы
Существует много видов графических примитивов, используемых для достижения последовательности узла. Ими являются:

разделители
иконки
элементы оформления
Разделители
Даже стандартный разделитель можно изменить различными способами - ширину, толщину или цвет.

Иконки
Можно загрузить иконки с одного из многих архивов бесплатной графики, но лучше создать их самому (если у вас, конечно, есть дар художника). При этом необходимо помнить, что:

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

Элементы оформления
Элементы оформления - это специальные картинки, используемые для форматирования документа. Ими могут быть маркеры (bullets), разделители параграфов или страниц.

Привлекалки
Привлекалки - это графические средства привлечения внимания к определенным типам информации. В HTML существует много способов создания привлекалок. Основным видом привлекалок, поддерживаемым всеми браузерами, является... гиперссылка.

Привлекалки могут создаваться различными способами:

оформление цветом
использование strong, bold, emphasized или italicized
пространственное разделение
Цветовая гамма
Существует множество вариантов выбора цветовой гаммы узла, но есть несколько простых правил:

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

http://www.bogach.com
Добавить в закладки: 

Секреты web-графикиСекреты web-графики
Как известно, 70% информации об окружающем мире человек получает через зрение. Естественно, что с появлением графических... Читать дальше...
Ускорение просмотра Web-страниц.Ускорение просмотра Web-страниц.
Можно ли ускорить сегодняшний Internet чисто программным способом, не используя более дорогие каналы каналы связи? Можно... Читать дальше...
Этого не должно быть на Вашем сайте!Этого не должно быть на Вашем сайте!
Описанные ниже ошибки начинающих связаны с тем, что веб-дизайн в своем роде - это искусство требующее в первую очередь ч... Читать дальше...
Статические и динамические веб страницыСтатические и динамические веб страницы
Вы, наверное, часто слышали такие понятия как статические и динамические веб страницы. Здесь важно четко понимать, о чем... Читать дальше...
Скупка картриджей как сервис для системных администраторов

Скупка картриджей как сервис для системных администраторов
... Читать дальше...
Сделать сайт самостоятельно или заказать готовый?

Сделать сайт самостоятельно или заказать готовый?
... Читать дальше...
Федор Иванович Лидваль. Часть 7

Федор Иванович Лидваль. Часть 7
... Читать дальше...
Ваш комментарий к данной статье:
Жирный шрифт Курсив Подчеркнуть Выровнять влево Выровнять по центру Выровнять вправо Выровнять по ширине Вырезать Копировать Вставить Отменить Повторить Список Нумерованный список Верхний индекс Нижний индекс Вставить ссылку  Цвет:
Инфо от наших друзей:




Наши партнёры: