Віце-президент по дизайну Google Матіас Дуарте (Matias Duarte) в інтерв'ю The Verge розповідає про основні принципи нового дизайну, який отримав назву Material. Це зовсім інший підхід, що забезпечує уніфікований набір правил, починаючи від виду програмного забезпечення та закінчуючи функціями. Поки дизайн здається трохи дивним, і до нього необхідно звикнути.
Команда дизайнерів в Google відчула необхідність придумати єдиний зовнішній вигляд і функціональність ПО, які могли б застосовуватися в усіх продуктах: Android, Chrome OS, web-сервісах. Замість того, щоб почати з розробки палітри кольорів, вони почали з питання: «Ч то таке програмне забезпечення? »
Матерія і форма
Відповідь прийшла з відділу проектування, коли Джон Уайлі (Jon Wiley), головний конструктор пошукача Google, і його колега Микола Жіткофф (Nicholas Jitcoff) дивилися на дизайн Google Now. Вони дивилися на картковий інтерфейс і подумали: «А якщо зрушити картку, то що знаходиться за нею?»
«Цей невинне запитання запалив потужну іскру! »- Сказав Дуарте. Вся команда почала думати над новим способом взаємодії з програмними елементами. Замість того, щоб просто використовувати пікселі на екрані і абстрактні шари, команда почала міркувати про дизайн, як про реальний відчутному об'єкті. Тому картки повинні володіти фізичними властивостями. Прийшов час придумати правила, які б визначили те, як все повинно діяти і рухатися на екрані. Команда розробників хотіла домогтися ефекту, ніби користувач взаємодіє з фізичними об'єктами.
Таким чином, почалася робота над метафоричним матеріалом, що нагадує папір - плоску і білу з реалістичними тінями. Це було насіння з якого виросла інша частина дизайну, реалізацію якого можна побачити в Android L. Material Design - це сміливі, яскраві кольори, мінімалізм і почуття послідовності.
Творчість і обмеження
Ми не мчимо через простір і час на надзвукових швидкостях. Дизайн - це пошук рішення в рамках жорстких обмежень. Дизайн - це мистецтво.
Дизайнери компанії Google наполегливо відмовляються називати використовуваний вигаданий матеріал. Рішення, яке одночасно дає їм велику гнучкість і додає рівень метафізичного містицизму до речовини. Квантова папір - так прозвучало в деяких витоках до Google I / O. Це важливо, тому що матеріал підпорядковується фізики і він не потрапить в пастку скевоморфізм. Це не імітація фізичних об'єктів в точності, як висловився Дуарте, це щось «чарівне».
Матеріал в нашому дизайні може робити те, що фізична папір не може, наприклад, збільшуватися і зменшуватися за допомогою анімацій. Ці анімації важливі для Google, тому що вони допомагають користувачам зрозуміти, що вони знаходяться всередині програмного забезпечення. Уайлі порівнює ПО з фільмами, де між сценами спостерігаються різкі скачки. Користувач втрачає відчуття часу і простору. У програмному забезпеченні важливо, щоб користувач розумів принципи переходу від одного до іншого.
матеріалізується
Інша більш важлива річ, яку привносить Material Design - уніфікація. Google працює над алгоритмами для всіх продуктів роками, і це стало невід'ємною частиною нової філософії дизайну. Замість того, щоб користувач налаштовував все сам, Material Design змушує вірити, що на екрані вони побачать те, що необхідно в потрібний час.
Ось чому Android Wear не дає користувачам нічого, крім взаємодії з повідомленням. Алекс Фоборг (Alex Faaborg), дизайнер платформи, каже:
Ви не витрачаєте багато часу на взаємодію з годинником. Ви просто хочете мати можливість поглянути на зап'ясті і миттєво отримати потрібну інформацію або виконати дію за допомогою голосової команди. Ми проробили колосальну роботу для всієї платформи Google.
Google просить занадто багато довіри до себе і до його «чарівному» паперового матеріалу, але Дуарте впевнений, що на це є вагомі причини.
Ми зробили так, тому що це найбільш просте рішення. Ми хочемо спроектувати максимально простий дизайн для користувача.
За Material Design коштує набагато більше, ніж просто дизайн Android L, Android Wear і всього іншого до чого причетна Google. Йдеться про відчуття при взаємовідносини людини і технологій.
Дуарте говорить, що Xerox PARC виконала блискучу роботу, створивши принципи роботи зі звичними для всіх вікнами і курсором. Це було новаторством, тому що компанії вдалося створити віртуальну версію реального робочого столу. Люди розуміли те, як комп'ютер працює і могли комфортно з ним працювати. Це стосується і того, що зробила Apple з сенсорними екранами.
Тепер Google вважає, що їй вдалося виконати те ж саме. Уайлі каже, що сьогодні у людей є безліч технологій: сенсорні екрани, жести, голосові команди, інтелектуальні алгоритми. Material Design об'єднує все це різноманіття в одну інтуїтивно-зрозумілу річ. Це допоможе без зусиль користуватися одним і тим же на Chrome OS, Android або в інтернеті.
9 принципів
1. Матеріал - це метафора
Material Design є системою, раціоналізує простір і рух. Дизайн грунтується на тактильної реальності, натхненної можливостями паперу і чорнила, але відкритою для уяви і магії.
2. Поверхні інтуїтивно зрозумілі
Площині і межі передають візуальні сигнали, засновані на нашому сприйнятті реальності. Використання знайомих тактильних атрибутів дозволяє звернутися до первинних частин нашого мозку і допомагає швидко зрозуміти «що представляється».
3. Розмірність народжує взаємодія
Основи світла, поверхні і руху є ключовими для взаємодії об'єктів. Реалістичне висвітлення ділить простір і акцентує увагу на рухомих частинах.
4. Єдиний адаптивний дизайн
Єдиний дизайн для всього. Кожен пристрій відображає свій погляд на ті ж базові елементи. Кожен вид адаптований до розміру і взаємодії для кожного пристрою. Кольори, іконографія, ієрархія і просторові відносини залишаються незмінними.
5. Шрифти, графіка, кольору
Виразний дизайн створює ієрархію, розуміння і допомагає сфокусуватися. Спеціально підібрані кольори, використання простору від краю до краю, великі шрифти і навмисне / умисне використання білого дозволяє повністю занурити користувача в процес взаємодії, зробити його більш ясним і зрозумілим.
6. Первинні дії
Дія користувача та є суть дизайну. Первинні дії перетворять весь дизайн. У них акцент робиться на основну функціональність і відразу кидаються в очі користувача.
7. Користувачі ініціюють зміни
Зміни в інтерфейсі походять від дій користувача. Рух посилює досвід первинного дії.
8. Анімаційна хореографія
Всі дії відбуваються в єдиному середовищі. Об'єкти, які бачить користувач, не порушують весь інший досвід використання навіть після перетворень і реорганізацій.
9. Рух забезпечує сенс
Рух має сенс і воно необхідне для залучення уваги. Переходи ефективні.
Дизайн - це мистецтво створювати. Наша мета задовольнити різноманітний спектр потреб людини. Оскільки ці потреби розвиваються, теж саме повинно відбутися і з нашими проектами, ідеями та філософією.
Ми поставили перед собою мету - створити візуальну мову для наших користувачів, який об'єднає звичні принципи класичного дизайну з інноваціями.
- кажуть в Google.