Черно-белый дизайн: 9 потрясающих примеров

Черно-белый дизайн: 9 потрясающих примеров

15.08.2018 Graphic Design

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

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

1. Черно-белая фотография

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

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

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

2.  «Богатый» черный

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

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

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

3. Белый цвет как основа

 

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

Коллекция Kalpa Collection привлекательна, потому что белый цвет скорее «светлый», а не чистый белый. Это может быть намного комфортней для глаз - особенно при подсветке от экранов и устройств, что делают почти белый дизайн довольно легким для чтения. Фон и основное изображение не кардинально отличаются друг от друга, почти исчезают друг в друге, а текст наоборот резко контрастирует.

4. Черный цвет как основа

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

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

Dubois хорош, потому что простой черный фон освещен точками и красивой типографией с большим количеством пространства вокруг него.

5. Нет вторичного цвета

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

Printworks чисто черно-белый. Единственный элемент с некоторым цветовым изменением - черно-белое изображение в середине экрана. Результат абсолютно ошеломляет.

6. Намек и цветовой акцент

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

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

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

7. Без art элементов

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

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

8. Советы по анимации

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

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

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

9. Создать интенсивность

Черно-белый дизайн имеет определенное чувство интенсивности по своей природе. Они более острые и четкие, чем некоторые другие шаблоны дизайна.

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

Вывод

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

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

Написать нам в