Цвет и шрифты

50 оттенков белого. Советы по использованию белого цвета в качестве фона сайта

Советы по использованию белого цвета в качестве фона сайта

Такое чувство, что все дизайнеры вокруг используют белый цвет.

Бесшовные текстуры и темные цвета на фоне канули в Лету? Если честно, никогда не любила бесшовные текстуры на фоне сайта… Так что черт с ними.

Зато использование белого цвета набрало обороты и кажется, что самый простой и безопасный способ создавать так называемый clean design и не переборщить с разнообразностью цветовой схемы. Так ли это?

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

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

Так что же дизайнеры делают, чтобы заставить работать белый фон на себя? Давайте посмотрим.

2015-06-12_160635

Почему именно белый?

Несколько лет назад темные фоны сайтов были в тренде. Почему сейчас так много сайтов делают фокус на светлых оттенках? Похоже, что одной из причин являются два других тренда веб-дизайна, которые в 2015 и, скорее всего, в 2016 годах все еще не потеряют актуальность.

  1. Responsive Web Design (Отзывчивый/адаптивный веб-дизайн). Создание дизайна по гибкой сетке и последующее хорошее отображение сайтов на всех типах устройств упрощает белый фон, т.к. это всегда просто в реализации и выглядит современно.
  2. Flat стиль и минимализм в веб-дизайне – все еще стильно и актуально с 2013 года. И как раз таки белый фон является воплощением простоты, которая пронизывает оба этих стиля, а во flat стиле – отлично сочетается с яркими, иногда громоздкими флэтовскими цветами.

О чем молчит белый?

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

hellomichael2

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

50 оттенков белого

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

кремовые оттенки белого в веб-дизайне

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

2015-06-12_145342

Советы по использованию белого цвета в качестве фона

Создавайте контраст

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

2015-06-12_152947

Будьте проще

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

2015-06-12_153307

Делайте акцент на типографике

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

playgroundinc

Пространство – ваш друг

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

Резюме

Белый, наверное – любимый цвет всех дизайнеров. И не зря: сам по себе он одновременно и простой (с ним не сложно во всех смыслах) и одновременно требует создания во круг себя определенной «изюминки».

Новичкам я бы советовала начинать именно с белого (или близкого к белому цвета в качестве фона для своих макетов.

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

Напишите мне в комментариях:

Как часто Вы рисуете «белые» сайты или как часто встречаете такие в сети? И как по-вашему, это способ дизайнера упростить себе задачу или хорошо продуманное решение?

Есть еще 5 минут? Узнайте больше о психологии цвета и о том, какой цвет лучше всего будет продавать для конкретной тематики сайта.


с любовью,
Юлия

Понравилось? Расскажите друзьям: