Mail.RuПочтаМой МирОдноклассникиИгрыЗнакомстваНовостиПоискВсе проекты
5 января 2015

Плоский дизайн: главный тренд 2014 года в мобильных приложениях

Мобильный дизайн постоянно меняется, становясь удобнее для пользователей. О том, что важного произошло в этой сфере в 2014 году, рассказывает Валентин Амато — иллюстратор-аниматор отдела мобильной разработки Kokoc Mobile (Kokoc Group).

 

Все гениальное — просто

Плоский дизайн (англ. flat design) — главный тренд 2014 года, который станет ключевым направлением развития мобильного дизайна в обозримом будущем. Начало плоскому дизайну положила компания Microsoft, представившая осенью 2010-го новый смартфон на базе Windows Mobile с незамысловатым геометрическим интерфейсом. Это событие перевернуло мир дизайна, а новому тренду стали следовать такие известные компании, как Google, Instagram, Facebook, Apple (начиная с iOS 7).

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

А ведь самое главное — это удобство интерфейса. Поэтому плоский дизайн отодвинул на второй план оформление, сосредоточив внимание пользователей на главном, то есть на содержании. В этом flat design помогает строго выстроенная иерархия элементов, их простота, сосредоточенность на типографике (оформлении текста посредством набора и верстки) и минимализме.

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

 

Верстать всех во flat!

Вслед за развитием плоского дизайна набирают популярность и сопутствующие ему направления.

1. Анимация. Flat design опирается на единообразие и простые элементы, поэтому дизайнерам нужно выделять главное. Один из способов это сделать — анимация. С ее помощью дизайнеры могут подчеркнуть важность элемента, подсказать пользователю очередность действий на странице (куда посмотреть сначала, куда — позже). Например, после нажатия кнопки «Меню» в мобильных приложениях «ВКонтакте» и Gmail, меню «всплывает». И это только начало: впереди нас ждут прыгающие кнопки, меняющие свою форму, размер и содержание в соответствии с задачей, впечатляющие анимированные переходы между экранами. Ярким примером внедрения анимации в плоский дизайн стал Material Design от компании Google. Пока в полной мере им наслаждаются только пользователи Nexus; вскоре к ним присоединятся и все владельцы устройств, поддерживающих новый Android версии 5.0. Впрочем, многие приложения для старых версий Android тоже переводятся на Material Design.

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

3. Адаптация. Flat design удобен для адаптации — переноса мобильного приложения с одного устройства на другое (например, с планшета на смартфон). Этим он выгодно отличается от предыдущих направлений дизайна, при которых переход на новое устройство сопровождался  «съехавшей» версткой или некорректным отображением информации. Плоский дизайн минимизировал сложности создания отдельных версий сайтов для мобильных приложений и браузеров. А пользователи могут открыть нужный ресурс или воспользоваться приложением на любом устройстве, не теряя в качестве.

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

Комментарии
4
Дмитрий
мне думается что плоский дизайн уже устарел.... все копируют плоский, а уже формируется новая тенденция
СсылкаПожаловаться
Роман Пономарев
А мне не нравится! Нужно присматриваться к иконкам, чтобы отличить одно приложение от другого, чем мне и не нравится оформление в ios. В андроиде лучше
СсылкаПожаловаться
KhabMan
Постепенно до людей доходит, что у Windows Phone дизайн-то неплохой
СсылкаПожаловаться
Чтобы оставить комментарий, вам нужно авторизоваться.
Обнаружили ошибку? Выделите ее и нажмите Ctrl+Enter.
Hi-Tech Mail.Ru
Apple iPhone 7 32GB
от43 400руб.
Apple iPhone 6S 32GB
от35 740руб.
Samsung Galaxy A5 (2016)
от17 700руб.
Apple iPhone SE 64GB
от31 000руб.
Meizu M3 Note 16GB
от9 490руб.
Samsung Galaxy S7 32GB
от32 500руб.
Xiaomi Redmi 3S Pro 32GB
от9 131руб.
Apple iPhone 7 128GB
от51 500руб.
Samsung Galaxy S7 Edge 32GB
от37 000руб.
Samsung Galaxy A3 (2016)
от14 000руб.
Подпишитесь на нас
Новости Hi-Tech Mail.Ru