Разочаровывающие 2D-смайлики Windows 11 все еще могут получить 3D-обновление

Многолетняя работа над созданием более выразительной системы эмодзи для Microsoft.

Осенью 2020 года, когда мы решили изучить новое направление для системы смайликов Microsoft, мы и не подозревали, что вскоре она воплотится в наших продуктах и будет доступна клиентам по всему миру. Потратив некоторое время на то, чтобы оглянуться назад на то, чего мы достигли вместе, я решил составить этот пост как краткое изложение нашего приключения.

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

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

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

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

Чтобы добраться до этих знаковых форм, нужно начать с очень простой геометрии. По сути, почти каждая часть смайлика произошла от квадратов, кругов и треугольников, которые были смягчены, изогнуты и согнуты, чтобы принять новые формы, как демонстрирует этот маленький смайлик Тыквы.

Этот процесс повторялся во всех дизайнах, начиная с эскиза в Illustrator, где мы оптимизировали смелые и яркие силуэты. После утверждения каждого эскиза настало время сделать дизайн полноразмерным. Это изображение ниже показывает, как этот процесс эволюционировал от 2D к 3D. Хотя мы смогли сохранить верность этому подходу в большинстве дизайнов, такие части, как грива единорога и многие части наших дизайнов животных, заслуживали более органичной формы.

Ниже приведен снимок смайлика Мышь, который можно увидеть на первом и втором изображениях с помощью обычной 36-мм камеры (сбоку и под углом 30 градусов). Как видите, модели по сути представляют собой кластер геометрических форм, склеенных вместе (так же, как и в 2D).

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

Как только мы окончательно определились с направлением, пришло время расширить категорию людей до списка профессий и других предметов Unicode. Ниже приведен снимок того, что у нас получилось. Опять же, все они также доступны в пяти оттенках кожи

Хотя эмодзи Fluent доступны для наших клиентов в Windows 11, а вскоре и в Microsoft Teams, наша работа еще не завершена. Как и ожидалось, мы планируем продолжать создавать новые дизайны каждый год на основе новых выпусков Unicode, а также будем изучать инвестиции в наши собственные эксклюзивные концепции. Например, ниже показаны некоторые проекты, вдохновленные новой реальностью гибридного рабочего места.

Начиная с верхнего левого угла, мы празднуем «день без камеры», после чего все узнают, что их микрофон отключен, когда они пытаются говорить. Затем в правом верхнем углу мы признаем, как много мы жонглируем и многозадачны, работая дома.

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