Нужны ли сайтам три цвета?

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

Экспериментируя со своим первым веб-сайтом , я обнаружил, что лучше всего использовать 3 цвета. Сначала я пробовал только черно-белое, но это не выглядело хорошо. Затем я добавил цвет (синяя панель навигации), и все равно казалось, что нужно больше. Затем я добавил второй цвет, и это выглядело намного лучше, даже когда это был просто небольшой элемент, например, кнопка или что-то в этом роде. Наконец, добавление третьего также имело заметное преимущество. Кроме того, предельное значение цветов значительно падает и даже может стать отрицательным.

Есть ли консенсус по этому поводу? Если так, то, что это?

Кроме того, есть ли какая-то причина для этого? (Я знаю, что трудно сформулировать, почему некоторые вещи эстетически приятны, поэтому я бы так не думал, но я все же хотел бы здесь теории!)

Ответы (6)

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

Это некоторые монохроматические / 3-цветные веб-сайты, которые работают достаточно хорошо.

Полностью монохроматический — черный, белый и один оттенок серого для отдельных элементов:

Источник

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

Один цвет, один или два оттенка темно-серого – черный и светло-зеленый:

Источник

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

Пара оттенков на цветном фоне - Серый(ые) на розовом:

Источник

Яркий цвет фона и приятный контраст с содержимым. Этот сайт доказывает для меня, что вам не нужно делать 100% плоскость (одноцветная огромная квадратная плитка), чтобы быть простым и отточенным.

Несколько оттенков - черный (темно-фиолетовый?), белый и сиреневый:

Источник

Ориентируясь в основном на текст, этот сайт использует только оттенки сиреневого/фиолетового цвета. Тем не менее, это выглядит немного просто имхо.

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

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

Вы должны использовать столько цветов, сколько вам нужно, если они вам вообще нужны, не больше и не меньше.

Помните, что «цвет» может относиться и к оттенкам серого. Или он "серый"?

Это все мнение, ощущение, дизайнерский замысел. Если это работает для вас, то это хорошо.

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

Цвет определяет внешний вид и эстетику вашего сайта. Но цвет также может и должен использоваться для направления пользователя по вашему сайту. Например, важные кнопки или заголовки могут иметь «цвет подсветки», чтобы направлять взгляд пользователя на них, ссылки могут и должны иметь цвет, отличный от обычного текста или заголовков, и так далее. Таким образом, количество используемых вами цветов также должно зависеть от содержания и функциональности вашего сайта. ;)

Это большой вопрос, и я думаю, что лучший ответ: это зависит.

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

Я скажу, что в большинстве случаев 3 — хорошее начальное число, и вы можете добавить или вычесть его, если того требует дизайн и пользовательский интерфейс.

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

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

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

Кроме того, есть ли какая-то причина для этого?

Я полагаю, что нет одной причины, но много теорий. Вот мой:

В любом проекте визуального дизайна, если используется цвет, необходимо иметь как минимум 3 аккаунта для «большой тройки»:

  • Основной цвет
  • вторичный цвет
  • акцент/выделение цвета

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

И довольно часто, когда у вас есть все это, вы можете понять, что вам больше ничего не нужно (старая мантра «держать просто, глупо»).