Главная > Web-дизайн > Плоский веб-дизайн
Плоский веб-дизайн9 апреля 2013, 16:55. Разместил: Design FactoRy |
Плоский дизайн – это концепт, который в прошлом был невероятно популярным, но сегодня он снова набирает обороты, и на это есть причины. Многие переделанные и новые сайты предстают перед нами в плоской дизайн-схеме, и этот тренд сегодня можно встретить практически повсеместно – как среди сайтов, так и среди приложений. Некоторые скажут, что все это благодаря Windows 8. Ввиду популярности этой новой платформы, плоские пользовательские интерфейсы успешно вскарабкались на вершину. Google также внесла свою долю в развитие плоский дизайнов, когда стала распространять продукцию в плоском дизайне. В попытках идти в ногу со временем, множество веб-сайтов также «переоделись» в плоские шаблоны. Плоский веб-дизайн может быть действительно привлекательным. Может быть, его и не выставишь на конкурс самых вычурных и экстравагантных, но он прекрасно выполняют исходную задачу любого веб-сайта: донести информацию, продвинуть ваш продукт или идею. Что такое плоский веб-дизайн? Плоский дизайн – это такой метод разработки дизайна, в котором не используются пространственные элементы: не используются тени, выпуклости, градации и любые другие техники, которые помогают визуально достичь трехмерного отображения. Иконки и пользовательский интерфейс выполняются в строгом стиле – никаких теней. На Abduzeedo есть замечательная статья о плоских UI в интерфейсах Windows Phone и iOS, поэтому мы настоятельно рекомендуем вам ознакомиться с ней. На самом же деле, плоский дизайн не всегда такой уж и плоский. Огромное количество веб-сайтов, использующих этот стиль, попадают под категорию «почти плоские», и все же используют некоторые незначительные эффекты. Методы? Сделайте акцент на цвет Данный дизайн-тренд зачастую предполагает обильное использование ярких цветов. Рекомендуется использовать цвета логотипа, чтобы сайт был действительно привлекательным. Плоские шаблоны отлично работают с всеми оттенками черного и белого цветов, но вы, конечно же, можете использовать и другие цвета. Фокус на типографику Слова важны. Они несут посыл пользователю, описывают ему что-либо, предоставляют нужную информацию. Чтобы создать интересную и красивую типографику, вы можете использовать шрифты без засечек, которые имеют множество вариаций. Помните, что плоский дизайн зачастую прост и минималистичен, поэтому вам нужно будет думать дважды, прежде чем создавать конкретные комбинации шрифтов. Простые пользовательские интерфейсы Использование в процессе разработки простых пользовательских интерфейсов и иных элементов оформления будет весьма эффективным в конечном результате. Создание иерархии Очень важно предоставить пользователю интуитивно понятную иерархию. Убедитесь, что пользователи могут без труда найти все, что им нужно, и при этом не затратить много времени на пустое блуждание по страницам. Ссылки должны быть видными и четкими, должны быть оформлены отдельным цветом. Плоский дизайн – вдохновение Теперь пришло время ознакомиться с некоторыми примерами. Чтобы получить больше вдохновения, вы можете просмотреть Dribbble или Pinterest. Ввиду своего простого «характера», плоский дизайн идеально подходит для донесения сообщения или для продвижения каких-либо продуктов. Этот стиль идеально подходит для маленьких экранов, включая мобильные приложения, но многие люди говорят, что и на больших экранах он смотрится замечательно! Некоторым бывает сложно привыкнуть к плоскому дизайну, так как нужно фокусироваться на каждой детали. Кроме того, плоский дизайн идеально поддается оформлению различными цветами. В конце концов, плоский дизайн означает минимальное использование любых эффектов. Теперь пришла ваша очередь поделиться вашим мнением о плоском дизайне? Возможно, вы уже попробовали свои навыки в разработке подобных проектов, и у вас есть что продемонстрировать? Надеемся увидеть ваши комментарии или работы! Вернуться назад |