Главная > Web-дизайн > Плоский веб-дизайн

Плоский веб-дизайн


9 апреля 2013, 16:55. Разместил: Design FactoRy
Плоский дизайн – это концепт, который в прошлом был невероятно популярным, но сегодня он снова набирает обороты, и на это есть причины. Многие переделанные и новые сайты предстают перед нами в плоской дизайн-схеме, и этот тренд сегодня можно встретить практически повсеместно – как среди сайтов, так и среди приложений.

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

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

Что такое плоский веб-дизайн?

Плоский дизайн – это такой метод разработки дизайна, в котором не используются пространственные элементы: не используются тени, выпуклости, градации и любые другие техники, которые помогают визуально достичь трехмерного отображения. Иконки и пользовательский интерфейс выполняются в строгом стиле – никаких теней. На Abduzeedo есть замечательная статья о плоских UI в интерфейсах Windows Phone и iOS, поэтому мы настоятельно рекомендуем вам ознакомиться с ней.

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

Методы?

Сделайте акцент на цвет

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

Плоский веб-дизайн
Dribble UI Kit

Плоский веб-дизайн
Free Square Kit

Фокус на типографику

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

Плоский веб-дизайн
The Verge

Плоский веб-дизайн
Gaana

Плоский веб-дизайн
Hunie

Простые пользовательские интерфейсы

Использование в процессе разработки простых пользовательских интерфейсов и иных элементов оформления будет весьма эффективным в конечном результате.

Плоский веб-дизайн
Flat UI

Плоский веб-дизайн
Smooth Web App

Плоский веб-дизайн
Free PSD Flat UI

Создание иерархии

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

Плоский веб-дизайн
Android UI Kit

Плоский веб-дизайн
One Page

Плоский веб-дизайн
Search Engine

Плоский дизайн – вдохновение

Теперь пришло время ознакомиться с некоторыми примерами. Чтобы получить больше вдохновения, вы можете просмотреть Dribbble или Pinterest.

Плоский веб-дизайн
BuiltByBuffalo

Плоский веб-дизайн
Layer Vault

Плоский веб-дизайн
Lorenzo Verzini

Плоский веб-дизайн
RVLT

Плоский веб-дизайн
Like There is No Tomorrow

Плоский веб-дизайн
Microsoft

Плоский веб-дизайн
Kippt

Плоский веб-дизайн
Fitbit

Плоский веб-дизайн
I Think I Might

Плоский веб-дизайн
Eric Ford

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

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

Теперь пришла ваша очередь поделиться вашим мнением о плоском дизайне? Возможно, вы уже попробовали свои навыки в разработке подобных проектов, и у вас есть что продемонстрировать? Надеемся увидеть ваши комментарии или работы!
Вернуться назад