Боевой программист цветов - PullRequest
28 голосов
/ 28 августа 2008

У меня есть пара домашних проектов, в которых я являюсь единственным дизайнером / программистом, и я трачу слишком много времени на изменение пользовательского интерфейса, чтобы облегчить использование реальными пользователями и избегать ярких желтый и зеленый , что так часто встречается в проектах "программистов".

У вас есть советы по выбору цветовой схемы, когда у вас нет графического дизайнера? Как избежать создания типичного интерфейса «программист»?

Ответы [ 16 ]

28 голосов
/ 28 августа 2008

Кулер имеет много пользовательских цветов

редактировать: только что вспомнил ... также попробуйте colorlovers

24 голосов
/ 01 сентября 2008

Позвольте мне рассказать вам историю.

Я абсолютно не уверен в своей способности делать эстетический выбор - вам нужно только смотреть на то, как я одеваюсь, чтобы понять, что я оправдан в своей неуверенности. Во всяком случае, много лет назад я был ответственным за написание графического интерфейса для нового продукта («Редактор клипов» в Cineon, для тех, кто знает это). Я набросал дизайн, но попросил моего босса, начальника отдела продаж и маркетинга и различных «специалистов по приложениям» помочь выбрать цвет. Никто не ответил, поэтому я сказал «черт с ним» и выбрал цветовую схему, так что я уверен, что бета-тестеры отшатнутся в ужасе и потребуют перемен. Но они этого не сделали - так оно и поступило. И я слышал, что клиенты любят"смелые цвета". И не только это, но несколько лет спустя конкурент добавил программу, которая выглядела как прямое вложение моего редактора клипов, в свой продукт, и они скопировали мою цветовую схему!

18 голосов
/ 28 августа 2008

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

Для веб-приложений я не совсем уверен.

5 голосов
/ 03 сентября 2008

Имейте в виду, что почти 10% мужского населения мира имеют некоторую значительную форму дальтонизма. Вы должны всегда учитывать это при выборе цвета интерфейса (особенно если вам нужен капитал - угадайте, что? 1 из 10 инвесторов-мужчин может не увидеть ваши красные точки на зеленой фоновой диаграмме, показывающей риск против прибыли!).

MSDN имеет разумный обзор этого, и есть несколько фильтров сайта , которые показывают, как выглядит ваш сайт (или любой сайт) при любой форме дальтонизма.

Кроме того, мне действительно нравятся COLOURLovers - они не только имеют большой выбор цветовых схем с тегами и определенными пользователями, они предоставляют их вам различными способами, и вы можете войти в систему. и отслеживать ваши любимые (или ваши любимые производители цветовой схемы).

Иди проверь темы осени! Не может пойти не так с цветами Мичигана, когда листья меняются ...

-Adam

3 голосов
/ 01 сентября 2008

Цветовые руководства, такие как Kuler, - отличное начало, если вы не знаете, как выбрать цвет.

Некоторые основные соображения:

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

Используйте максимально ограниченную цветовую палитру. Выберите один цвет в качестве «темы» и выберите оттенки этого цвета, а затем, возможно, один или два контрастных цвета, чтобы пойти с ним.

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

1 голос
/ 14 января 2011

Некоторые обновленные ресурсы, которые я использую:

Colorotate.org - это красиво оформленный сайт с пользовательскими палитрами разных размеров (в отличие от kuler, который предоставляет только 5 цветов на палитру) Позволяет увидеть, как комбинации выглядят для людей с нарушениями цвета.

colorschemedesigner.com создает для вас непротиворечивые палитры, используя различные алгоритмы (дополнение, триада, тетрада ...)

1 голос
/ 01 сентября 2008

Мне нравится использовать ColourSchemer и EasyRGB .

1 голос
/ 28 августа 2008

В последнее время я пользуюсь следующим сайтом: http://www.nickherman.com/colormatch/ чтобы помочь мне (также не дизайнеру) подобрать подходящие цветовые схемы. Я обычно нахожу довольно приятный цвет, а затем использую подходящие цвета с этого сайта.

Если ничего не помогает, я тоже спрашиваю жену!

0 голосов
/ 17 мая 2010

Почему программисты думают, что не могут иметь навыки dsign? Это моя любимая мозоль. Это обучаемый навык, как и все остальное.

http://www.hackification.com/2010/05/16/designing-a-vs2010-color-scheme-consistency-consistency-consistency/

0 голосов
/ 03 марта 2010

Я рекомендую начать с чтения теории вычислительного цвета. На самом деле Википедия - отличное место для изучения предмета. Попробуйте найти цвет по имени в Википедии. Вы найдете больше, чем ожидаете. Разветвитесь оттуда, пока не получите краткий обзор поля.

Развивая свой аналитический взгляд, сосредоточьтесь на понимании ваших любимых (или наиболее презираемых) цветов интерфейса и палитр с точки зрения их различных представлений в различных цветовых пространствах: RGB, HSB, HSL. Держите Photoshop / GIMP открытым, чтобы вы могли сопоставить субъективное восприятие палитр с их количественными аспектами. Посмотрите, как ваши цвета отображаются на паршивых мониторах. Обратите внимание на то, что всегда остается читаемым, и какие цветовые комбинации имеют тенденцию давать не харизматичные или неразборчивые результаты. Обратите внимание на эмоциональную информацию, передаваемую конкретными палитрами. Вы быстро увидите, как появляются шаблоны. Например, вы поймете, что цвета высокой насыщенности лучше избегать в компонентах пользовательского интерфейса, за исключением специальных целей.

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

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

...