39
информация указана на начальной странице и подробности скрыты по
разделам. Тем самым формирование интуитивно-понятной информации
проста для усваивания в использовании, за счет эргономичного интерфейса и
доступного материала. В информативность ресурса входит:
- Аннотация и описание важности мероприятия
- Партнеры и спикеры
- Организаторы
- Спонсоры
- Место проведения
- Новости
- Проекты организации
- Контакты
Плюсы: Понятный и доступный материал, интерактивный подход в
предоставлении информации, обозначение и привлечение внимания к важной
проблеме XXI века.
Минусы: Не читабельный шрифт на интерактивном фоне.
1.8 Портрет потребителя
Основная целевая аудитория проекта – это люди от 19 до 30 лет.
Проект направлен на людей разных специализаций, от аграрной
промышленности до сферы бизнеса. Любой желающий имеющий билет может
попасть на экологический форум и узнать что-то новое в мире экологии.
Молодое поколение больше заинтересованно в массовых
мероприятиях и более подвержено воздействию со стороны визуального
оформления. Мероприятие не имеет каких-либо ограничений в плане:
физических параметров, цвета кожи, гендера, вероисповедания, и тп.
Вывод
Экологические проблемы всегда были актуальным и острым вопросом
в обществе. Для решения этой проблемы и организовываются различные
мероприятия, чтобы привлечь внимание и найти способ решения.
Экологические форумы это один из способов привлечения внимания.
40
Они нацелены на общение и коммуникационный подход к решению
проблемы. Так как форум неограничен определенными рамками и
стериотипами, в нем могут принять участие люди разного сословия, расы,
пола, возможностей и особенностей своего организма.
Так как цвет, стиль и шрифт представляют собой значительно важную
роль в веб-индустрии, по проведенному исследованию можно увидеть, что при
оформлении сайта надо учитывать не только цветовое соотношение по
стилизации, но и контрастное сочетание цвета в шрифте, так как он по разному
влияет на человека и его восприятие.
Символизм играет огромную роль в оформлении сайта, International
Ecological Forum показал это с помощью интерактивного подхода, а именно:
иконок, ссылок, видео формата как обложку. Так же в отличии от других
компаний, они использовали большую цветовую палитру, и тем самым
разнообразили все аспекты интернет-ресурса.
Но у сайта «Экология 2020», больше акцентов, композиционного
решения чем у такого же «Молодежный экологический форум». Размещение
необходимой информации у них более наглядно и детальнее.
По перечисленным и указанным данным выше, видно, что компании-
организаторы имеют схожие стилеобразующие элементы и цветовые решения.
Они используют основные и дополнительные цвета, согласно требованиям
экологического стиля, который предполагает использование естественных
природных цветов, благоприятно влияющих на зрительное восприятие, и
психологическое состояние человека.
41
Глава 2. Проектно-графическая
Данная глава предполагает собой анализ, подбор и разработку
материала, сопоставление факторов и интересов предполагаемого
потребителя веб-ресурса в оформлении, содержании и визуальных
материалах. По мимо этого глава описывает составление, анализ, и разработку
проекта в виде структуризации необходимой информации для составления:
эскизного предложения, эскизного проекта, технический проект, прототип и
макет.
Задачи главы представляют собой практическое исследование на
основании потребностей современного потребителя, анализ и составление
основной концепции проекта. А именно:
1. Разработка идей с помощью причинно-следственной связи и
ассоциативного ряда для создания уникального, авторского проекта, и
составления сценария сайта.
2. Составление ориентировочного, визуально-ассоциативного ряда,
для предварительного сопоставления максимально приближенных идей по
тематике проекта, и разработка мудборта.
3. Составление ментальной карта идей для визуализации и
составления системы построения проекта.
4. Разработка эскизов для визуальной концепции иконок, фона,
логотипа, сетки проекта.
5. Подбор гарнитуры для основного текста веб-сайта
6. Подбор стиля на основе которого будет составлена вся работа и
цветовая гамма проекта.
7. Подбор цветового решения для дальнейшего использования в
проекте, а именно логотипе, основном тексте, фоне и иллюстрациях.
8. Составление визуальной составляющей в виде иллюстраций,
логотипа, иконок, фона и сетки в векторном редакторе на основании
подобранной стилизации.
42
9. Разработка прототипа веб-сайта, используя созданные выше
упомянутые визуальные ресурсы.
Эскизный предложение предполагает собой разработку скетч-
варианта: иллюстраций, персонажей, фона, логотипа, макета и сетки сайта для
наглядной демонстрации экологического форума.
Эскизный проект представляет собой разработку готовой серии
концепции оформления одностраничного сайта, для экологического форума.
Технический проект предполагает собой применение программного
обеспечения, интернет-технологий и других технических средств для
получения заготовительного материала с последующим использованием в
прототипе и макете.
2.1 Разработка идеи для графической концепции web-сайта
Основной задачей является создание концепции web-сайта для
экологического форума.
Для выполнения этой задачи были составлены ментальные карты (рис.
14) и moodboard (рис. 16), на основе представленных визуальных работ были
разработаны различные варианты, и сценарии прописанные ниже.
Изначальной идеей было использование многостраничного сайта для
демонстрации подробной информации, с углублением в экологию, с
классическим ахроматическим фоном, и дополнительными цветами желтого
спектра в виде акцентов. По итогу исследования рынка, было выявлено что
такая работа не является оригинальной и нагружает посетителя сайта лишней
информацией.
Основной идеей проекта служит защита природы, привлечение к
проблеме экологии, так как многие улицы, пляжи, моря, реки и другие
природные участки загрязнены по вине человеческой жизнедеятельности.
На основание сравнительного анализа популярных стилей и трендов
2019 и 2020 годов, были разработаны следующие идеи:
1) Разработка минималистичного дизайна для более понятной и
простой передачи информации посетителя сайта, и привлечение внимания за
43
счет цветового акцента.
2) Использование мифологической основы для создания акцентов и
деталей. Совмещение тематического, экологического сайта с языческой
мифологией Древней Руси.
3) Смена формата сайта с многостраничного до одностраничного,
для минимизирования нагрузки.
4) Комбинирование 2-х стилей для взаимодополнения и усиления
визуального восприятия пользователя. На основание того, что каждый стиль
имеет собственные недостатки, комбинирование 2-х стилей дает эффект,
дополняющий пробелы друг друга.
5) Синтез 2-х стилей таких как: Pop-art и Flat style. Поп-арт имеющий
свой не повторимый и узнаваемый акцент, и многогранное содержимое,
дополняет и заполняет яркими красками, такой оформительский и
функциональный Плоский стиль.
6) Логотип можно использовать как языческая письменность или
славянские руны, чтобы более ярко выразить мифологию Древней Руси и
значимость природы во все времена.
7) На основе выбранном, композиционном решении, будет
использоваться линейная или модульная сетка.
Приведенные выше идейные предложения служат основной опорой для
дальнейшего анализа и подбора необходимой информационной базы проекта.
2.2 Ментальная карта
Ментальная карта составлена на основе причинно-следственной связи,
ассоциативного ряда, и зонтичной системы (рис. 14).
На основе «Ментальной карты основной идеи» была создана
«Ментальная карта для логотипа» (рис. 15) для создания и разработки
нейминга экологического форума.
Так как тема проекта нацелена на разработку визуальной концепции
веб-сайта, для экологического форума, то основой для создания идей
44
послужила экология, как важный фактор в жизни человека. Поэтому
ментальная карта была составлена из 2-х частей: WEB-сайта и Экологии.
Веб-сайт подразделяет себя на цели, функции, исполнительные цвета,
виды, аудиторию, классификацию и стиль. В процессе создания идейной
составляющей проекта, было рассмотрено множество вариантов. По итогу,
целью сайта было выбрано привлечение внимания общества к продукту или
услуге. Так как форум является массовым мероприятием, было принято
решение что более подходящий продукт для продажи, будет билет на сам
форум. Цветовая гамма сайтов может меняться от стиля, тематики, и вида
сайта, поэтому в этом пункте не был указан какой-то конкретный цвет. Под
разновидность сайта были рассмотрены многострочные и одностраничные
информационные сайты, но так как для привлечения внимания к продаже
билета, не нужно много места, было решено использовать одностраничный
сайт. Аудитория сайта многогранная и не ограниченная каким-то одним
поколением. В пункт классификации были рассмотрены многие варианты как
тематический, новостной, сайт услуг, визитка, lending page. В пункте стиль
был выведен один из вариантов решения – Flat-style. По мимо его были
обработаны и другие стили как: Минимализм, Классика, и Pop-art. Они не
были указаны потому что не подходят выполнению темы Экология.
Раздел Экология включает в себя: виды, предмет, и категория. Виды
разделяются на почву, растительность, водные ресурсы и атмосферу. Предмет
выделяет такие подвиды как: животные, растительность, человек. В категорию
входят: негативное воздействие на окружающую среду и делятся на:
максимальное, умеренное и минимальное. Так как изначально целью проекта
было привлечение внимания общественности к мировой проблеме, было
проведено исследование важнейших на момент 2019 года проблем, таких как:
Социальные проблемы, и Экологические проблемы. Но так как экология
является важнейшей составляющей планеты Земля, было принято решение в
сторону экологии, а именно: Загрязнение окружающий среды бытовым и
промышленным мусором. Это решение было вызвано с связи с тем что,
45
растения и животные биосферы Земли по степенно умирают от рук человека,
ежегодно 30.000 видов животных и птиц умирают от пластика и полиэтилена,
выброшенного в океан. А от выброса более 1.000.000 м
3
отходов от заводов,
задыхаются и умирают около 10.000 видов птиц.
Рис.14. Ментальная карта основной идеи
2.3 Мудборт
Мудбор – представляет собой ассоциативный ряд, подходящий по
таким критериям как: цвет, характер исполнения, визуальная составляющая, и
тд. Ассоциативный ряд подбирался с упором на векторные иллюстрации для
плоского дизайна, так как основной упор тематике это экология, были
подобраны варианты решения главной страницы и всего сайта, иллюстрации
природы в плоском дизайне.
Изображения были подобраны на основе пейзажей природы, так как
самое лучше привлечение внимания, это демонстрирование красоты и чистоты
природы без участия человека. Однотонная тема подчеркивает настроение и
эмоциональный тон иллюстраций, показывая какой прекрасный мир без
вмешательств человека и загрязнений от пластика. По мимо этого, подбор
осуществлялся по эстетическим и вкусовым предпочтениям.
46
Рис.16. Moodboard
2.4 Выбор и обоснование стилистического решения
По проведенному исследованию на основе сравнительного анализа,
визуальному подбору, эстетическим предпочтениям, и анализу современных
трендов веб-дизайна были рассмотрены следующие стили для выполнения
проекта:
- Flat style
- Pop-art
- Minimalism
- Классика
- Organic & Natural
Каждый стиль имеет свои уникальные и узнаваемые элементы, тем
самым посетитель сайта подсознательно может запомнить бренд через
ассоциативный ряд оформления сайта.
Flat-style – имеет характерные черты с помощью графических
элементов, которые не отвлекают внимание пользователя а только помогают
ему в получении нужной информации. Типографика сайта не является
обычной, она всегда отличаются своей креативностью и неожиданными
сочетаниями. Расположение файлов, раздело и элементов строиться на
47
интуитивно-понятном уровне, для простоты использования. Стиль позволяет
использовать в себе фотографии, иллюстрации, яркие оттенки но без особого
увлечения, так как это может отвлекать пользователя.
Pop-art – имеет характерные черты в виде графического элемента фона,
как пиксельной сетки, и использование популярных товаров, звезд шоу-
бизнеса, игровых и мультипликационных персонажей. В оформлении
присутствую яркие или даже «ядовитые» цвета, для большего привлечение
внимания, но чрезмерное использование ярких цветов приводит к головной
боли у пользователя и снижает уровень востребованности в интернет-сети,
поэтому для сайтов существует ограничение по данному стилю, не более 3-х
ярких цветов. Типографика у стиля не содержит засечек, и имеет некое
отношение больше к уличным граффити, чем готическую письменность.
Minimalism – основным акцентом данного стиля является
минималистическое отношение к передаче информации, так например
основной текст сайта может переведен в видео-ролик или расписан буквально
одной или двумя фразами. Лаконичной и функциональность является
главными принципами стиля, визуальное оформление сводится к минимуму.
Классика – характеризует себя в веб-дизайне как сама история, такая
знакомая, и уютная. Этот стиль используется везде от моды и интерьера до
веб-ресурсов. Основными особенностями стиля являются: Колоночная
структура построения. Наименование и логотип находятся в верхней части
страницы. Меню расположено сверху или слева. Цвет всегда сдержанный,
гармоничный, без интенсивной яркости, в светлых тонах. Графика и анимация
либо отсутствуют, либо расставлены в виде незначительных вкраплений.
Гарнитура подбирается без цветовых эффектов, скромные, иногда в
готическом стиле.
Organic & Natural – особенность этого стиля в упоре на экологию,
растения, флору и фауну. Текстуры и другие графические элементы
изображены в виде пейзажей, цветов, травы, воды, гор, и других акцентов на
растительный, животный мир. Главное место сайта отводиться на
48
информативность и основной контент в виде визуальной составляющей [13].
По завершению исследования было решено, основным стилем выбрать
Flat style, за его простоту, функциональность и популярность, с участие не
больших акцентов от стиля Organic & Natural.
2.5 Выбор и обоснование колористического решения
На основание выбранной темы выпускной квалификационной работы,
стилистического решения, и методологии Йоханнеса Иттена, было решено
использовать не более 5 цветов, для наименьшей нагрузки на человеческий
глаз.
Для выбора основных цветов было проведено исследование с помощью
сравнительного и исторического анализа популярных цветов по мнению
американского сайта Pantone, аналогов российских сайтов экологического
форума, и трендов 2019-2020 года.
Основными природными цветами являются градации светлых и
темных цветов, таких как: синий, желтый и красный. Их дополнительные
цвета такие как: оранжевый, рыжий, болотный, зеленый, голубой, и
коричневый, имеют множество проявлений в творчестве художников разных
эпох.
По проведенному исследованию описанной в главе «1.6 Влияние цвета
на психологию человека», можно понять что цвет может ассоциироваться у
человека с разными эмоциональными состояниями, в разные времена их
символика менялась, но смысл оставался тот-же. Так на примере методики
Биоэнергетика, можно узнать, как влияет цвет на человека вне зависимости
его веры, пола, образования и социального статуса.
Так как цветовая гамма для экологического форума необходима в
спокойных тонах, но с яркими акцентами, были выбраны следующие цвета
(рис.18).