95
скопления людей, преследуют своей целью напоминание потребителям о товарах
(работах, услугах) или указывают потенциальным покупателям (потребителям) на
те места, где они могут совершать покупки (получить услуги)
69
.
Для компании «Bu Hair» предлагается использовать рекламные щиты -
билборды. Для этих целей был разработан крупногабаритный тематический плакат
(билборд) (Рисунок 3.18):
Рисунок 3.18 Билборд компании «Bu Hair»
Также для компании «Bu Hair» предлагается использовать транспарант-
перетяжки - двухсторонний рекламный носитель, который представляет собой
полотно размером 10х1,1м, размещенное над проезжей частью при помощи
тросовых конструкций, крепящихся на специальные столбы или на стены
близлежащих зданий.
Макет рекламной транспарант-перетяжки компании «Bu Hair» представлен
на Рисунке 3.19:
69
Павловская, Е.Э. Графический дизайн. Современные концепции: учеб. пособие для вузов [Текст] / Е. Э. Павловская
[и др.] ; отв. ред. Е. Э. Павловская.- 2-е изд., перераб. и доп. — М.: Юрайт, 2019.- 183 с.
96
Рисунок 3.19 Транспарант-перетяжка компании «Bu Hair»
На Рисунках 3.18-3.19 приведены дизайны билборда и перетяжки,
выполненный согласно стилистических решений фирменного стиля компании «Bu
Hair». Данные дизайн макеты тематические – побуждают покупателя к
совершению выгодных приобретений товаров компании в «Черную пятницу» с
существенными скидками.
Реклама на транспорте (транзитная реклама) представляет собой текстовые
сообщения и/или изображения рекламного характера, которые размещаются на или
в транспорте (Рисунок 3.20).
Рисунок 3.20 Транзитная реклама компании «Bu Hair»
97
Для целей ВКР разрабатывается рекламный постер, цель которого привлечь
покупателя на входной группе – салона красоты, парикмахерской,
специализированного магазина, посредством указания на нем рекламной
информации, согласно которой, при предъявлении фото постера покупатель
получает указанную на нем скидку.
Дизайн постера для компании «Bu Hair» представлен на Рисунке 3.21 и в
Приложении 23.
Рисунок 3.21 Дизайн рекламного постера компании «Bu Hair» для
размещения на входной группе
Таким образом, в рамках разработки фирменного стиля компании «Bu Hair»
были разработаны носители наружной рекламы компании, такие как билборд,
транспарант-перетяжка, транзитная реклама, рекламный постер.
На следующем этапе разработаем веб-сайт компании.
98
3.4. Разработка макета веб-сайта
Дизайн веб-сайта – это визуальное оформление сайта, комплекс картинок,
фото, графики, шрифтов и цветов, которые составляют сайт.
Основная задача дизайна сайта – предоставить информацию потенциальным
покупателям компании «Bu Hair» в удобном и привлекательном виде. Дизайн
задаёт стиль сайта, который должен в полной мере соответствовать
стилистическим решениям фирменного стиля компании «Bu Hair».
Дизайн сайта должен подчеркивать конкретную информацию о компании
«Bu Hair», помогать получить к ней доступ.
Разработка макета сайта предусматривает следующие этапы:
Выбор цветовой гаммы, набора шрифтов, их гарнитуры, кегля;
Выбор визуального и текстового наполнения сайта: фотографии, картинки,
тексты, каталоги, контактная информация и прочее;
Структурирование сайта: структура страниц с размещением на них содержания;
Визуальное оформление страниц сайта: оформление страниц сайта с
применением графических элементов, утверждённых стилистических решений;
Верстка и программирование: дизайн верстается, загружается в систему
управления контентом сайта, размещается на хостинге, получает домен. В
нашем конкретном случае данный этап не предусматривается, так как создается
только макет сайта.
При дизайне макета сайта предусматривается строгое использование
фирменной цветовой гаммы компании «Bu Hair»: черного, белого, серого и
красного цветов, а также фирменных шрифтов компании: «Open Sans Light», Holla.
Разработка сайта компании «Bu Hair» предусматривает следующую его
структуру:
Главная страница (Рисунок 3.22):
99
Рисунок 3.22 Дизайн главной страницы веб-сайта компании «Bu
Hair»
По данным Рисунка 3.20 видно, что концепция дизайна веб-сайта компании
«Bu Hair» полностью соответствует дизайн-концепции фирменного стиля
компании в целом, используются фирменные цвета и шрифты, художественные
образы соответствуют общему композиционному замыслу. Образы (фото)
загружается в систему управления контентом сайта, и могут изменяться в
зависимости от рекламной стратегии компании.
Справа расположены разделы навигации по сайту, которые включают
следующие страницы:
О компании;
Продукция компании;
Интернет-магазин;
Условия оплаты и гарантии;
Контакты;
Адреса магазинов и салонов.
Навигация устроена по методу связанных ссылок, иными словами кликая по
конкретному пункту навигации по сайту, система автоматически переводит
пользователя на выбранную им страницу. Например, при нажатии кнопки
«Интернет-магазин» откроется соответствующая страница (Рисунок 3.23):
100
Рисунок 3.23 Дизайн главной страницы веб-сайта компании «Bu
Hair»
Интернет-магазин веб-сайта построен по принципу каталога согласно
продуктовым линейкам: косметика для волос, косметические средства по уходу за
натуральными волосами, накладные натуральные волосы. В свою очередь каждый
продуктовый раздел включает свои подразделы. При выборе товара в
соответствующем разделе происходит его отправка в корзину. Более подробно,
дизайн других страниц веб-сайта компании «Bu Hair» представлен в Приложении
24.
Для продвижения веб-сайта компании «Bu Hair» необходимо также
разработать дизайн веб-баннера для социальных сетей: Вконтакте, Одноклассники,
Твиттер, Инстаграмм и других (Рисунок 3.24):
Рисунок 3.24 Дизайн веб-баннеров компании «Bu Hair»
Принцип работы веб-баннеров также заключается в наличии
запрограммированной в нем веб-ссылки на сайт компании «Bu Hair».
101
3.5. Компьютерные графические программы, используемые при создании
фирменного стиля
В настоящее время существует большое количество компьютерных
графических программ, которые позволяют осуществить практически все
дизайнерские идеи. Для разработки фирменного стиля компании «Bu Hair» были
использованы следующие графические программы:
1) «Adobe Photoshop» (скриншоты работы в программе представлены в
Приложениях 25-26 к работе). «Adobe Photoshop» – многофункциональный
графический редактор для работы с фото и видеофайлами (растровые изображения
и несколько векторных инструментов). Графический редактор работает на ПК с
операционными системами Windows и macOS, в мобильных версиях на базе ПО:
iOS, Windows Phone и Android.
Лицензированная версия «Adobe Photosho»p оснащена широким
функционалом для создания качественных изображений:
создание многослойного изображения с возможностью редактирования каждого
в отдельности для передачи глубины цвета, работы со сложной графикой;
монтирование фотографий и картинок, отдельных элементов в коллажи;
работа с эскизами и чертежами;
большой выбор инструментов для обработки текстовых элементов (шрифты,
эффекты, фильтры);
создание интересных графических элементов для полиграфии, дизайна,
оформления сайтов и так далее;
работа со стандартными форматами для растровых и векторных изображений;
раскрашивание черно-белых файлов и другие возможности.
Данный графический редактор выступил основным при разработке
фирменного стиля компании «Bu Hair», при помощи него разработан логотип
компании, макеты полиграфической и сувенирной продукции.
2) «CorelDRAW Graphics Suite» (скриншоты работы в программе
представлены в Приложении 25 к работе). «CorelDRAW Graphics Suite» - это
102
профессиональный векторный графический редактор, служащий для разработки
материалов для печати, создания вывесок, логотипов, текстовых материалов,
иллюстраций и т.п. «CorelDRAW Graphics Suite» - это пакет профессиональных
инструментов для редактирования фотографий, разработки дизайна и создания
макетов страниц и векторных иллюстраций, работающий на ПК (Windows и
macOS), на мобильных версиях на базе iOS, Windows Phone и Android.
«CorelDRAW Graphics Suite»:
обеспечивает высокий уровень контроля над всеми аспектами проекта - от
создания первоначальной концепции до вывода готовых материалов;
отличные средства кастомизации, а также функции и инструменты, полностью
отвечающие современным потребностям, помогут разработать логотипы, веб-
графику, вывески или проекты для печати;
полный комплект креативных приложений, в котором объединены надежность,
невероятная скорость, высочайшая производительность и интуитивно понятные
инструменты, поднимает эффективность работы на качественно новый уровень.
При помощи «CorelDRAW Graphics Suite» разработаны макеты наружной
рекламы.
3) «Adobe Illustrator CC». «Adobe Illustrator CC» - программа из группы
«векторных графических редакторов». Программа позволяет создавать логотипы,
значки, рисунки, типографику и иллюстрации для печатных изданий и веб-
публикаций. Основными функциональными возможностями «Adobe Illustrator CC»
являются: различные функции для обработки текстовой информации, создание
векторного объекта с помощью геометрических фигур, линий, большой выбор
обводок и заливок, усовершенствованная цветовая гамма, тени, блики, искажение,
свечение, переходы.
При помощи данной программы был разработан фирменный знак компании
«Bu Hair».
3.6. Технологические особенности выполнения дизайн-проекта
103
Основная цель технического проектирования: доведение принятых решений
до возможности реального воплощения. По принятому эскизу разрабатывается
дизайн - проект на изделие, включающий компоновочные чертежи, чертежи
внешнего вида с принципиальными размерами, чертежи необходимых
(«видимых») узлов и деталей. Дизайнеры работают в контакте с конструкторами и
технологами. Этап включает:
уточнение конструкторских и технологических решений, окончательную увязку
дизайна с конструкцией, технической «начинкой», комплектующими;
уточнение эргономических параметров;
уточнение размерных характеристик;
уточнение формы;
разработку трехмерной компьютерной рабочей модели;
разработку дизайн-чертежей в электронной форме;
разработку графических элементов на изделии;
цвето-фактурные предложения.
Технологические особенности выполнения дизайн-проекта фирменного
стиля компании «Bu Hair» представлены в Таблице 3.1:
Таблица 3.1
Характеристика технологических особенностей носителей
фирменного стиля компании «Bu Hair»
№
п/п
Носитель фирменного
стиля
Размер Материал изготовления
1
2
3
4
1
Фирменный бланк
(общий и специальный)
210*297 мм
Бумага плотностью 130 гр./кв. м.
2
Визитная карточка
(общая и
персонализированная)
50*90 мм
Бумага (мелованная, фактурная,
металлизированная,
перламутровая и иная)
3 Прайс-лист 210*297 мм
Бумага (мелованная, фактурная,
металлизированная,
перламутровая и иная)
4 Каталог 210*120мм
Полиграфический картон,
глянцевая и матовая бумага
5 Рекламный плакат 297*420 мм
Полиграфический картон,
глянцевая и матовая бумага
Продолжение таблицы 3.1
1
2
3
4
6
Подарочный сертификат
90*50 мм
Пластик
104
7
Рекламный буклет
(Евро)
97х210
210*297 мм
Полиграфический картон,
глянцевая и матовая бумага
8
Корпоративный
календарь
297*210 мм
Полиграфический картон,
глянцевая и матовая бумага
9
Фартук парикмахера
50*110 см
Ситец, хлопок
10
Футболка
48*66 см
Ситец, хлопок
11 Бейдж
90х50, 50*90
мм
Бумага (мелованная, фактурная,
металлизированная и иная)
12
Кружка
96*83 мм
Стекло, керамика, пластик
13
Ручка
120*10 мм
Пластик, металл
14
Подарочные бумажные
пакеты
20х30х12 см
Крафт-бумага
15
Брелоки
25*25 мм
Пластик
16
Значки
37 мм
Пластик
17 Билборд 3*6 м
Баннерная ткань, влагоустойчивая
бумага
18 Транспарант-перетяжка 1,1*10 м
Баннерная ткань, влагоустойчивая
бумага
19
Транзитная реклама
2*2,5 м
Пленка
20 Рекламный постер 420х594 мм
Полиграфический картон,
глянцевая и матовая бумага
21
Веб-сайт
1024×768 рх
Электронная страница
22
Веб-баннеры
240*480 рх
Электронная страница
В Приложении 27 представлен планшет (графический чертёж) фирменного
стиля компании «Bu Hair».
Обозначим также основные параметры предпечатной подготовки
разработанных макетов носителей фирменного стиля компании «Bu Hair»:
Этап 1. Дизайн (разрабатывается макет и общая статистика проекта):
Определяется дизайн-концепция фирменного стиля компании;
Определяются носители фирменного стиля компании;
Разрабатываются макеты носителей фирменного стиля компании.
Этап 2. Верстка:
Не допускается расположение значимых элементов вблизи линии реза,
расстояние должно составлять от 5 до 8 мм;
Грамотное расположение на полосе элементов, идущих на вылет, размер
которых также должен соответствовать установленным параметрам, обычно 5
мм;
Этап 3. Цветокоррекция: