fazan Dec 26 2009 at 16:59

Как достичь профессионального вида с помощью цвета

9 min

11K

Design

Translation

+140

Comments 38

fenrillium Dec 26 2009 at 17:38

Актуально для конца девяностых — начала двадцать первого века)).
Насоветую желающим посетить сообщество colourlovers.com в целях научиться составлять грамотные цветовые палитры.)

+10

Skif300000 Dec 27 2009 at 00:41

За colourlovers.com спасибо

fenrillium Dec 27 2009 at 03:31

Я не учёл того фактора, что многие не знакомы с типографикой и не читали книг по дизайну. За что и получил минусы, впрочем это уже неважно.

Важно то, что Gremillion привёл только базис, но более полно узнать что за штука этот цвет и продвинутые практики нахождения палитры, можно только прочитав ряд статей и книг по типографике и колористике.

ivanr Dec 27 2009 at 13:01

Базис нужен всегда, — начинающие прочитав этот материал хоть задумаются над тем, что цвет и его компоновка берутся не со стены или потолка и, возможно, тогда начнут читать именно те книги, о которых вы говорите… И станет наш web симпатичнее… :)

fazan Dec 27 2009 at 20:59

Можно сколько угодно надеяться на лучшее, но если ничего не делать, то ничего и не изменится. В сказки верят далеко не все :)

fenrillium Dec 28 2009 at 18:07

Здесь ещё от человека зависит.
Семь лет назад я нагуглил на запрос «usability» «Designing web usability» Якоба Нильсена. С этого момента началась моя борьба за информацию. Тогда я ещё мало знал обо всем, а фотошоп использовал исключительно для обработки фотографий. Затем был ряд статей на alistapart, ещё несколько книг, затем Иттен, затем типографика, статьи о типографике, затем я изучил html, css, начал использовать нестандартные приёмы — например создание логотипа на чистом html+css.

А кому-то просто лень набрать запрос, чтобы что-то узнать.

Gremillion предлагает типичную практику подготовки цвета. Но, дизайнер понимала, для чего она это делала, основываясь на материале, который получила из книги Иттена. Конструирование цветовой палитры это весьма сложный процесс.

bannersheek Dec 28 2009 at 17:23

Каких именно статей и книг?

fenrillium Dec 28 2009 at 17:55

• Иоханесс Иттен «Искусство цвета» — подача автора понятна любому технарю. Желательно законспектировать материал. Затем можно приступать к упражнениям с цветом.
• Джеймс Феличи «Типографика: шрифт, верстка, дизайн» — отличный материал для понимания как надо размещать информацию и как использовать преимущества шрифтов.

Помимо этого советую почитать alistapart.com рубрику дизайн. И kak.ru.
Важные вещи о которых вы будете знать после прочтения этой пары книг:
• Конструирование цветовой палитры для определенной задачи
• «Цвет» страницы, как его можно и нужно использовать.
• Композиционное конструирование: текст, изображения и прочее.
• Общепринятая верстка, очень важный аспект.

Ну и можно погуглить ещё) я всегда так делаю, когда меня что-то интересует). Статьи лучше читать зарубежные, потому что все что появляется у нас — это переводы авторитетных сайтов, и запоздалые переводы менее авторитетных сайтов.)

bannersheek Dec 28 2009 at 18:01

спасибо большое

fenrillium Dec 26 2009 at 17:49

И немного правки:

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

«Если Вы хотите маленький текст (говорят, 14 шрифт или меньше)»
14-й кегль это далеко не маленький шрифт.

«Пользователи Mac, настройте свой экран» единственно необходимая отстройка — уменьшение яркости до яркости win-мониторов. Что бы макеты смотрелись одинаково, как на Mac, так и на остальных дисплеях.

KL7 Dec 26 2009 at 19:17

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

+20

Ronin Dec 26 2009 at 19:39

Есть довольно неплохая книга «Типографика цвета», автор: Тимоти Самара. Правда там больше про шрифты, но все же.

UFO just landed and posted this here

fazan Dec 26 2009 at 20:45

я запостил как перевод, сейчас в название добавлю если вы об этом

lol2Fast4U Dec 26 2009 at 21:31

Про Мак — в OS X 10.6 гамма уже такая же, как в венде.

Alaunquirie Dec 26 2009 at 21:40

Перевдите все схемы, а то непорядок какой-то. И ссылочку на adobe kuler обязательно ;)

fazan Dec 26 2009 at 21:57

скоро залью картинки с переводом ;)

0dd_b1t Dec 26 2009 at 21:46

Обалденно — спасибо. Давно хотел найти, что-то по технологии подбора цвета. Прекрасная статья — все структурировано, есть и новые (для меня) находки.

sgolubev Dec 26 2009 at 22:08

Не могу не упомянуть отличный сервис подборки цветовой гаммы Adobe Kuler — kuler.adobe.com/

hoxnox Dec 26 2009 at 22:38

Вообще таких сервисов немало… мне нравится Colorcombos, к примеру. Автор хотел не только рассказать о важности правильно сочетать цвета, но и описать некоторый подход к цветовому оформлению, за что ему спасибо. Как упоминали выше, мне, как неискушенному дизайном программисту, информация пришлась кстати.

Dmitry_f Dec 26 2009 at 22:38

Хотел вам ответить, тут

Dmitry_f Dec 26 2009 at 22:35

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

ivanr Dec 27 2009 at 13:06

Спасибо, сразу добавил в избранное, до этого пользовался colourlovers.com

TheCooLeR Dec 28 2009 at 23:05

а также colorscheme.ru — русская версия colorschemedesigner.com

UFO just landed and posted this here

Finderom Dec 26 2009 at 23:10

Для меня, построение цветовой схемы — это такая мука…
Код писать проще :-)
Теперь буду стараться использовать научный подход, вместо метода тыка.

egoholic Dec 26 2009 at 23:25

www.egoholic.ru/2009/01/blog-post_31.html
не сочтите за пиар

kurokikaze Dec 26 2009 at 23:29

Хорошее объяснение :) Я, если нужно быстро набросать цвета, пользуюсь ColourLovers<a/> — теперь буду пользоваться более осмысленно :)

kurokikaze Dec 27 2009 at 01:30

Арргх.

AKarlov Dec 27 2009 at 02:27

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

hox Dec 27 2009 at 03:32

При выборе цвета/контраста/насыщенности автор основывается лишь на собственных ощущениях. Но ведь для этих целей существуют специальные законы, основанные на физике и знаниях о человеческом глазе. В первую очередь это законы цветовой гармонии, потом законы перспективы, правила контраста цветов (7 типов контраста: светлого и тёмного, холодного и тёплого, цветового насыщения, цветового распространения, симультанный, дополнительных цветов, цветовых сопоставлений) и многие другие. Все это давно известно, потому как человечество давно работает с цветом и общие знания сведены в общие законы. А уже дальше, на их основе можно рассказывать как вносить творческую составляющую для определенных целей.

fenrillium Dec 27 2009 at 04:06

«Искусство цвета» Иоханнеса Иттена?)

hox Dec 27 2009 at 04:46

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