Портал для веб-мастера

Инструменты для Бизнеса

Вход пользователей
Поиск статей
WoWeb.ru » Статьи » Веб-Дизайн

Четыре правила профессионального дизайна. Часть III

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

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

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


Я считаю, что критерий оценки допустимости того или иного сочетания цветов для использования их в качестве цветов фона и текста таков: чтение текста не должно вызывать у пользователя никакого дискомфорта. Критерий достаточно субъективный, но если вам показалось, что текст на странице выглядит недостаточно контрастно, или для его чтения нужно всматриваться в экран, то данное сочетание цветов не годится.

Да, кстати, дело не только в контрастности. Например, в ярко-зеленом тексте на темно-синем фоне контраста — хоть отбавляй, но любой профессиональный дизайнер такое сочетание использовать не будет.

Если данный способ у вас применять не получается, то сделайте скриншот страницы, а затем в Photoshop переведите ее в режим grayscale (градации серого):


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

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

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

Но лично я этой методикой не пользуюсь. Дело в том, что на веб-странице самые, казалось, невероятные сочетания цветов могут смотреться органично. Главное — не бояться экспериментировать.

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

Сначала все-таки поднапрягитесь и выберите какие-нибудь несколько цветов — пусть даже те, которые вам давно надоели. Нарисуйте ими какую-нибудь простую композицию (надпись на фоне нескольких прямоугольников, например). Далее сохраните получившуюся картинку в GIF или JPEG и загрузите в Internet Explorer. Теперь — финальный шаг: нажмите Ctrl+A или выберите из меню команду пункт «Правка-Выделить все». Выделение инвертирует цвета, и получаются довольно интересные сочетания. А теперь, если понравилось, делайте скриншот и используйте найденные цвета на здоровье, а если нет — продолжайте эксперименты.

Да, тяжела дорога в профессиональные дизайнеры :-)

Автор: Станислав Жарков · Добавлена: 2002-07-29
Просмотров: 3744 · Рейтинг: 3.0

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Категории раздела
Flash
Apache
WWW
PhotoShop
Веб-дизайн
Раскрутка и реклама
Базы данных
3D графика
Хостинг
Истории веб-мастеров
Web-технологии
Сетевая безопасность
Программирование для Web
Операционные системы

Новые статьи
Лучшие статьи
Популярные статьи
Комментируемые статьи
Разделы сайта
Скрипты
Статьи
Шрифты
Флэш исходники
HTML шаблоны
Партнерки
Клипарты
Смайлы
Фоны
Гифы
Иконки
Опрос сайта
Ведете ли вы блог?
Всего ответов: 60296
Наша кнопка
WoWeb.ru - портал для веб-мастера