10 советов по созданию красивого «плоского» сайта



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


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



Подчеркните главное


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



Придайте глубину с помощью цвета


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





Наведите порядок


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



Покажите, на что можно кликнуть


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





Упростите навигацию


По идее, любой «плоский» сайт должен быть не столько красивым, сколько удобным. А удобство начинается с понятной навигации. Не усложняйте структуру сайта, сделайте ее максимально простой, а если получилось много страниц — используйте выпадающее меню. Помните: простота, умеренность и аккуратность — ваши лучшие друзья.



Выбирайте правильные шрифты


Не все шрифты будут одинаково хорошо смотреться на «плоской» странице. Мы в первую очередь рекомендуем семейство Sans Serif, а тем, кому хочется большего, советуем обратить внимание на очень неплохую подборку подходящих по стилю шрифтов.





Используйте яркие цвета


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



Добавьте полоски


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



Аккуратнее с иконками


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





Уберите ненужные эффекты


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



Нужно создать сайт? Сделайте его на Wix — это просто и бесплатно!


Автор Команда Wix



#вебдизайн #красивыесайты #советыповебдизайну

ru03n.png