Выбор базового фото
Flickr - сайт, которого вполне достаточно для поиска любых фотографий. Задаёте тему, и получаете тысячи снимков, которые можно сортировать дальше.
Имея доступ к такому количеству фотографий, не спеша обдумайте формулировку запроса. Создаёте сайт о снаряжении для серфинга? Лучше всего, начните с фотографий, найденных через ключевые слова "водного" ассоциативного ряда. Турагентство? Соберите снимки пляжей со всего света. Это кажется само собой разумеющимся, но так оно и есть.
Давайте попробуем выполнить быстрый поиск на Flickr. Выберем тему запроса - Хеллоуин:
Построение образца цветовой схемы
Большинство фотографий весьма многоцветны. Дизайнер должен решить, какие тона наиболее значимы. К счастью, есть множество онлайн-источников, где можно получить подсказки.
Colourlovers разработали отличный сервис под названием PhotoCOPA. PhotoCOPA позволяет вам загружать фотографию в программу-редактор, а затем извлекать из неё образцы цвета, усиливать их насыщенность и сохранять их в виде перемещаемых файлов палитры. Лёгкий способ моделирования конечного результата в начале построения схемы.
Не бойтесь выходить за рамки
Отсутствие какого-то конкретного цвета на фотографии не означает отказ от его использования. Потому-то мы и говорим здесь об "идеях", а не о "прямом заимствовании". Если на снимке преобладают иссиня-фиолетовые тона, вполне допустимо подчеркнуть основные цвета вкраплениями другого оттенка.
С помощью уже знакомой нам фотографии на тему Хеллоуина можно построить несколько цветовых схем:
PhotoCOPA позволяет вам выполнять поиск на Flickr прямо из редактора, но по-моему, гораздо легче просматривать фото через обычные поисковые сервисы.
Переход к конструированию страницы
У веб-дизайнеров есть несколько инструментов для наглядного моделирования конечного результата. Color Scheme Designer наскоро создаёт отличные цветовые схемы с предварительным вариантом разметки веб-страницы. Если вам хотелось бы иметь что-то более индивидуальное, советую изготовить в Photoshop шаблон, на который можно помещать цвета. Сохраните его где-нибудь в удобном месте, а для каждой схемы сохраняйте новую версию.
Опять же, не бойтесь добавлять при необходимости новые цвета. Эти образцы палитры не всегда будут автоматически получаться идеальными — вам придётся поработать над ними ради достойного конечного результата.
Образцы разметки
Примеры разметки, приведённые ниже, подсказаны цветовыми схемами, построенными нами ранее. Я предложил здесь несколько возможных вариантов цветового оформления, созданных с помощью нашей палитры и основных инструментов Photoshop:
Построение дизайна на основе фотографии
Если вы находите цветовые схемы в других источниках, какие идеи вы применяете на практике? Приходилось ли вам прежде разрабатывать дизайн веб-сайта на основе фотографии? Поделитесь своим опытом в нижеследующем разделе комментариев.
Раздел: Цветовые схемы Комментариев: 1
Построение цветовых схем для сайтов на основе фотографий
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Mysterious Master Прочитано (раз): 17318 | Оставлено комментариев: 1
Источник материала / оригинал статьи Распечатать
Источник материала / оригинал статьи Распечатать