Стиль Оперного театра в Гётебурге

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

Посмотрите презентационное видео: https://vimeo.com/208689495

#awd_identity via underconsideration.com/brandnew/archives/new_logo_and_identity_for_goteborgsoperan_by_happy_fb.php

​​Реклама. Дизайнер, настало время перезагрузки твоих навыков. Получи молниеносный рост на БЕСПЛАТНОЙ серии вебинаров от «Skillbox».

Ссылка для регистрации: https://vk.cc/81JQUp

С 7 мая на второй неделе онлайн-конференции «Профессии будущего»:
✔️ Вадим Паясу построит пошаговый план развития дизайнера на год.
✔️ За 2 часа Вадим Паясу научит мощным приемам работы в Photoshop, а Игорь Коропов покажет, как оживить интерфейс анимацией.

Не откладывай сегодня то, что прокормит тебя завтра.

BOX — сумасшедшее сочетание промышленных роботов и технологии 3D-маппинга. Экспериментальный проект Брэдли Манковица и компании Bot & Dolly из Сан-Франциско.

Невероятно круто. Не пожалейте пяти минут на просмотр, серьёзно.

https://www.youtube.com/watch?v=lX6JcybgDFo

#awd_video #awd_art #awd_gold

Сегодня шрифту Гельветика шестьдесят один год

По этому поводу напомню об отличной документалке о типографике и шрифте — «Гельветика». Интересный рассказ и интервью со многими известными дизайнерами, включая Майкла Бейрута, Эрика Шпикерманна и Массимо Виньелли.

https://vk.com/video-36209322_164941158

#awd_film #awd_movie #awd_video

Как в Google создавали обновлённое оформление приложений

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

Описание Material Theming: material.io/design/material-theming
Скетч-плагин Material Theme Editor: material.io/tools/theme-editor/

Рассказ о том, как команды Gmail, Google News, Google Play и Google Home использовали Material Theming для обновления дизайна своих продуктов (английский): material.io/articles/how-google-created-a-custom-material-theme.html

#awd_article #awd_tool

Google показал обновлённую дизайн-систему Material Design 2.0 на конференции I/O — https://material.io/. Это серьёзное изменение визуального стиля и расширение инструментария, первые звоночки которого появились ещё в марте (https://www.theverge.com/2018/3/7/17092800/android-p-new-design-changes-features).

Визуально Android P продолжил сближение с iOS (различия между платформами стираются с обеих сторон):

1. Много скруглений, что сильно перекликается с iOS 10-11 (https://www.theverge.com/2018/3/7/17092800/android-p-new-design-changes-features). Возможно, это сделано с прицелом на безрамочные телефоны, которых становится всё больше — это лучше сочетается с их скруглёнными краями экрана.

2. Цвет настроения — белый (https://uxdesign.cc/previewing-material-design-2-0-ec0215f0588f). Больше нет яркой шапки приложения и серых подложек, сплошное белое пространство с минимумом акцентов. В каких-то приложениях Google встречается цветная нижняя панель (https://cdn-images-1.medium.com/max/2000/1*Tu6q1DcA1aGpUDKoVG4Yzw.png) и сама идея акцентных цветов не уходит из гайдлайнов (https://material.io/design/color/the-color-system.html) но тенденция явная (включая веб — https://www.engadget.com/2018/04/25/google-gmail-redesign/ и https://www.engadget.com/2018/05/10/google-drive-redesign/).

3. Навигация по операционке в духе iPhone X (https://storage.googleapis.com/gweb-uniblog-publish-prod/original_images/New-System-Navigation_03.gif). Паттерн «рукоятки» (https://uxdesign.cc/handlebars-in-ui-design-4b36af67733b?gi=aa27f4f2efcd) вместо кнопки «домой» с почти аналогичной механикой, отказ от отдельной кнопки списка приложений (также вызывается свайпом снизу), ну и ставшая официальной в последние годы нижняя панель навигации. Всё это помогает управлять современными телефонами, которые стали не только больше, но ещё и выше за счёт безрамочности. Кстати, в некоторых новых приложениях Google инструменты навигации почти везде внизу (https://www.androidpolice.com/2018/04/25/hands-google-tasks-another-beautiful-disjointed-way-get-things-done-google/). Осталось упростить кнопку «назад» (она уже пропала с домашнего экрана).

Можно назвать это вкусовщиной, но первая версия Material Design имела своё лицо и можно было говорить о характере бренда, выраженном в интерфейсе. Кто-то жаловался, что гайдлайны слишком жёсткие и делают приложения однояйцевыми. Но для многих компаний это был сильный ориентир — как можно создать ощущение единства продуктов без использования логотипа. Хотя поддерживать две платформы станет проще.

С другой стороны, теперь Material Design поддерживает более продвинутую тематизацию, чем просто замена цвета — https://material.io/design/material-theming/. Можно менять шрифтовую сетку, скругления элементов интерфейса (точнее, даже их форму — например, можно сделать диагональные скосы), иконки. К этому прилагается плагин для Sketch — https://material.io/tools/theme-editor/ (можно быстро примерить стиль на свой макет) и библиотека иконок — http://material.io/icons (в пяти стилях). Недавно обновлённые продукты Google также используют этот подход — https://material.io/articles/how-google-created-a-custom-material-theme.html (хотя их стиль как раз выхолощенный).

И самое главное — теперь это полноценная дизайн-система с компонентами в коде (https://material.io/develop), а не просто масштабные гайдлайны и шаблоны к ним с какими-то разрозненными примерами. Эти компоненты также поддерживают тематизацию, так что система выглядит целостной (сами компоненты начали появляться год назад). Новый сайт Material Design (https://material.io/) сделал фокус на две составляющие — дизайн и разработка — более явным. Они также запустили давно обещанный инструмент Gallery (https://material.io/tools/gallery/), аналог Zeplin и Wake. Но это как-то вяло на фоне обещаний, данных после покупки Pixate (основатель ушёл в Figma) и Form (Гугл подтверждает репутацию сгнаивателя купленных компаний).

#android #material