46
Рисунок 2.12 – Референс пример
Эскизы наглядно показывают наши замыслы и идеи. Это поможет
выстроить концепт вокруг брифа. Как однажды написал Дэйнис Граверис:
«Отрисовка эскизов не займет много времени и это отличный способ переложить
мысли на бумагу. После этого всегда проще создать дизайн на компьютере.
Эскизы развивают ваше воображение: когда вы это поймете, то всегда будете
начинать работу с чистого листа бумаги.» [6]
9
.
2.6. Поиск цветовой гаммы
Найти хорошую цветовую гамму не сложно, а вот подобрать такую для
визуализации данных, даже с обширными массивами информации интернета,
достаточно трудоемкая работа.
Чем шире разнообразие оттенков и уровней яркости, тем больше вы
сможете визуализировать. Необходимо выбирать такую палитру, которая будет
различаться по яркости, так же по количеству цветов.
Не все цвета равнозначны, это происходит потому, что наше зрение
ориентируется на градиенты, которые может наблюдать в природе
9
Зимин, В. Логотип — это просто! Пошаговая инструкция с иллюстрациями: от идеи до реализации [Текст]. —
Издательские решения, 2016. — 74 с.: ил. [6].
47
Мы видим невероятный закат, в котором ярко-желтый переходит в темно-
фиолетовый, но нигде на земле светло-фиолетовый не переходит в коричневато-
желтый. (см.: Приложение 1).Поскольку мы постоянно видим эти природные
градиенты, они кажутся знакомыми и приятными. Градиентные палитры обычно
оказываются лучшим компромиссом.
Цветовой круг (см.: Приложение 2.) является неотъемлемой частью работы
с цветом. На данный момент в интернете для упрощения работы, имеются
множество сайтов с готовыми рабочими цветовыми палитрами и цветовым
кругом.
В процессе создания цветовой гаммы было подобрано и утверждено
фирменное цветовое сочетание: #FFDE00 - желтый, #141616 - черный, #D7292A -
красный и #EE7048 - оранжевый. Психология цвета является немаловажным
составляющим фактором воздействия на психологию человека. (см.: рис. 2.13.)
Рисунок 2.13 – Подобранная цветовая палитра для ребрендинга
48
Красный и желтый – два самых теплых цвета. Это цвета огня, и они взяли
от него немного свойств, например «согревать» и бросаться в глаза. Они оба
очень яркие, насыщенные и жизнерадостные.
Такие цвета, как черный, белый и серый, в психологии довольно подробно
описаны и конечно, каждый из них вызывает длинный ассоциативный ряд. Но в
создании фирменного стиля все же эти цвета чаще всего не несут
самостоятельной смысловой нагрузки, а используются в качестве фона.
Выбранные цвета являются контрастными и яркими, привлекают к себе
внимание гармоничным сочетанием.
2.7. Подбор шрифтовых написаний
« Один из самых важных навыков для дизайнера — это умение выбирать
типографику» [2]
7
, пишет дизайнер и разработчик Джонатан Уайт. Ведь текст —
один из основных способов коммуникации дизайнера с пользователями. И
типографика может как улучшить дизайн, так и сломать его.
Прежде всего, необходимо понять для чего предназначен шрифт, какое
настроение несет, для какой цели будет использоваться. В нашем случае шрифт
используется в двух основных аспектах: логотип и сайт. В эти две группы
основные можно внести остальную продукцию по настроению. Логотип: поло,
кружку, диск, пакет и баннер. Для сайта: визитка, брошюра, документация, карта
клуба. Совершенные противоположные по направлению типажи будет активно
контрастировать друг с другом, разграничивая деятельность клуба.
Обратимся к основным делениям шрифтов на категории:
С засечками (Антиквы, Serif). На каждой букве в
таких шрифтах присутствуют засечки;
Без засечек (Гротески, Sans Serif, Рубленные) ;
Рукописные.
Для первой группы с логотипом наиболее подходит акцидентная группа
шрифтов. На логотипе уже имеется пример, что вполне подходит под тему клуба.
7
Википедия. Свободная энциклопедия. Логотип: [Электронный документ]. —2014. [2].
49
Шрифт A Campus Grav Bold отражает дух американского футбола, используется
для печати на спортивной одежде и другой атрибутике, очень популярен (см.: рис.
2. 14.). Можно добавить в него больше декоративных деталей, чтобы в логотипе
он смотрелся интереснее.
Рисунок 2. 14 – Шрифт A Campus Grav Bold
Для второй группы сайта подобрать шрифт сложнее, т.к. для ребрендинга
абсолютно нет никаких примеров. Стоит подумать, какой будет смысловая нагрузка
сайта, для чего его создаем. Основным назначением будет являться ознакомительный
характер и перенаправление на другие группы. Поэтому ориентируемся на
одностраничный лендинг с яркой страничкой и возможно небольшой анимацией.
50
Для лендинга характерно преобладание иллюстраций, поэтому необходим
шрифт, который не будет отвлекать внимание от визуала. Без засечек (Гротески,
Sans Serif, Рубленные) необходимо подобрать около трех написаний или
шрифтов, которые будут гармонировать между собой.
Т.к. лендинг послужит основой для печатной продукции, то шрифты в
группе сайта будут одинаковые. А в баннере основой выступает логотип, который
служит своеобразным гербом клубом. Так что стоит применить акцидентный
шрифт.
Ориентируясь на целевую аудиторию клуба, можно брать легкий,
возможно дерзкий стиль шрифта. Проанализировав ресурсы интернета, найдем
источники для вдохновения.
Так же необходимо выделить три-два сочетания шрифтов, это упростит
работу и объединит дизайн в целом. В нашем случае, акцидентный шрифт уже
есть, к нему необходимо подобрать такие стили, чтобы они подчеркивали его и
хорошо вписались в более классическую среду. Чтобы упростить поиск, стоит
воспользоваться полезными ресурсами и сайтами из интернета, которые
предлагают наглядно просмотреть сочетания в экранном режиме и легко
подставлять сочетания.
Так же в ресурсах интернета можно найти информацию по размеру
шрифта и так же просмотреть наглядный пример, меняя его так, как нам
необходимо.
Итак, проведя работу по сочетанию различных шрифтов, я выбрала два
это: Roboto и Open Sans Condensed. Они потрясающе сочетаются между собой и
несут немного нейтральный характер, который идеально подойдет для будущего
лендинга. Размеры будут подгоняться в процессе верстки.
Первый шрифт Roboto выступает в качестве заголовка, занимает большую
часть страницы, выполняет задачу по привлечению внимания к информации (см.:
рис. 2. 15).
51
Рисунок 2. 15 – Шрифт Roboto
Roboto – гарнитура без засечек, Google описывает шрифт как
«современный, но доступный» и «волнующий». Используется в одних из самых
популярных ресурсах интернета: в операционной системе Android, с 2013 года
является шрифтом по умолчанию в сервисах Google, таких как Google+, Google
Play, Google Maps, YouTube и в мобильном поиске Google, в Unreal Engine 4,
также присутствует в сети ВКонтакте.
Второй шрифт Open Sans Condensed менее известный, но он идеально
дополняет вышеупомянутый (см.: рис. 2. 16). Имеет три начертания и так же
относится к группе шрифтов без засечек. Легкий и тонкий в написании, отлично
будет читаться в небольших блоках лендинга и бумажной продукции. Не
утяжеляет пространство вокруг, привлекает внимание соей простотой и
легкостью.
52
Рисунок 2. 16 – Шрифт Open Sans Condensed
Подводя итоги, для логотипа, поло, обложек и баннера мы используем
мощный, тяжелый, очень заметный шрифт A Campus Grav Bold. Он подчеркивает
дух соревнований, следует современной моде. Для лендинга, визитки, брошюры,
карты клуба и печатной документации используются два основных шрифта
Roboto и Open Sans Condensed, которые подчеркивают деловую сторону ССК
«Феникс», добавляют легкости и читабельности, более универсальны и
стабильны. Как было задумано изначально, цель соединить контрастные группы
шрифтов прекрасно получилась.
2.8. Композиционный замысел логотипа
Разработка композиционного замысла логотипа отвечает за креативность,
читабельность на носителях, запоминаемость у потребителей. Необходимо
53
создать такую айдентику, которая зацепит зрителя, расположит его к себе,
подчеркнет все свои сильные стороны.
Логотип одна из главных характеристик компании, в нашем случае клубе.
Основная его задача отличать от других конкурентов цветом, формой, шрифтом,
быть неким индетификатором. Пол Рэнд («Дизайн, форма и хаос»), один из
ведущих мировых дизайнеров, сказал, что «логотип – это флаг, подпись,
орнаментальный щит, уличная вывеска. Логотип не продает (напрямую), он
идентифицирует. Фирменный знак редко рассказывает о самом бизнесе. Логотип
извлекает и демонстрирует качества товара, а не наоборот. Логотип менее значим,
чем товар, который он олицетворяет. Темой хорошего лого может быть
практически все что угодно.» [18]
8
.
Логотип ССК "Феникс" Первого МГМУ им. И.М.Сеченова — визуальное
выражение концепта и идеи организации, он представляет собой
стилизованное изображение птицы феникс, с прямым шрифтовым
начертанием названия спортивного клуба. Выделяют три вида логотипов:
графический, текстовый и смешанный. Логотип ССК "Феникс" Первого МГМУ
им. И.М.Сеченова можно отнести к смешанному типу, объединяющему
графический элемент и текст. Чаще всего, в системе визуальных
коммуникаций логотип изображается в белом цвете и сочетается,
преимущественно, с черным или красным фоном привязки. В оформлении
ССК "Феникс" Первого МГМУ им. И.М.Сеченова, логотип нередко
деформируется или используется без геометрических элементов.
В случае с ССК «Феникс» стоит задача создать образ для логотипа в
первую очередь (см.: рис. 2.17), далее продукции и сайта. У нас уже есть основная
картинка: феникс в красно-черных тонах. Обратим внимание на крыло, форму
логотипа – круг, что говорит о цикличности, задает спокойный настрой.
Растрепанные перья и контраст в цвете, к сожалению не дополняют, а
противоречат главному объекту.
8
Пол Рэнд: «Дизайн, форма и хаос» - М.: Издательство Студии Артемия Лебедева, 2017 [18].
54
Чтобы создать тот самый художественный образ, обратим внимание на
характер клуба, составим список слов, которые символизируют его:
агрессивность, яркость, горячий нрав, пылкость, сила, будущее.
Рисунок 2.17 – Эскизирование нового логотипа для ССК
«Феникс»
Такие референсы, как логотипы американских футбольных команд, очень
помогают при создании формы крыла. (см.: рис. 2.18 – 2.21.). Если расправить
55
крылья феникса и направить их в движение, образ уже будет более близок к духу
клуба. Для лучшего представления, так же были просмотрены референсы жар-
птицы и феникса в различных представлениях. (см.: рис. 2.12 – 2.13.).
Рисунок 2.18 – Референсы логотипов американских
футбольных команд
Рисунок 2.19 - Референсы логотипов американских
футбольных команд