49
Рис. 18. Выбранная цветовая палитра
Данная цветовая палитра имеет один основной цвет, 2
дополнительных, и ахроматические контраст. Такой выбор был обоснован тем
что, желтый цвет вызывает у человека сильные положительные эмоции, также
как и голубой. Их сочетание прекрасно сказывается на подсознание человека,
вызывая поток эндорфина в крови. Ахроматические цвета символизируют
собой зарождение и конец жизни и имеют прекрасную комбинацию цвета с
основными и дополнительными спектрами. Так же белый основной текст
удобочитаем на темном фоне, как и черный на белом. Зеленый-болотный как
представитель растительности от стиля Organic & Natural играет важную роль
в оформлении сайта, как визуальное наполнение в виде: веток, листвы, травы
и других растений.
2.6 Выбор и обоснование шрифтового решения
Для разработки Нейминга, Логотипа и другой текстовой
составляющей, был проведен анализ шрифтовых констант и подбор моделей
максимально отвечающих проекту.
Основные задачи шрифта в проекте, являются:
- Удобочитаемость
- Узнаваемость
- Актуальность
В процессе поиска нужной гарнитуры, были исключены варианты с
50
засечками и шрифты не поддерживающие русскую раскладку. По основным
критериям и задачам были подобраны такая гарнитура как:
- Aqum
- Bahnschrift
- Arial
- Acumin Variable Concept
- Source Sans Variable
- Calibri
- Corbel
- LuzSans-Book
Каждый из гарнитур отличался по форме букв, линиями и
межбуквенными пробелами. Но более подходящий для выполнения
поставленных задач подходят такие гарнитуры, как Aqum и Bahnschrift. Так как
шрифт Aqum является геометрически округлым шрифтом без засечек и содержит
все заглавные буквы, цифры и символы, поддерживающие латиницу и
кириллицу, он является удобочитаемый для заголовка. Bahnschrift более
подходит для основного текста, так как он также без засечек и удобочитаем с
разных носителей, вне зависимости от формата.
Рис.19. Подобранное шрифтовое решение
2.7 Разработка логотипа
51
Основная разработка фирменного блока началась с ментальной карты
Нейминга (рис. 15), каждый элемент строится на ассоциативном ряде, тем или
иным связанным с тематикой работы.
Задача логотипа: Основываясь на древнеславянскую языческую
мифологию, создать символ природы и старых традиций чтобы привлечь
общественность к мировой проблеме.
Экологический форум представляет в себе множество возможностей и
направлений. Систематизировав варианты, и объединив их с языческой
мифологией Древней Руси были выведены следующие варианты нейминга, на
русском и английском языке:
Русский вариант:
- ТриГлава (Триглава)
- Вода-Царица (Царица - Вода)
- Языческая Экология
- Прородители Жизни
- Соприкосновение Природы
- Место Жизни
- Мать Сыра Земля (М,С. З.)
- Время МСЗ
- Дислокация воды
- Дислокация Природы
- Время Жизни
- Эко-Времени (Eco-Time)
- Природный цикл
- Душа Природы
- Эмоция Жизни
- Трехликая Жизнь
- Опыт природы
- Неживая эмоция
- Трехглавая гибель
52
- Языческое соприкосновение природы
English var.:
- 1. Triglav (Triglav)
- 2. Water-Tsarina (Tsarina-Water)
- 3. Pagan Ecology
- 4. The Progenitors Of Life
- 5. The Contact Of Nature
- 6. A Place Of Life
- 7. Mother Of Cheese Earth (M, Sz)
- 8. MSZ Time
- 9. The deployment of water
- 10. Dislocation Of Nature
- 11. Lifetime
- 12. Eco-Time (Eco-Time)
- 13. Natural cycle
- 14. The Soul Of Nature
- 15. The Emotion Of Life
- 16. Three-Faced Life
- 17. Experience nature
- 18. Inanimate emotion
- 19. Triceps death
- 20. Pagan contact of nature
Под соответствие поставленных задач, и проведенному общественному
мнению был подобран нейминг - Life Time. В процессе разработки
графического решения логотипа, были рассмотрены варианты решения в связи
с соответствие тематики, соотношения к стилю и трендов 2020 года.
В тренды 2020 года входят такие приемы как:
- Черно-былые логотипы
- Тонкие линии
- Шрифтовые и совмещенные логотипы
53
- Оригинальное оформление
- Минимализм
Графическое оформление так же было подобрано в виде
каллиграфического оформления славянской письменности с добавлением
стилистического решения основанного на языческих рунах, имеющие
определенную символику (Рис.22).
По суеверным традициям каждая руна обладала определенной силой,
целью и ролью. В логотипе использовались такие руны как:
Исток – олицетворение энергию льда и корень жизни:
2.8 Разработка сценария для функционала сайта
Для большего функционала и удобства использования сайта, на основе
исследования аналогов конкурента был составлен сценарий по переходу на
сайте. Сам переход производится перемоткой изображения с помощью колесика
компьютерной мышки по иерархической структуре. Повествование ведется от 3-
ого лица, «рассказчика», описывая проблемы, и пути решения экологического
форума. Сценарий представляет собой схему, которая в соответствие с
прописанной ранее системой, демонстрирует переходы по веб-ресурсу, в виде
не большого меню, от главной страницы в остальные отделы. В сценарий
проекта будут водить такие разделы как:
1) Главная страница
2) О форуме
3) Программа
4) Место проведения
5) Билеты
6) Контакты
1) Главная страница – это лицевая и первый отдел сайта. На ней будет
располагаться: Логотип, название мероприятия, дата и время мероприятия,
меню кнопок по сайту, фон с иллюстрацией.
2) О форуме – второй отдел сайта. В этом отдел сайта предполагает
54
собой рассказ о самом форуме, и отвечает на ряд таких вопросов как: почему
его надо посетить, зачем его посещать, что будет если не обратить внимание
на проблему экологии, и кто будет присутствовать для решения этой
проблемы.
3) Программа мероприятия – представляет собой размещение даты и
времени, и описания мероприятий в тот или иной день с уточнением времени.
4) Место проведения – подразумевает собой уточнение адреса,
индекса, и предварительно карта расположение объекта.
5) Билеты – в этом разделе будет расписана стоимость билета в
рублях для студентов и взрослых, и перенаправление с помощью кнопки на
сайт покупки билета.
6) Контакты – это раздел окончательный фрейм сайта, так как в нем
указывается контактная информация организатора, его страницы в
социальных сетях, адрес центрального офиса, партнеры, номер телефона, и
сайт организатора мероприятия.
Для привлечения внимания пользователя в Главной, будет описана
основная проблема мировой общественности, так как основная задача форума
— это экологическая катастрофа загрязнения промышленным мусором, и
пластиковыми продуктами. Для того чтобы заинтересовать пользователя,
нужно описать саму проблему, степень опасности и угрозы. Для этого будет
использоваться следующий текст:
На протяжение многих лет человечество пытается решить
экологические проблемы по всему миру. В мире существует множество
экологических проблем таких как: загрязнение водных ресурсов, загрязнение
воздуха, загрязнение почвы мусором, и т.д, но самыми актуальными
проблемами являются загрязнение рек, воздуха, и отравление биосферы
пластиком. Всемирная организация здравоохранения привела данные по этой
теме за 2014 год. Из-за загрязнения воздуха в мире умерло около 3,7 млн.
человек. Почти 7 млн. человек умерло от воздействия на организм
загрязненного воздуха. И это за один год [4].
55
С каждым годом потребность сбережения водных ресурсов возрастает.
Россия является лидером по запасам пресной воды, но вода более 70% рек
загрязнена и не подходит даже для технического использования. Одна из
причин – это нехватка водоочистительных сооружений. То оборудование,
которое используется, в основном уже устарело, поэтому процесс очистки
воды столь слабый в нашей стране [16].
Из 500 тысяч, ежегодно рождающихся альбатросов, погибают более
200 тысяч, от обезвоживания и голода. Взрослые птицы принимают
пластиковый мусор за еду и кормят им птенцов. Как следствие, желудки
пернатых забиваются пластиковыми отходами. Крышками от бутылок, в
которые так охотно производители разливают газированные напитки.
Пакетами, в которых мы принесли домой два помидора, и, не задумываясь,
выбросили в мусор [8].
Но чтобы не пугать пользователя, и не «спугнуть» его с сайта, во главе
О Форуме, будет приводится следующий текст, чтобы привлечь человека к
надежде решения данной проблемы, и приведение мысли – поучаствовать в
решении этой проблемы. Ведь каждому человеку в душе хочется сделать мир
лучше для себя и своего будущего поколения.
Сам текст выглядит так:
«С 2009 года было придумано более 10 видов и более 100 различных
конструкций для решения такой масштабной проблемы.
Подход к вопросам экологии необходим комплексный. Он должен
включать в себя долговременные и плановые мероприятия, направленные на
все сферы жизни общества.
Для кардинального улучшения экологической обстановки, как на земле
в целом, так и в отдельно взятой стране, необходимо осуществлять меры
такого характера: Правового, Экономического, Технологического,
Организационное. Архитектурное
Если ты хочешь принять участие в решении этой ужасной проблемы, и
помочь нашей планете, приходи на Экологический форум LIFE TIME, и узнай,
56
что именно ты можешь сделать для своего дома!». Для упрощённого
восприятия информации сценария, данный текст может быть применен в виде
инфографики, так как она визуально более восприимчива.
Рис.19. Блок-схема сайта
2.9 Подбор и разработка композиционного решения
По проведенному анализу, указанному в исследовательской главе,
были изучены такие разновидности сетки, а именно:
- Колоночной
- Модульной
При этом структура сайта подразумевает не только построение сетки,
но и композиционное решение, для размещения важного информационного
блока. Композиция сайта может представлять собой такие варианты как:
- Правило третей
- Пространство
- Визуальная иерархия
Правило третей – один из принципов построения композиции. Это
метод, который предполагает разделение композиции на девять равных
частей. Деление проводится двумя горизонтальными и двумя вертикальными
линиями, расположенными на одинаковом расстоянии друг от друга. В итоге
57
это создает четыре опорных точки, вдоль или в пределах, которых
рекомендовано располагать композицию.
Рис.20. Правило третей в композиции
Пространство – это метод позволяющий соблюдать определенные
пропорции, не позволяющие перегружать сайт излишком информации, текст,
фото, видео, и другим визуальным контентом для более простого и понятного
освоения информации.
Визуальная иерархия - это организация и оформление информации
таким образом, чтобы посетитель мог быстро разобраться с интерфейсом и
отличить главное от второстепенного. Существует несколько приемов
визуальное иерархии:
- Размер элемента
- Структура в типографике
- Композиция на странице
- Повторение и группировка
- Цвет
- Белое пространство
Композиция на странице – это методика на странице, которая помогает
понять где именно расположить ту или иную информацию. Пользователь не
58
осознано анализирует информацию на психологическом уровне, при входе на
сайт. Существует 2 схемы по которой пользователь анализирует сайт: схема Z
и схема F.
Схема Z - работает для lending page и промо-страниц, то есть сайтов с
небольшим количеством текста: по верхней горизонтали расположены
названия разделов сайта, далее взгляд скользит по диагонали вниз, (пересекая
центральное поле с изображением) и переходит к блоку информации в нижней
части (рис.21).
Рис. 21. Схема Z в композиции страницы
Схема F - как правило, работает на страницах с большим количеством
текста, где основной текстовой блок может быть расположен в широкой
вертикальной колонне слева, в то время как справа находятся заголовки
других статей, которые глаз выхватывает точечно (рис.22).