• 0k
  • 0
Веб-дизайн \ 12 Апрель 2016

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

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

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

плоские сайты

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

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

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

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

плоский сайт пример

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

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

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

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

плоский сайт пример

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

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

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

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

плоский сайт пример

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

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

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

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

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

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

плоский сайт пример

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

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

 

 

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

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

Оставайтесь в курсе
новинок блога

Подпишитесь на блог и не пропустите ни одной статьи!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Давайте дружить \ 

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

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email