// //
переводы

Как Google сделали редизайн более 2000 эмоджи

9 Июнь, 2017
Мы любим тексты без ошибок. Если вы все же их обнаружили, выделите фрагмент и нажмите Ctrl+Enter.

Rachel Been, арт-директор и графический дизайнер команды Material Design, и Augusitn Fonts, продакт менеджер в Google, рассказывают о том, как создавались новые эмоджи для Android.

Со дня появления Android KitKat количество наших эмоджи выросло до более, чем 2000 символов лишь с небольшими изменениями в стиле. Вскоре экраны с высокой плотностью стали доступнее и началась новая эпоха мессенджинга. Это заставило нас задуматься над капитальной модернизацией Android смайлов.

На конференции Google I/O 2017 мы объявили о полной трансформации шрифта Android эмоджи, которая включила в себя унификацию визуального стиля и совершенно новый дизайн. Мы создали продукт, который способствует культурному просвещению с помощью многонациональных и инклюзивных эмоджи.

Примеры новых эмоджи людей.

 

Переход к новым эмоджи

Оригинальный стиль наших эмоджи был простым и плоским со смелыми вкраплениями цвета. Этот дизайн стал визитной карточкой Android, отличающей нас от других платформ.

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

Пришло время перемен.

Animated GIF  - Find & Share on GIPHY

Мы разработали единый стиль для сета животных.

Новая дизайн система

Сделав выводы из прошлого опыта, мы пришли к решению, что центральной темой трансформации должна стать мощная система дизайна. Именно с ее помощью и без сверхусилий мы собирались создать узнаваемый стиль эмоджи. В дополнение к единому образу мы хотели, чтоб система помогала нам оставаться последовательными в процессе появления новых смайлов.

Определив форму, сетку, образ и цвет, мы смогли сделать комплект однотипным, при этом сохранив выразительность и характер. Создав мощную систему проектирования, мы избавились от главной преграды. С этого момента эмоджи рисовали разные иллюстраторы, но их иконки оставались последовательными, разборчивыми и понятными.

Форма

Animated GIF  - Find & Share on GIPHY

Пока, блобы! Привет, упругие эмоциональные круги.

Да, мы сделали это. Мы попрощались с блобами. Нам удалось перейти от асимметричной и слегка объёмной формы эмоджи к легко сканируемому кругу. Мы сделали ставку на яркие цвета, целенаправленную асимметрию и резкие черты лица, чтобы передать эмоции.

Команда долго работала и над тем, чтобы убедиться в межплатформенной эмоциональной последовательности. Одной из основных целей редизайна было избежать путаницы или недопонимания между платформами. Мы хотели гарантировать пользователю, что, когда он отправил эмоджи другу, сообщение будет передано точно, независимо от того, находится он на iOS, Windows, Samsung или любой другой платформе.

Система сетки

Эмоджи разработаны на единой сетке, чтобы обеспечить максимальную читаемость и однотипность.

Для лучшей читабельности мы разработали все смайлы на одной сетке. Это модифицированная версия сетки иконок Material Design. В создании иллюстраций мы не придерживались правил так строго, как это делаем в иконографии. Мы опирались на сетку в трех кейсах:

  1. Единый масштаб и размер во всех иллюстрациях.
  2. Создание единого набора фигур в сетке.
  3. Содействие дизайнерам в подборе подходящих зон для разных частей эмоджи (например, конкретные области для глаз и рта).

Еще мы изменили масштаб и углы смайлов на более простые.

Мы использовали сетку для создания единых угловых стандартов и масштаба. В Android N (верхняя строка) позы, углы и стили животных были непоследовательными.

Многоразовые компоненты

Мы создали большой набор многоразовых компонентов для выражения эмоций.

В дополнение к сетке мы создали новый набор многоразовых элементов для определенных категорий эмоджи. Во-первых, они поддерживают единый стиль и читабельность во всех сетках, а во-вторых, помогают определить уникальные нюансы нашей иллюстрационной манеры, упростив создание будущих эмоджи. Особенно интересно было смешивать и сопоставлять компоненты из разных категорий. Результатом эксперимента стали довольно выразительные животные.

Многие элементы, например, глаза и рты, мы использовали как для эмоций, так и для животных.

Цвет

Цвета усиливают эмоции.

Обновив цветовую гамму, мы получили свежую и последовательную палитру ярких красок. Мы создали цветовые сеты для определенных категорий. Заметить это можно в наборе «эмоциональных» смайлов – красный, синий, желтый и зеленый оттенки теперь ассоциируются с конкретными эмоциями.

Опираясь на продукты Material Design, мы представили яркий стиль, в котором эмоджи стали более тактильными. Это позволило команде поиграть с цветом. Градиенты сделали смайлы более четкими на фоне сплошных бекграундов.

Градиенты и тональные мазки делают эмоджи разборчивыми на любом цветовом фоне.

Еще один способ улучшения читабельности – контур. Мы определили цвет контура, основываясь на палитре эмоджи из конкретной категории. В наборе с использованием разных оттенков добавили темный полупрозрачный контур. В более простых сетах, таких как животные, люди или эмоции, мы использовали два основных цвета и контур, основанный на второстепенном оттенке эмоджи.

Новая система цветов объединяет все эмоджи в каждом отдельном сете.

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

69 новых эмоджи

В рамках редизайна для Android O мы создали 69 новых эмоджи, которые являются частью Unicode 10. В этом сете представлены новые образы для расширения границы инклюзивности. Они включают таких персонажей, как женщина в хиджабе, мать, кормящая грудью, и других.

Набор из 69 новых эмоджи.

Есть также девять новых смайлов, которые позволят юзерам увеличить диапазон эмоций. Фанаты фэнтези, любители животных и гурманы тоже найдут несколько крутых новых смайлов – от омерзительных зеленых зомби до свирепого Ти Рекса и аппетитных пельменей.

Обновленный набор эмоджи, а также новые смайлы Unicode 10, уже доступны пользователям бета-версии Android O с 17 мая.

Мы прошли длинный путь с момента, когда Android начал поддерживать цветные эмоджи. И сегодня делаем самый большой прыжок! Мы надеемся, что вам понравится использовать обновленные смайлы также, как нам нравилось их создавать.

С оригиналом статьи можно ознакомиться по ссылке.

У нас есть еще кое-что для вас

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: