Мудборд
В поисках нового визуального настроения мы собрали основные приёмы, которые помогут добиться на сайте нужной атмосферы.
Каким должно быть настроение сайта?
Элегантно, благородно, стильно, в то же время сочно, по-летнему, живо. Но не цветочная романтика.
Фото
Основной инструмент, с помощью которого мы сможем добиться нужного ощущения от дизайна сайта — фотографии. Именно они будут в центре внимания практически на всех страницах.
Примеры использования фото
Обратите внимание: цвета и шрифты на приведённых примерах не соответствуют цветовому решению, которое будет применяться на нашем сайте. Скриншоты иллюстрируют исключительно приёмы композиции.
Поскольку фотографии — основной инструмент дизайна, очевидно, что на сайте их будет много. Так же много и вариантов построения композиции с фото. Перечислим основные, которые планируем использовать.
Полноэкранные фотографии с текстом поверх изображения:
Поскольку фотографии — основной инструмент дизайна, очевидно, что на сайте их будет много. Так же много и вариантов построения композиции с фото. Перечислим основные, которые планируем использовать.
Полноэкранные фотографии с текстом поверх изображения:
Крупная полноэкранная плитка из изображений с текстом поверх:
Классическая плитка — фотография и текст внизу:
Cплит-скрин: половину экрана занимает фото, а на второй половине завёрстан текст:
Также на сплит-скрине можно использовать яркие цветные подложки — это позволит привлечь больше внимания к блоку (цвет в примере ниже служит исключительно для иллюстрации самого подхода):
Шрифты
В интерфейсе мы предлагаем использовать шрифты без засечек. Они выглядят легко и свежо, позволяют добиться изысканности и утончённости без лишней слащавости. Также подобные шрифты уже используются в логотипе и в презентации бренда.
Цветовая палитра
При работе с большим количеством красочных фотографий использовать дополнительные цвета в элементах интерфейса нужно осторожно, чтобы не смещать акценты и не рассеивать внимание пользователя.
Поэтому мы предлагаем использовать в качестве основного фонового цвета белый, пастельный бежевый или светло-серый. А яркие цветные подложки и элементы использовать только для привлечения особого внимания в целевых блоках.
Мы выделили основные гаммы цветов, которые помогут создать нужное настроение.
Поэтому мы предлагаем использовать в качестве основного фонового цвета белый, пастельный бежевый или светло-серый. А яркие цветные подложки и элементы использовать только для привлечения особого внимания в целевых блоках.
Мы выделили основные гаммы цветов, которые помогут создать нужное настроение.
пожелания по цвету
Цвета насыщенные, но натуральные, природные, не искусственно контрастные.
Холодная пастель с тёплым акцентом
В основе этой палитры — оттенки, взятые из интерьера ресторанов L’ETO: цвета голубого тумана и прозрачного неба ранним лондонским утром, благородный дымчато-серый и нежный бежевый. А сочный тёплый цвет румяного бисквитного коржа выступит акцентным в графических элементах интерфейса.
Такие цвета позволят не отвлекать внимание от красочных фотографий, сохранят прямые ассоциации с рестораном, его люксовыми интерьерами и вкусными десертами.
Такие цвета позволят не отвлекать внимание от красочных фотографий, сохранят прямые ассоциации с рестораном, его люксовыми интерьерами и вкусными десертами.
Сочная ягодная история с солнечным акцентом
В основе этой палитры — глубокие натуральные цвета спелой сливы, ароматной лаванды и сочной клубники. Их дополняют пастельные бежевые оттенки и яркий акцент цвета мякоти спелого персика, вызревшего под тёплыми лучами солнца.
Эта палитра более яркая, летняя и отличается большей контрастностью цветов. Она ассоциируется скорее с фирменными фруктовыми и ягодными десертами бренда.
С такой гаммой допустимо использовать меньше белого фона и больше цветных подложек в блоках.
Эта палитра более яркая, летняя и отличается большей контрастностью цветов. Она ассоциируется скорее с фирменными фруктовыми и ягодными десертами бренда.
С такой гаммой допустимо использовать меньше белого фона и больше цветных подложек в блоках.
Опасные яркие
В процессе поиска цветов, перебрав множество вариантов, мы пришли к выводу, что некоторые яркие и летние цвета, даже при использовании в небольшом количестве, могут спорить с фотографиями и создавать излишний визуальный шум в интерфейсе.
Поэтому мы предлагаем не использовать красный и зелёный в дизайне, а использовать одну из приведённых выше палитр.
Поэтому мы предлагаем не использовать красный и зелёный в дизайне, а использовать одну из приведённых выше палитр.
Ждём вашего решения, чтобы перейти на следующий этап работы.