Pull to refresh

Тренды в веб-дизайне: плоский интерфейс и длинные тени

Web design *
Sandbox
Буквально за несколько недель, с момента показа новой iOS 7, произошел легкий сдвиг в сознании не только у дизайнеров, но и у пользователей, имя ему — плоский дизайн. Этот прием, да, назовем его так, получил шквал критики и восхищения, у него появились сторонники и лютые ненавистники, но сегодня, я постараюсь рассмотреть новый, современный, набирающий огромную популярность подход при проектировании — long shadows (длинные тени).

(P.S. — Все картинки кликабельны).

Что такое длинные тени в дизайне, и как это понимать?

fox icon

iPad Mini

Long Shadows

Читать дальше →
Total votes 95: ↑65 and ↓30 +35
Views 24K
Comments 73

И еще один пост про Flat Design, или почему все «кинулись» делать плоские интерфейсы

Usability *


«Все просто», или краткий пересказ длинной истории с пропусками некоторых важных фактов и обстоятельств



В какой-то момент мне казалось, что не проходило и дня, чтобы среди тех людей, на которых я подписан, или среди источников, которые я читаю, не проскакивало хоть что-то, что касалось бы «плоского» дизайна. Вбейте в Bing, Google, Yandex слова «flat design» или «плоский дизайн» ― и вы легко найдете огромное количество материалов: от обзоров и примеров, до аналитических и исторических измышлений или просто мыслей вслух (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, ...).

Я считаю, что это прекрасно. Прекрасно, что мы как сообщество думаем о том, чем мы занимаемся или что мы видим вокруг, и пытаемся это как-то осознать, вербализировать. Нам нужны дискуссии и обсуждения, нам нужны многие и многие статьи и отдельные высказывания, чтобы прочувствовать тот момент, в котором мы находимся.

Кто-то говорит, что плоский дизайн интерфейсов пришел или, точнее, объявил о себе во всей красе благодаря платформе Windows Phone (и Windows 8) с ее революционными стилистически простыми и даже намеренно упрощенными интерфейсами. Это было ново и свежо на фоне повального увлечения скеуморфными, натуралистичными иконками в мире Apple. Это было интересно и необычно, в каком-то смысле, знаково, потому что как минимум резко и необратимо решил поменяться и обновиться такой большой и, казалось, неповоротливый монстр как Microsoft.
Читать дальше →
Total votes 60: ↑39 and ↓21 +18
Views 51K
Comments 51

Payler 2.0 — работа над созданием нового сайта

Payler corporate blog Web design *Interfaces *
Привет, Хабравчане! Мы давно ничего не писали, но зато много работали. Сегодня мы хотим приоткрыть завесу тайны и показать вам рабочие наброски интерфейсов нового сайта Payler. А пока со скоростью полета шмеля колдует дизайнерская рука, вот вам три занимательных факта:

  • Разрабатывая структуру будущего сайта, мы решили объединить в нем все наши продукты и сервисы под общим именем Payler;
  • Проектировщик и арт-директор у нас объединены в одном человеке, поэтому мы отказались от прототипирования и сразу приступили к отрисовке интерфейсов, что существенно сэкономило нам человекочасы время и силы;
  • Новый сайт с первого дня создается с прицелом на будущую seo-оптимизацию (потому что не везде и не всегда, как выяснилось).

Главная страница из пространного лэндинга превратилась в центр управления полетами:


Читать дальше →
Total votes 16: ↑11 and ↓5 +6
Views 8.1K
Comments 7