—»     —»   Построение цветовых схем для сайтов на основе фотографий
  Раздел: Цветовые схемы   Комментариев: 1  

Построение цветовых схем для сайтов на основе фотографий



Выбор базового фото

Построение цветовых схем для сайтов на основе фотографий

Flickr - сайт, которого вполне достаточно для поиска любых фотографий. Задаёте тему, и получаете тысячи снимков, которые можно сортировать дальше.

Имея доступ к такому количеству фотографий, не спеша обдумайте формулировку запроса. Создаёте сайт о снаряжении для серфинга? Лучше всего, начните с фотографий, найденных через ключевые слова "водного" ассоциативного ряда. Турагентство? Соберите снимки пляжей со всего света. Это кажется само собой разумеющимся, но так оно и есть.

Давайте попробуем выполнить быстрый поиск на Flickr. Выберем тему запроса - Хеллоуин:

Построение цветовых схем для сайтов на основе фотографий

Построение образца цветовой схемы

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

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

Построение цветовых схем для сайтов на основе фотографий

Не бойтесь выходить за рамки

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

С помощью уже знакомой нам фотографии на тему Хеллоуина можно построить несколько цветовых схем:

Построение цветовых схем для сайтов на основе фотографий

Построение цветовых схем для сайтов на основе фотографий

Построение цветовых схем для сайтов на основе фотографий

PhotoCOPA позволяет вам выполнять поиск на Flickr прямо из редактора, но по-моему, гораздо легче просматривать фото через обычные поисковые сервисы.

Переход к конструированию страницы

У веб-дизайнеров есть несколько инструментов для наглядного моделирования конечного результата. Color Scheme Designer наскоро создаёт отличные цветовые схемы с предварительным вариантом разметки веб-страницы. Если вам хотелось бы иметь что-то более индивидуальное, советую изготовить в Photoshop шаблон, на который можно помещать цвета. Сохраните его где-нибудь в удобном месте, а для каждой схемы сохраняйте новую версию.

Опять же, не бойтесь добавлять при необходимости новые цвета. Эти образцы палитры не всегда будут автоматически получаться идеальными — вам придётся поработать над ними ради достойного конечного результата.

Образцы разметки

Примеры разметки, приведённые ниже, подсказаны цветовыми схемами, построенными нами ранее. Я предложил здесь несколько возможных вариантов цветового оформления, созданных с помощью нашей палитры и основных инструментов Photoshop:

Построение цветовых схем для сайтов на основе фотографий
Построение цветовых схем для сайтов на основе фотографий
Построение цветовых схем для сайтов на основе фотографий


Построение дизайна на основе фотографии

Если вы находите цветовые схемы в других источниках, какие идеи вы применяете на практике? Приходилось ли вам прежде разрабатывать дизайн веб-сайта на основе фотографии? Поделитесь своим опытом в нижеследующем разделе комментариев.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: фотография
Опубликовал Mysterious Master   Прочитано (раз): 12276   |   Оставлено комментариев: 1
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 6 января 2010 @ 14:39
Написал: fortune — группа: Читатели  
На сайте с: 19.11.2009   |   Публикаций: 0   |   Комментариев: 59
ICQ: 190783170
Цветовые гаммы часто ищу на http://kuler.adobe.com/ - там куча уже готовых.


--------------------
я дизайнер - http://imdesigner.ru
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц January по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Фахверк
Строительство домов европейского уровня по технологии фахверк
fahverk.ru
Женское пальто 2017
Ежедневный женский сетевой журнал. Всероссийский женский сайт
palto.su
Салон красоты на Мичуринском
Косметология - все виды процедур по чистки лица, программы по омоложению
stilistika.com
Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
252627282930