Помоги проекту - поделись книгой:
Конкуренты по России:
4. Студия дизайна «Artalto Design» (г. Москва) занимается разработкой дизайна рекламной полиграфической продукции, фирменного стиля, веб-дизайном, продвижением. Имеет простой и контрастный сайт в современном стиле, с динамичной анимацией. Фирменные цвета: яркий коралловый, чёрный, светло-серый и белый. Но так же некоторые блоки сайта сделаны в синем и желтом оттенках и выглядят так же интересно.
Логотип представляет собой шрифтовое начертание. Прописные буквы названия, жирный шрифт рубленный, но со слегка сглаженными углами. Заголовки так же выделены прописными буквами, но тонким начертанием шрифта. Некоторые заголовки разделов и мелкие сноски имеют шрифт в засечками, что выглядит неоправданно.
Выделение ключевых слов в макете производится прямоугольником с еле заметными скругленными углами. Образ дизайн-студии очень минималистичный и лаконичный.
5. Рекламное агентство «Восход» (г. Москва) занимается брэндингом, айдентикой, продвижением и предоставляет диджитал услуги. Сайт организации имеет очень трендовую «начинку». Использованы объемные градиентные формы, чётко прослеживается тренд на крупную типографику в каждом разделе. И при этом общая форма не пестрит элементами, всё лаконично и сдержано. Присутствует интересная анимация, некоторые элементы взаимодействуют с курсором и приковывают внимание. Использован один шрифт без засечек, буквы приятной округлой, фигурной формы. Фирменные цвета: преимущественно холодные оттенки синего и фиолетового, с небольшими вкраплениями лимонного желтого. Но при этом большая часть информации оформлена в черно-белом цвете. Формы преимущественно 3D, обтекаемые. Выделители важной информации – прямоугольные.
Логотип шрифтовой, без графических элементов. Текст искажен по форме полукруга, имеет большой отступ между символами. Текст написан тем же фирменным шрифтом без засечек, которым написана вся информация на сайте.
Официальная страничка в Instagram тем не менее сдаёт позиции. Лента не продуманна, лишь в некоторых постах прослеживается фирменный стиль с интересными иллюстрациями. В остальных случаях присутствуют разные несочетаемые шрифты, цвета. Всему виной непродуманная структура страницы. Агентство часто выкладывает работы, сделанные для клиентов в чистом виде, а не как Mock Up в своей фирменной «оболочке».
***
Когда мы закончили с прямыми конкурентами, можно более детально подойти к анализу тех организаций, которые, к примеру, нравятся по наполнению клиенту. Работать с примерами так же важно, для того, чтобы понимать вкусы и ожидания клиента.
У каждого клиента своё уровень доверия специалисту. Мы будем рассматривать идеальный вариант идеального мира, в котором заказчик полностью доверяет нам, а мы нацелены на высокий результат и качество. Если же ваш клиент делает акцент на примерах или прямо говорит о том, что ему важно получить что-то «определенное», то не стоит расстраиваться. Все пункты из этой книги применимы к любому заказчику. Только какие-то в большей мере, а какие-то в меньшей. Где-то анализ примеров будет очкой опоры и старта. А в нашем «идеальном мире» – подсказкой от клиента.
Анализ примеров имеет более структурированный вид, чтобы понять, чем клиенту нравится дизайн данных организаций и что мы можем оттуда взять.
Не забываем выявлять часто повторяющиеся концепции, чтобы выгодно выделяться среди прочих организаций. А так же возможно черпаем фишки, берём лучшее среди общей массы и объединяем в успешный дизайн.
Для начала рассмотрим каждую организацию по отдельности, а затем сделаем вывод на основе выявленных признаков.
***
1. Digital – студия «APIX».
Цвета. Студия имеет контрастный фирменный стиль. Использует приём выворотки – белый текст на черном фоне. Элементы имеют контрастные цвета красный и синий, черный и белый, кое-где коралловый и фиолетовый. Использованы как сплошные заливки, так и градиентные переходы на элементах.
Формы. Оформление местами геометрическое. Использованы квадраты и прямоугольники. Местами фигурные – большие извивающиеся фигуры. Но всё это многообразие не обязательно размещено всё вместе. Некоторые макеты (например, в социальных сетях) содержат не все элементы. Скорее всего это сделано для создания интересной и разнообразной картинки. Некоторая информация подаётся сдержано (вкладки на сайте с портфолио, контактами, некоторые посты в социальной сети Instagram), при помощи 2-3 цветов и простых форм. А некоторые макеты содержат только фигурные объекты и перетекания (страница «О нас – команда»). И только в местах максимального акцента (главная страница сайта, макеты с информацией об услугах.
Типографика. Шрифты лаконичные, без засечек, жирный и обычный по начертанию. Кегель шрифта крупный и читаемый, но также интригующий за счёт анимации на сайте. К слову об анимации – её на сайте много и некоторые детали даже интеративны (детали на главной странице двигаются относительно положения мышки), что не может не задерживать внимание на странице.
Стиль и используемые тренды. Продукция выполнена в современном стиле. Прослеживаются тренды: типографика (акцентные текстовые элементы, крупного размера, интригующая анимация), хаос (использование большого количества несвязных элементов в одной композиции (различные формы оформительных элементов), градиенты (яркие и контрастные заливки объектов фирменного стиля).
Логотип. Концепция логотипа проста и читаема. Буква «А» разбивается на некоторое количество квадратный точек, то есть пикселей. Что символизирует их «поле боя» – веб-пространство. Простая шрифтовая композиция с небольшими графическими элементами. Нестандартно размещение подписи к логотипу «Digital Agency» – наверху справа, будто бы возведенное в степень. Что так же отсылает к хаосу. Но как мы может заметить в видео из их социальной сети – допускается использование стандартного написания подписи внизу от названия.
2. Полносервисное digital‑агентство «Нектарин».
Цвета. В основном оформлении использовано небольшое количество цветов: черный и оранжевый. Сплошные заливки без прозрачностей и переходов. Но по элементам, разрешенным к использованию, нет строгих критериев. Присутствуют яркие цветные изображения и фотографии.
Формы. Использованы простые формы, иконки и надписи, характерные цифровой среде. Прямоугольника со скругленными и острыми углами, параллелограммы с острыми углами (создающие динамику в дизайне). А так же композиции из фигур. Условный круг из прямоугольников со скругленными углами (как в разделах сайта: «Команда», «Экспертиза»). Использование круга в дизайне объяснимо, фрукт нектарин имеет округлую форму. Разнообразие простых и без того не многочисленных форм складывает ощущение не полной продуманности композиции. Иконки так же частично имеют скругленные и острые углы.
Типографика. В шрифтах присутствует та же тенденция. Фирменный стиль имеет в основе два шрифта. Один для заголовков – без засечек со сглаженными углами. Второй для основного текста – без засечек, рубленый.
Стиль и используемые тренды. Очень интересная подача информации. Команда компании позиционируется как союз супергероев, готовых прийти на помощь бизнесу. И это подкрепляется рисованными образами и анимацией «превращения». Не смотря на перегруженный информацией и изобразительными образами сайт, фирменное оформление скорее лаконичное. Нет броских элементов оформления, выделительные подложки так же не усложнены.
Логотип. Состоит из большого количества простых фигур с надписями и значками, объединенными в композицию в форме круга. В логотипе размещены реакции и положительные отзывы, предположительно от сотрудничества с данным агентством. На лицо перегруженный силуэт и тяжелая текстовая часть. Из-за сильной перегруженности такой логотип тяжело прочесть. Но есть и плюс – логотип воспринимается целиком как «облако тегов», цифровой атрибутики из разных направлений.
3. Студия «MOS-DIGITAL».
Цвета. В качестве фирменных использованы: тёмно-серый, белый и приглушённый оранжевый цвета. Заливки сплошные. На сайте преобладают тёмные подложки и фотографии в качестве фона. Буквы светлые: белого, оранжевого и светло серого цвета заголовки разделов. Цвета хорошо выделяют акценты.
Формы. Часто встречаются подложки под текст и декоративные линии преимущественно с острыми углами. Кнопки и анонсы статей, диаграмма (в разделе «Презентация – Цифры») – прямоугольник со скругленными углами. Круглые и контурные кнопки воспроизведения видео. Сайт очень геометричный. Он разлинован на равноудаленные вертикальные линии, через которые проходит анимация элементов.
Типографика. Везде использованы шрифты без засечек. Жирного, обычного и лёгкого начертания. Кое-где увеличено расстояние между символами (телефон, подпись сайта, вкладка слева). Силуэт букв округлый.
Стиль и используемые тренды. В разделах прослеживается крупная типографика (разделы написаны огромными буквами светло-серого цвета, и зачастую использованы как фон подзаголовка). В остальном фирменный стиль лаконичен, не усложнён элементами и цветами.
Логотип. Логотип организации имеет два вида: упрощенный для сайта и стандартный. На сайте представлен в качестве шрифтового логотипа, где фигурирует только название студии, отличающимся от наполнения шрифтом. Так же без засечек, но более вытянутым. Полная же версия логотипа представляет собой более сложную композицию: фирменный шрифт, как в заголовках на сайте, вместо дефиса между словами – эллипс, а наверху голова льва в короне. Силуэт льва имеет большое количество деталей и ввиду этого плохо просматривается в небольшом размере. Например, как в разделе «Кейсы», где логотип нанесен на работы в черном и белом цвете, в зависимости от фона работы. Особенно тяжело силуэт читается, когда логотип в белом цвете. На официальной странице в Instagram логотип вообще представлен в ином виде: лев обрезан в области рта, и на месте образовавшейся пустоты – находится название. Такое количество не связанных между собой начертаний логотипа, говорит об отсутствии продуманного стиля.
4. Студия дизайна «Арбуз».
Цвета. Фирменные цвета студии дизайна: ярко красный, черный и дополнительный светло-серый. Фон преимущественно белый или светло-серый. Использованы сплошные заливки. На официальной странице в Instagram постоянная рубрика с цитатами сделана выворотным белым текстом на тонированной фотографии тёмно-серого цвета. А обложка YouTube канала и группы Вконтакте имеет красный фон. Всё выдержано в одной гамме. Акценты в тексте производятся за счёт выделения цветом ключевых слов.
Формы. Использованы прямоугольники с острыми углами и простые векторные косточки арбуза с векторной серой тенью в качестве паттерна. Элементов крайне мало и есть они не везде.
Типографика. Везде использован лёгкий шрифт без засечек. В двух начертаниях: обычный и тонкий. Интересно использование названий разделов и кнопок без строчных букв – прописными, но крупными.
Стиль и используемые тренды. Определенно фирменный стиль студии в стиле минимализм. Всё лаконично, упрощено и ничего лишнего. В вёрстке много «воздуха». Приятная анимация текста в виде «живого письма».
Логотип. Логотип так же минималистичен. Состоит только из графики и представляет собой кусок алого арбуза (фигура со сплошной заливкой) с тремя круглыми точками на нём – косточками.
5. Агентство «Apus Agency».
Цвета. Изучив сайт и социальные сети, которых оказалось не мало было найдено большое количество использованных сочетаний цветов. Скорее всего организация не имеет строгой привязки к цвету и смело экспериментирует. На сайте в основном использован черный фон с белыми буквами и фиолетовыми анимированными значками, голубыми кнопками переключения, зелеными блоками. Кое-где использован белый фон. В социальных сетях логотип и некоторые элементы оформления постов и публикаций имеют разнообразные фоны, но чаще встречаются красный, синий, фиолетовый и графитово-серый. Использованы сплошные заливки без прозрачностей.
Формы. Дополнительных объектов не много. Иконки на сайте и некоторые элементы в социальных сетях имеют простые формы (круг, линии, треугольник) с острыми углами. Иконки на сайте фигурные и закругленные.
Типографика. Использованы везде шрифты без засечек. Выделений ни цветом, ни начертанием не наблюдается. Социальные сети оформлены текстом в котором все буквы прописные.
Стиль и используемые тренды. Прослеживается тренд на крупную типографику и минимализм. Фирменный стиль организации определенно современный и молодежный. Использована интересная анимация. Нестандартный курсор, к которому нужно привыкнуть (выбивает из колеи еле заметная точка, но интригует, как элемент игры). Приём интересный, во время изучения сайта, замечаешь наивысшую степень концентрации.
Логотип. Состоит из простых форм – двух равнобедренных треугольников, повёрнутых друг к другу, с одинаковой заливкой. Заливка в зависимости от ресурса разная: белая, красная, синяя.
***
Замечали, что порой нас окружают разные по названию, но одинаковые по сути компании. Поголовно синие макеты сантехников, будто бы нет больше на свете цветов. Пальмы в разных положениях на логотипах турагентств и туристических агентов. Это я к тому, что было бы полезным подсмотреть, какие в целом присутствуют логотипы и фирменные оформления в данной сфере.
ЗАДАНИЕ №2. Переходим в Яндекс.Картинки и ищем «логотип, допустим, кондитера». И листаем, выписывая заезженные цвета и формы. У кондитера это будут тортики, пироженки, розовый цвет, макаруны, крем и безе, повар, приборы столовые, круглые формы.
Теперь моя мафия идёт гуглить, а мирные жители у которых свои проекты продолжают читать.
***
Распространённые образы среди веб-студий и диджитал агентств (для нашего проекта студии «Абилити»:
– Обыгрывание буквы «W» и слова «Web». Часто встречается как графический объект, часть имени компании;
– Использование символов программирования «< \\ >»;
– Использование курсора (стрелок, руки), иконка поиска (лупа) компьютера, мышки. В прямой или завуалированной форме;
– Образ карандаша. Встречается часто, скорее всего, как устоявшееся от сленгового «писать код»;
– Планета, палочки Wi-fi или «WWW». Что уже довольно давно считается довольно заезженным обозначением сети «интернет»;
Среди прочих примеров часто встречается: обыгрывание аббревиатур (что как мы уже выяснили, можно подать исходя из трендов – привлекательно), обыгрывание нетипичного названия через графический элемент (например, «Коала» или «Fox» studio), часто встречается абстракция без привязки к образу именно веб-студии (всё понятно только в контексте).
В целом логотипы разнообразны. Если избежать «типичных» образов, перечисленных выше, то можно создать вполне уникальный образ для организации.
***
Тренды в дизайне логотипа
Для того чтобы сделать актуальное и привлекательное оформление, можно изучить современные тенденции. Каждый год сфера графического дизайна пополняется новыми приёмами и интересными фишками. Это может выгодно выделить организацию среди конкурентов. Так же может показать то, что организация отслеживает тренды и следует новым веяниям, и соответственно, продаёт или предоставляет самые современные товары и услуги. Но что важно знать о трендах?
Я уже делала видео на эту тему на своём канале «Тренды 2021 года». И если не смотрела, то повторюсь. Не нужно слепо следовать «популярному». Избирайте путь «подстаивания» тренда под своего клиента. Мода – явление временное. А задача дизайнера стремиться сделать «бессмертный» дизайн. Тот, который будет актуален долгие годы. Если не в единой своей форме, то хотя бы концепцией. Примеры эволюции логотипов многих брендов говорят за себя сами. Coca-Cola менялись множество раз, но всегда оставались узнаваемыми. И посмотрев на старые логотипы многих организаций, их образ всё ещё узнаваем.
ЗАДАНИЕ №3. Загуглите старые логотипы культовых организаций. Проанализируйте их. Что они пронесли сквозь года, а что изменили. Узнаваемы ли начертания?
А теперь преступим к рассмотрению трендов на 2021 год. Понимаю, что он скоро пройдёт и эти тренды вечно жить не будут. НО! На примерах этих трендов я буду писать, как можно внедрить тренд в логотип организации на примере концепта студии. Без новых концепций, то что есть, просто в более трендовой оболочке. Чтобы вы поняли технику и смогли делать подобное с любым трендом.
Рассмотрим основные тренды 2021 года:
1. Минимализм и аскетичность. Обоснование тренда, следующее: «Чем проще интерфейс, тем легче его понять». Этот тренд довольно давно «на устах» у дизайнеров. Но теперь отслеживается тенденция к грубому упрощению. Объекты и кнопки без объемов, свечений и теней, чёткие контуры, упрощенные иконки с простой рисовкой. Айдентика (логотип) становиться более строгой и деловой.
***
Логотип «Абилити», без смены концепции, но в стиле минимализм – представлял бы собой меньшее количество элементов. Допустим буква «А» без деталей с однотонной заливкой их фирменного винного оттенка.
***
2. Адаптивные логотипы. С этой проблемой столкнулись уже давно. С развитием числа пользователей мобильных устройств появлялась потребность уместить больше объемы информации на небольшом экране. И сейчас начали делать логотипы проще и удобнее для просмотра в любом размере или делать несколько начертаний логотипа: основное и для мобильных устройств и сайтов. Всё, чтобы потребителю было удобно воспринимать информацию.
***
Второй адаптивный логотип вполне мог бы быть цветным кругом с буквой «А» внутри.
***
3. Смелая типографика. Классические шрифты отходят на задний план. Дизайнеры наперебой устанавливают креативную или дизайнерскую типографику. Популярны нестандартные формы букв – интригующие (например, не завершенные элементы, заставляющие напрячь голову, чтобы прочесть слово), вызывающие ассоциации, интерес и эмоции. Так же к «смелым» приёмам, относится увеличение размера шрифта до нестандартных и даже неожиданных.
***
Вариантов много, но допустим в целом сделать акцент на тексте, убрав символ. И расстояние между словами сделать меньше, чтобы текст выглядел более массивным.
***
4. Использование градиентов. Этот приём очень быстро адаптировали под себя мессенджеры и социальные сети, сменив иконки на яркие градиентные. Например, это сделали: Facebook Messenger, Инстаграм и Globoplay. Поскольку минимализм задаёт тренды, а от объемов уходить не так то просто, отличным решением являются градиенты. Они без лишних спецэффектов способны показать примитивные объемы и динамичную форму. Преимущественно используются яркие и контрастные цвета для создания трендового градиента. Идеальные оттенки можно подобрать опираясь на цветовой круг. Или можно воспользоваться готовыми сервисами для подбора цвета, которые так же опираются на цветовой круг.
***
Градиентная заливка всего логотипа или только графического элемента.
***
5. Негативное пространство. Это место возле или внутри логотипа, в которое можно вписать какой-либо неожиданный силуэт. Например, буква «Н», соединительный элемент которой представляет собой веточку с вишенкой на конце. Такой приём закладывает новый смысл в написанное. Отличная концепция для логотипа, особенно если вписанный или достроенный объект отражает направление, продукт или услугу организации.
***
Букву «А» сделать больше и соединительным элементом буквы интегрировать перо или что-то ещё.
***
6. Тонкие линии. Как продолжение тренда на минимализм, тонкие линии способны отлично дополнить композицию, сделать её более устойчивой и завершённой. В некоторых вариантах тонкие и плавные линии способны создать ощущение лёгкости, воздушности. Без перегруза лишней информацией.
***
Как я и говорила в своём видео на YouTube – не все тренды нужно использовать. Какие-то просто не уместны для организации или конкретного элемента. В данном случае линии без смены концепции нынешнего логотип добавлять не требуется. Это лишь усложнит конструкцию.
***
7. Творческий хаос. Графический дизайн явно отходит от стандартизированных шаблонов. Теперь хаос является трендом! В оформлении поощряются смелые эксперименты от перестановки букв, изменения положения/траектории до совмещения нескольких дизайнерских решений.
***
Наклонить графический элемент. Или часть букв из текстовой части сделать разбросанными. Или разбить вдребезги элементы буквы «А».
***
8. Монограммы и аббревиатуры. Раньше буквенные сокращения казались стандартными и неинтересными. Но в совокупности с трендом негативное пространство и хаос – у аббревиатур появилась вторая жизнь! Очень интересный пример, смена значка Google Почты с привычного конверта до такого же по очертаниям, но без лишних граней. Своими формами конверт читается как буква «М» – «mail».
***
Это уже осуществлено в логотипе. Слабо, но есть. Можно сделать композицию более интригующей, вырезав, допустим, букву «А» из фона-формы, который представляет силуэт монитора или смартфона.
***
Изучив тренды в графическом дизайне, можно выбрать близкие по концепции к студии, и использовать в дальнейшем при работе над фирменным стилем.
Поделиться книгой: