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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Резюме

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

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

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

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

Кликайте “Мне нравится”, сохраняйте статью себе на стену. Это лучший способ не потерять ее и сказать мне “спасибо :)

Автор и идеолог проекта. Специалист по продающему дизайну и упаковке бизнеса в интернете

Сколько можно заработать занимаясь веб-дизайном и где

Что сейчас в тренде, где искать вдохновение, как развить вкус

Как получить первые работы в портфолио и первые заказы

Я против спама. Ваши данные никогда не будут переданы 3-м лицам.

Комментарии

Вам также может понравиться

1. Настоящая Политика конфиденциальности содержит перечень информации, не подлежащей разглашению при использовании Заказчиком сайта https://www.vilchinskaya.com, далее «Сайт».

2. Использование сайта Продавца возможно только при условии безоговорочного согласия Заказчика с положениями Политики конфиденциальности.

3. В случае если Заказчик не согласен с каким-либо условием Политики конфиденциальности, либо условия ему не понятны, он обязан отказаться от использования Сайта Продавца.

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

5. Разглашение информации в рамках Политики допускается не иначе как при условии предварительного получения письменного согласия Заказчика.

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

7. Срок и территория соблюдения требований о конфиденциальности информации по настоящей Политике не ограничены.

8. Стороны обязуются принимать все необходимые и разумные меры для безопасного хранения и защиты конфиденциальной информации.

9. Обязательства, изложенные в настоящей Политике, не распространяются на следующие сведения:

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

9.2. Сведения, которые были получены сторонами от третьих лиц без обязательства о сохранении конфиденциальности;

9.3. Сведения, самостоятельно разработанные стороной;

9.4. Сведения, раскрытие которых необходимо в соответствии с требованиями законодательства или органов, имеющих соответствующие полномочия.

10. Стороны обязуются немедленно извещать друг друга о любых обстоятельствах, способных повлиять на исполнение требований Политики.

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

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

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

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

Используя данный Сайт, Вы выражаете свое согласие с "Отказом от ответственности" и установленными Правилами и принимаете всю ответственность, которая может быть на Вас возложена.

1. Настоящее Положение об обработке персональных данных содержит требования к обработке персональных данных при использовании Заказчиком сайта https://www.vilchinskaya.com, далее «Сайт».

2. При оформлении заказа Товара у Продавца Заказчик обязан предоставить Продавцу достоверную информацию о своих персональных данных и дать согласие на обработку своих персональных данных. Согласие на обработку персональных данных дается без каких-либо специальных оговорок.

3. Обработка персональных данных Заказчика осуществляется исключительно с целью идентификации Сторон договора, исполнения обязательств по Договору, а также с целью поддержания обратной связи Продавца и Заказчика.

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

5. В соответствии с условиями настоящего Положения не подлежат разглашению следующие данные:

5.1. Персональные данные Заказчика, которые были сообщены Продавцу в ходе процедуры регистрации на портале, либо при оформлении заказа.

5.2. Персональные данные Заказчика, которые были сообщены Продавцу при дальнейшей работе по Договору.

5.3. Данные об IP-адресе, информация из cookie, информация о времени доступа, адрес запрашиваемой страницы.

5.4. Адрес страницы Заказчика в социальных сетях.

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

7. Заказчик вправе в любой момент сообщить Продавцу об изменении своих персональных данных.

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