12 апр. 2016 г.3 мин.
Веб-дизайн своей цикличностью напоминает моду: тренды приходят и уходят, некоторые начисто забываются, а некоторые возвращаются в переосмысленном виде и становятся популярными во второй, третий или даже четвертый раз. К таким относится, например, «плоский» дизайн. Несколько лет назад все сходили по нему с ума, со временем шум поутих, но концепция живет и продолжает развиваться в новом направлении, которое лично нам очень нравится.
Секрет успеха «плоского» дизайна заключается в том, что он очень простой, понятный и универсальный. Сайты, оформленные в таком стиле, выглядят современно, не вызывают вопросов и очень быстро загружаются — как можно их не любить? Вы не до конца понимаете, что значит «плоский» дизайн, но уже давно хотите освежить свой сайт и порадовать клиентов чем-нибудь новеньким? Что ж, отлично — давайте разбираться и пробовать.
Основные элементы «плоского» дизайна — это простые геометрические формы, рамки и типографика. И если вы хотите, чтобы ваш сайт соответствовал принципам визуальной иерархии, обращайтесь с ними правильно: не забывайте про порядок, размер и симметрию. Ваша задача — сделать так, чтобы пользователь рассматривал страницу не хаотично, а в нужной вам последовательности, в первую очередь обращая внимание на самую важную информацию.
Цвет — один из ключевых компонентов «плоского» дизайна. Он не только оживляет сайт, но и делает его более глубоким. Традиционные способы придания объема не подходят из-за своей нарочитой «трехмерности», а вот эксперименты с цветами и оттенками дают нужный эффект небольшой глубины, особенно когда вы размещаете светлые элементы на более темном фоне.
Художественный беспорядок может царить дома или на рабочем столе, но ни в коем случае не на сайте. «Плоский» дизайн и хаос не сочетаются ни при каких обстоятельствах, поэтому наведите чистоту. Избавьтесь от всего ненужного и убедитесь, что оставшиеся элементы не мешают друг другу и не загромождают пространство.
На плоском «сайте» не всегда понятно, какие элементы кликабельные, а какие — нет, поэтому вам нужно подумать, как лучше оформить гиперссылки, чтобы они не вызывали у посетителей вопросов. Наш совет — обратить внимание на подчеркивание, рамки и геометрические формы.
По идее, любой «плоский» сайт должен быть не столько красивым, сколько удобным. А удобство начинается с понятной навигации. Не усложняйте структуру сайта, сделайте ее максимально простой, а если получилось много страниц — используйте выпадающее меню. Помните: простота, умеренность и аккуратность — ваши лучшие друзья.
Не все шрифты будут одинаково хорошо смотреться на «плоской» странице. Мы в первую очередь рекомендуем семейство Sans Serif, а тем, кому хочется большего, советуем обратить внимание на очень неплохую подборку подходящих по стилю шрифтов.
Монохромный сайт смотрится изысканно и стильно, но «плоский» дизайн должен быть динамичным, ярким и эффектным, а этого проще всего достичь с помощью цвета. Так что не бойтесь ярких оттенков — пробуйте, смешивайте и смотрите, что получается.
Кстати, о визуальной иерархии. В редакторе Wix есть отличный инструмент для того, чтобы правильно распределить контент по странице — горизонтальные полоски. Они делят сайт на широкие блоки, которые особенно классно смотрятся на «плоской» странице.
Для посетителей «плоского» сайта иконки играют роль дорожных знаков, помогая им сориентироваться. Они нужны не столько для красоты, сколько для навигации, поэтому всегда делайте выбор в пользу более понятной иконки. Вы же не хотите, чтобы человек, попавший на сайт, растерялся и ушел ни с чем? Тогда старайтесь, чтобы все было максимально очевидным и наглядным.
«Плоский» дизайн должен быть простым и лаконичным. Если вы решили придерживаться этой концепции, вам нужно избегать всевозможных эффектов и анимации. Сумеете выдержать стиль — получите классный и самодостаточный сайт, не нуждающийся ни в каких дополнительных украшательствах.
Нужно создать сайт? Сделайте его на Wix — это просто и бесплатно!
Автор Команда Wix