Редизайн более 100 иконок продуктов Microsoft при помощи новых цветов, материалов и отделки
В прошлом году мы выпустили новые иконки Office, чтобы показать клиентам, что мы усовершенствовали наши продукты для соответствия меняющемуся миру работы. Миру, в котором социальная связь и сотрудничество, несмотря на то, что они более мобильны, чем когда-либо прежде, имеют первостепенное значение для успеха. Миру, имеющему огромный потенциал для творчества и роста, благодаря новым потокам информации.
Мы, в Microsoft, старались облегчить и улучшить подобные виды взаимодействий и опыта. Масштабирование дизайна иконок от 10 продуктов до более, чем ста было и пугающим, и захватывающим одновременно.
(Масштабирование дизайна по всей экосистеме Microsoft требует открытой и гибкой системы)
Но команды дизайнеров со всей компании собрались вместе, чтобы разработать руководящие принципы дизайна, которые поощряют индивидуальность, создавая при этом единое целое. Команды обеспечили, чтобы каждая иконка достоверно представляла, как правдивость продукта, так и более крупный бренд Microsoft.
Мы делились знаниями, итерациями, препятствиями и успехами. Мы сравнивали иконки в разных контекстах и вносили изменения. Самое главное, мы вдохновляли друг друга. Это было единение Microsoft, и мы не можем дождаться, чтобы узнать ваше мнение.
Расширение апертуры нашей дизайн-системы
От таких инструментов, как калькулятор, до приложения смешанной реальности, разнообразие потребностей наших клиентов продолжает расти в геометрической прогрессии. Нам была нужна современная система иконок, чтобы отразить постоянные изменения.
В ходе редизайна иконок мы столкнулись с двумя основными творческими сложностями. Нам нужно было показать инновации и изменения, сохраняя при этом знакомый облик. Мы также должны были разработать гибкую и открытую дизайн-систему, чтобы охватить целый ряд контекстов, оставаясь при этом верными Microsoft.
(Богатые градиенты, плавные изгибы и плавное движение объединяют логотипы Edge и Office с остальными иконками)
Наша Fluent дизайн-система помогла нам решить обе проблемы. Fluent акцентирует внимание на том, чтобы создавать привычные вещи – проектировать то, что наши клиенты уже понимают, а не просить их формировать новые привычки или изучать что-то новое. Fluent направлен на создание пространства для разнообразной, но связанной системы. Чтобы учесть такую широту контекста и опыта, мы расширили нашу первоначальную библиотеку цветов, материалов и отделки иконок.
Чтобы добиться своих целей, люди проводят большую часть своего рабочего времени, используя Microsoft Edge и Office, и команды были рады возможности поэкспериментировать с новыми материалами в этих популярных продуктах. Мы знаем, насколько нашим клиентам важны впечатления, поэтому иконки должны сочетаться и выделяться одновременно. На основе всестороннего тестирования и отзывов клиентов мы представили богатые градиенты, расширили спектр цветов и реализовали динамическое движение, напоминающее ленту.
Также для достижения целей совершенно новым способом наши клиенты начинают использовать смешанную реальность. Смешивание физического и цифрового миров в иконках помогло нам задуматься не только о традиционных проявлениях цветов, отделки и материалов. Нам нужно было рассмотреть третье измерение, поэтому мы выбрали новые материалы, которые отражали свет, имели глубину и ощущались более тактильными.
Независимо от того, используют ли наши клиенты свои телефоны, ПК или VR-гарнитуру, мы стремились соответствовать любой среде. Новейшее руководство по дизайну помогло нам унифицировать создание иконок для компании в целом и для каждого семейства продуктов в частности.
Проектируем наше будущее вместе
Наше сообщество было с нами с самого начала, и путь к редизайну иконок не стал исключением. Мы провели бесчисленные раунды исследований для каждой иконки. Мы изучали множество направлений дизайна и слушали клиентов со всего света. Мы узнали, что не находило отклика у людей (плоский дизайн и приглушенные цвета), а что находило (глубины, градации, яркие цвета и движение) – все это определило наши решения.
( Данные работы иллюстрируют, что компания двигается в направлении 3D )
P.S. Благодарю всех за уделённое время моей статье. Надеюсь, что вы оцените её положительно=)
И всех с наступающим Новым 2020 ГОДОМ!
Как разработать фирменный стиль?
Фирменный стиль – немного необычное словосочетание, и когда слышишь его впервые, то не совсем понятно, что оно означает.
Если упростить, то фирменный стиль — это визуальный образ компании, совокупность графических элементов (логотип, визитки, фирменные бланки и т.д), которые созданы в одном стиле.
Вот один из примеров создания фирменного стиля
Зачем нужен фирменный стиль?
Компания, которая уже состоялась, но не обладающая фирменным стилем, вызывает недоверие клиентов, так как нарушается восприятие бренда.
Представьте себе, что вам вручили визитку в одном стиле, которую создал менеджер Петя, бланк на оформление заявления в другом, которую создал бухгалтер Нина, а вывеска компании – в третьем, которая разработана рекламной кампанией. Несерьёзно, правда?
К сожалению, многие фирмы так и делают. Как результат – они ничем не запоминаются клиентам, не производят никакого впечатления. Если вы хотите, чтобы ваша фирма выгодно отличалась от конкурентов, и клиенты к вам постоянно возвращались, разработайте фирменный стиль с помощью специалистов, если есть средства. Или с помощью бюджетных сервисов, о которых ми поговорим
Где может использоваться фирменный стиль?
Каждый элемент фирменного стиля — это отдельная точка соприкосновения клиента с вашей компанией. Логотип, веб-сайт, визитка, упаковка продукции, бейдж сотрудника магазина, ручка с вашим логотипом – со всеми этими элементами сталкиваются клиенты, когда знакомятся с вашей компанией.
Поэтому фирменный стиль может отображаться на огромном количестве разнообразных носителей – от визиток до сайта. Его можно увидеть, например, на:
производимой продукции – трехлучевая звезда Мерседес или всем известные 3 полоски
• компании Адидас;
• упаковке – коробках, пакетах;
• типографских бланках, чеках;
• рекламе любого вида;
• аксессуары и фирменная одежда сотрудников (бейджи, кепки, футболки);
• сувенирной продукции – календарях, ручках, блокнотах;
• в оформлении интерьера офиса.
Определение видения бренда
Прежде чем начать создавать свой фирменный стиль, вам необходимо определиться с тем, кто вы как бренд. Для этого четко проясните для себя следующие моменты:
• Кто вы как компания
• Каковы ваши миссия и ценности
• Что отличает вас от конкурентов (и почему ваши клиенты хотят работать именно с вами)
После этого можно переходить к созданию стратегии и дизайна, в результате чего и родится ваш фирменный стиль.
Переход от смысла к дизайну
Мы разбиваем слоган на отдельные понятия. В нашем случае их ,к примеру, два — энергия и фокусировка. Так как охватить сразу все понятия невозможно, придётся сделать на чём-то акцент. Фирменный стиль — это искусство акцентов. Необходимо сконцентрироваться на одном из качеств, а остальные должны идти вторым эшелоном, не противореча друг другу.
Строим карту ассоциаций к каждому понятию.
Выбираем ассоциации второго и третьего уровней, которые возможно реализовать визуально.
Прежний фирменный стиль был построен на изображениях реп в разных стилях мирового искусства: конструктивизм, поп-арт, кубизм, оптическое искусство, ард-деко. Его можно посмотреть вот тут.
Визуализация фирменного стиля ( Дизайн )
Цветовая палитра
В первую очередь необходимо определиться с цветовой палитрой, играющей важную роль на восприятие бренда на рынке.
Существует даже целая наука, посвященная тому, как использовать цвет, чтобы влиять на людей (психология цвета). Ниже приводим краткий обзор основных цветов:
• Красный: Стремитесь передать ощущение энергии и молодости? Выбирайте красный — цвет силы и страсти.
• Оранжевый: Оранжевый — это еще один тонизирующий цвет, но более дружелюбный и жизнерадостный по сравнению с красным.
• Желтый: Неудивительно, что желтый цвет — цвет солнца — ассоциируется со счастьем. Если вы стремитесь к радостной и легкой атмосфере, желтый цвет — ваш выбор.
• Зеленый: Зеленый цвет обычно ассоциируется с природой, а также деньгами. Если ваш бренд имеет отношение к чему-либо из этого, то выбор цвета в вашем случае более чем очевиден.
• Синий: Синий цвет создает атмосферу стабильности и надежности. Если вы пытаетесь завоевать доверие у своей аудитории, синий может помочь вам этого достичь.
• Фиолетовый: Фиолетовый считается королевским цветом, поэтому он будет отличным выбором, если вы стремитесь к тому, чтобы ваш бренд ассоциировался с элитой и роскошью.
• Розовый: Розовый цвет традиционно ассоциируется с женственностью, поэтому, если ваша целевая аудитория — женщины, то с этим цветом вы точно не прогадаете.
• Коричневый: Данный цвет используется довольно редко в дизайне. Его выбор поможет вам выделиться из толпы. Также коричневый цвет отлично подойдет, если вы хотите, чтобы ваш бренд воспринимался как суровый и мужественный.
• Черный: Черный — цвет классики и элегантности. Если вы стремитесь к утонченной, современной атмосфере, черный — ваш выбор.
Типографика
Типографика (Typography) — это графическое оформление текста. Существуют четыре основных типа шрифтов:
• Шрифты с засечками (Serif fonts). Этот тип шрифта определенно более традиционен, поэтому станет удачным выбором для тех, кто стремиться к классической атмосфере дизайна своего бренда. Times New Roman — вневременной пример шрифта с засечками.
• Шрифты без засечек (Sans serif fonts). Данный тип шрифта отличается гладкими краями букв и делает дизайн более современным. Helvetica — классический пример шрифта без засечек.
• Рукописные шрифты (Script typography) имитируют рукописный почерк и являются отличным выбором для тех, кто хочет добиться ощущения роскоши от дизайна своего бренда. Allura — классический пример рукописного шрифта.
• Дисплейные шрифты (Display fonts) являются отщепенцами. Каждый из этих шрифтов имеет свой особый элемент, будь то конкретная форма или имитация рукописного почерка. Этот тип шрифта будет отличным выбором, если есть желание выделиться среди конкурентов.
Логотип
Определившись с цветовой палитрой и типографикой, самое время собрать их воедино и создать самый важный элемент вашего дизайна бренда — логотип.
Логотип — это лицо компании, жемчужина вашего фирменного стиля. Это единственный элемент дизайна, который будет ассоциироваться с вашим брендом, поэтому крайне важно, чтобы он точно отражал то, кем вы являетесь.
Ваш логотип должен:
• Отражать суть вашего бренда;
• Легко восприниматься (иметь простой и незагруженный вид);
• Пройти испытание временем (меньше всего вы хотите выбрать тренд дизайна, который спустя год будет восприниматься устаревшим);
• Нести в себе смысл, связанный с вашей сферой деятельности;
• Оказывать продолжительное влияние на аудиторию.
Прочие элементы фирменного стиля
Определившись с дизайном логотипа, можно приступать к созданию остальных элементов фирменной символики. Они будут различаться в зависимости от типа бизнеса и ваших целей. Среди них могут быть:
• Лендинг пейдж
• Визитки
• Рекламные материалы
• Одежда
• Плакаты
• Фирменные бланки
• Книги
Ключом к дизайну бренда является последовательность (consistency). Ваши клиенты должны иметь одинаковое восприятие бренда, когда они заходят на ваш лендинг и когда надевают вашу футболку или читают рекламный буклет. Если дизайн будет различаться, это запутает вашу аудиторию и в конечном счете навредит вам.
Фирменный стиль: распределите возможности
Теперь, когда мы знаем, что такое фирменный стиль и как его создать, поговорим о вариантах осуществления данной работы.
1. Стратегия
Говоря о создании стратегии, очень важно, чтобы у руля были именно вы. Вы знаете, кто вы и к чему хотите прийти. Найм кого-то постороннего для разработки вашей бизнес-стратегии — это не просто трата времени и ресурсов, но и быстрый путь к совершенно чуждой вам стратегии.
2. Фирменный стиль
В то время как формирование стратегии должно быть строго внутренним процессом, в случае с дизайном у вас есть еще несколько вариантов:
Сделать все самому. Если у вас за плечами огромный опыт в дизайне, то вы можете разработать все элементы стилеобразующей графики самостоятельно.
Штат команды дизайнеров. Если объем работы большой, то можно нанять штатного дизайнера или целую команду дизайнеров. Однако если у вас нет конкретного проекта для вашей команды, может получиться так, что вы будете платить ей за ничегонеделание. Вот почему многие компании идут другими двумя путями.
Я — Фрилансер. Этот вариант более доступен по цене и более гибок. И по завершению проекта вам не надо будет беспокоиться о накладных расходах. Тем не менее, вариант с фрилансером будет удачен только в том случае, если вы точно знаете, к чему стремитесь, и можете объяснить свое видение другому человеку. В противном случае вы потратите много времени на разработку подходящих вам концепции и дизайна. Если вы не уверены в том, что именно вы хотите получить в конечном итоге, то рекомендуем вам остановиться на последнем варианте.
Конкурс на разработку идентичности бренда. Это идеальный вариант для компаний, не уверенных в том, как должен выглядеть дизайн их бренда. Все, что нужно, — это опубликовать задание, а лучшие дизайнеры предложат вам свои идеи, концепции и дизайны, из которых вы выберите лучший для вас вариант. Это отличный способ получить массу идей совершенно бесплатно.
P.S. Благодарю всех за уделённое время моей статье. Надеюсь, что вы оцените её положительно=)
Также, если ваше хобби графический дизайн, то можете подписаться на мой телеграм канал. https://teleg.run/figmadribble . Там постятся самые интересные материалы , самые последние новости из мира графического дизайна. Ещё раз всех благодарю
Поиграем в бизнесменов?
Одна вакансия, два кандидата. Сможете выбрать лучшего? И так пять раз.