Диплом: Графическая концепция web-сайта

Внимание! Если размещение файла нарушает Ваши авторские права, то обязательно сообщите нам
27
для сайтов, которым необходимо предоставить значительный объем
информации и при этом не перегрузить пользователя обилием текста. В этом
стиле веб-дизайна весь контент распределен по карточкам единой модульной
сетки, как например в стартовом меню Windows 8.
Яркий и выразительный дизайн метро изначально минималистичен,
легко читается и адаптируется под различные виды устройств, и при этом ему
удается обеспечивать безграничное количество вариантов развития для
творческого порыва. Его характерными чертами являются плоские элементы
без теней и градиентов, заметные цветовые акценты, карточная или плиточная
структура, современные интересные шрифты.
Рис. 1.18. Сайт Manual
Flat дизайн. Направление, появившееся в 2012 году, стало своеобразным
антиподом скевоморфизма, который любил передать реальные объемы, тени.
Плоский дизайн представляет собой упрощение цифрового пространства и
ставит акцентом двухмерные элементы.
Контенту уделяется основное место, графические элементы не
отвлекают на себя внимание пользователя, а помогают ему получить
информацию. Значительная роль отводится типографике, которая не должна
быть обычной. Расположение разделов и элементов структуры ресурса строится
по интуитивно понятному шаблону. Дозволяется использовать яркие оттенки,
крупноформатные фото, иллюстрации, видео, но не в изобилии.
28
Рис. 1.19. Сайт Joy
1.5 Влияние цвета на психологию человека
Создание сайта представляется сложным и дорогостоящим процессом,
поэтому многие специалисты бизнеса ограничиваются страничкой в
социальных сетях, но этого часто становится недостаточно. Собственный сайт -
это не только имиджевый элемент, но и реальная необходимость, ведь сайт
открывает новые возможности для привлечения клиентов, а также выполняет
продающую функцию. Однако при создании сайта возникает ряд вопросов,
решения которых повлияют на работоспособность сайта, его конверсию. Одной
из таких проблем становится выбор цветового решения.
Цвет является мощным средством воздействия на психику человека. Вся
сила цвета заключается в том, что он способен психологически пройти через
защитные механизмы человеческого сознания и действовать на
бессознательном уровне. Поэтому цвет становится очень привлекательным
средством для психологических манипуляций
3
. Широкое использование цвета
на современных Интернет-ресурсах для восприятия информации ставит все
более сложные задачи перед институтом цвета.
Использование цветов и их сочетаний в коммерческих и личных целях
основывается на теории цвета или психологическом и эмоциональном
восприятии цвета людьми. Именно грамотное цветовое оформление в дизайне
3
Аарон У. Эмоциональный веб-дизайн. Издательство: Манн, Иванов и Фербер, 2012г. С. 34 [1].
29
страниц играет ключевую роль в достижении поставленных перед интернет-
ресурсом целей путем коррекции восприятия пользователями веб-страниц.
Удачное цветовое решение в оформлении сайта, торгового знака,
упаковки товара привлекает покупателей, побуждает к приобретению услуги/
товара.
Визуальное оформление любого сайта предполагает тщательный подбор
цветовой гаммы, или сочетания цветов и оттенков с целью достижения того или
иного подсознательного эффекта на пользователя. Существуют множество
способов подбора цветов, однако наиболее эффективными и часто
используемыми считаются триада, двойная комплементарная система и выбор
цветов-аналогов
4
.
Стоит учитывать, что восприятие цвета зависит от эмоционального
состояния человека. Оно формируется в результате взаимодействия с
окружающим миром и зависит от образа жизни на протяжении длительного
периода развития. Цвет способен не только вызывать у человека
соответствующую реакцию, но и определенным образом формировать его
эмоции. Правильно подобранное цветовое решение помогает улучшить
понимание информации
5
.
Для того чтобы понять, как «работают» некоторые цвета, необходимо
понимать их психологию, знать для каких ситуаций они наиболее подходят,
какие имеют ограничения при использовании.
Так, например, синий цвет часто используется в веб-дизайне благодаря
эмоциям, которые он вызывает. Он ассоциируется со спокойствием,
безмятежностью, доверием и порядком. Однако это цвет не следует
использовать в сфере питания. Связано это с тем, что в природе не так много
продуктов питания данного цвета. Синий это ощущение спокойства и
гармонии. Ему присуще релаксирующее действие на нервную систему. Он
успокаивает, уравновешивает, контролирует. Обычно этот цвет используется
4
Иттен И. Искусство цвета. Издательство: Аронов, 2018г. С. 96. [7].
5
Аренс В.Ф. Вейголд М.Ф. Аренс К. Современная реклама. Издательство: Эксмо, 2010г. С. 138. [4]
30
компаниями, для которых важны прозрачность и доверие, например, сайты
«вконтакте», «Аэрофлот», «Газпром» и «ВТБ».
Самым сильным цветотерапевты называют красный цвет. Начало
спектра. Данный цвет может создать приподнятое настроение, но
переусердствовать с ним нельзя, так как при долгом воздействии он может
переутомить нервную систему, снизить работоспособность и может вызывать
негативные эмоции.
Однако существует множество оттенков этого цвета. Красный может
стать как символом агрессии, так и счастья. В последнее время набирает
популярность теория о том, что такие бренды как mcdonald's и Burger King
используют красный цвет в своих логотипах и при оформлении ресторанов, так
как это повышает аппетит, провоцирует чувство голода. Кроме того, часто
красный используется в оформлении сайтов СМИ, таких как «Деловой
квартал», «24sibinfo».
Оранжевый цвет поднимает настроение; избавляет от депрессии; создает
ощущение жизнерадостности и приветливости, бодрит, активизирует, усилят
характер, веселит. Такой цвет дает чувство благополучия, ассоциируется с
теплотой, уютом, при этом вселяя жизненный тонус. Оранжевый обычно любят
творческие и креативные люди. Это цвет солнца и неподдельной радости. Его
оттенки усиливают аппетит и повышают работоспособность. Часто такой цвет
используют при работе в области торговли и недвижимости.
Желтый цвет ассоциируется с радостью и счастьем. Самый яркий и
лёгкий в палитре. Он относится к первичным цветам триады, вместе с красным
и синим. Этот цвет способен усилить наши эмоции, ассоциируясь с
воспоминаниями из прошлого. Например, радостью при виде солнца или
гирлянды на елке, не зря желтый цвет используется в изображениях «эмодзи» в
социальных сетях. С другой же стороны, желтый - это цвет предупреждения,
привлечения внимания. Поэтому он используется в предупреждающих
дорожных знаках. Желтый активно используется в дизайне сайта такими
брендами, как «Тинькофф», «Роснефть», а также «Яндекс».
31
Основные ассоциации с желтым это энергия, оптимизм, знания,
зрелость и самодостаточность. Этот цвет успокаивает и расслабляет. Желтый
цвет присваивают к интеллекту, так как он благоприятно влияет на память,
стимулирует творческую деятельность и мыслительный процесс.
Однако различные оттенки желтого могут оказывать разное влияние на
мозговую деятельность человека. Взять, например, лимонный и медовый.
Медовый оттенок является более зрелым так как ассоциируется с осенью, с
вечером. А лимонный ассоциируется с осенью и утром. Хотя они и похожи, но
по своему воздействию они дают разные эффекты. Более холодный оттенок,
такой как лимонный может поднять настроение, повлиять на мозговую
деятельность, придаст заряд бодрости и позитивный настрой.
Желтый стимулирует правое полушарие, которое отвечает за креатив. С
помощью него можно развивать свои навыки и таланты.
Зеленый – это свежесть, естественность, цвет природы, развития и
стабильности. Зеленый получается от смешения синего, который дает
расслабляющий, безмятежный эффект, и желтого, дающего хорошее
настроение. Это своеобразный переход от теплого цветового решения к
холодному. Также зеленый цвет способен играть важную роль при призыве к
действию, особенно если он выделяется на общем фоне сайта, поэтому нередко
можно встретить кнопку «купить» или «заказать» именно такого цвета.
Правильный оттенок позволит обозначить сферу деятельности компании сайта.
Так, например, темно-зеленый часто используется для обозначения денежных
купюр, поэтому выгодно смотрится на сайтах, связанных с экономикой
(например, Сбербанк, карты «Мир»), а нейтральные оттенки зеленого в
основном используются на сайтах эко-продукции. Зеленый освежает и
позволяет сохранять бодрость и оставаться в тонусе
Фиолетовый это один из самых недооценённых цветов. С одной
стороны, он неразрывно связан с оккультизмом и тайными знаниями, с другой –
вызывает ассоциации с инфантильным поведением и незрелостью. Фиолетовый
предпочитают уверенные в себе, таинственные и творческие люди, а также
32
люди, которые увлекаются мистикой. Так как фиолетовый состоит из двух
противоречащих друг другу цветов, красного, который символизирует
лидерство и бодрость, и синего, дающего расслабляющий, успокаивающий
эффект, он считается довольно тяжёлым и неоднозначным. Может угнетать и
негативно влиять на нервную систему и мотивацию. Его выбирают люди в
период неустойчивой ситуации. Но фиолетовый цвет может активизироваться,
если его дополнить зеленым.
Кроме основных цветов существуют так называемые нейтральные цвета
– черный и белый. Самый важный из них – чёрный. Его используют
практически на любом сайте. В зависимости от сочетаемых с ним цветов он
может вызывать различные ассоциации, либо же перетягивать все внимание на
себя. Нейтральность и лаконичность чёрного позволяют оформлять с его
помощью большие блоки текстов. Не рекомендуется использовать черный как
основной цвет, так как он может создать отрицательное впечатление от сайта
или даже ассоциироваться с негативом. Чаще всего чёрный используют тогда,
когда необходимо создать ощущение изысканности и благородства. От
сочетания черного и белого можно добиться впечатления элегантности и стиля
в минималистичном дизайне как например на сайте компании Nike.
Обильное использование белого цвета на сайте способно создать
ощущение простора, свободы. Использование белого пространства является
важным элементом дизайна и активно применяется в популярном плоском и
материальном дизайне. В последнее время белый цвет активно используется в
оформлении сайтов, так, например, сайт красноярского книжного магазина
«Бакен» выполнен в черно-белой стилистике с акцентом на белом цвете.
Серый цвет находит одобрение у рассудительных людей. С одной
стороны, он абсолютно нейтрален, а с другой – у него существует большое
количество разнообразных оттенков и вариаций, он служит атрибутом
солидности и благородства. Серый часто выбирают, надевая деловую одежду
или оформляя офисы, так как он выступает в роли своеобразного
психологического барьера. Его светлые оттенки способствуют расслаблению,
33
как и синие. Серый отлично гармонирует с большинством цветов спектра.
Коричневый, как и зелёный, обладает успокаивающим действием. Он
может создать меланхоличное, даже немного тоскливое, размеренное
настроение, вызывает ощущение спокойствия, одновременно является
сдержанным. Данный цвет символизирует безопасность, надежность, семейный
уют, поэтому с его помощью можно оформить сайт с уютной домашней
мебелью. Олицетворяет стабильность, преданность. Эта гамма направлена на
то, чтобы снизить возбудимость.
В связи со всем вышесказанным, следует учитывать, что понимание
психологии восприятия цвета является одним из важнейших факторов при
создании сайта
6
. Изучение влияния на сознание и поведение потребителя
весьма важно для создания интернет-пространства не только для демонстрации,
но и для продажи товара и услуги.
1.6 Аналоги web-сайтов
Любая компания, выходящая на большой рынок, с самого начала,
сталкивается с преградой, которая заставляет ее четко подстраивать и
регулировать свою деятельность под параметры рынка. Этой преградой
являются другие организации, которые так же работают в данной сфере, то есть
конкуренты.
Чтобы иметь шансы выстоять в случае каких-либо весомых изменений в
конкурентной среде каждая организация должна постоянно анализировать свое
конкурентное положение относительно участников своей и других
стратегических групп. Следовательно, проведение исследования конкуренции
является важнейшей задачей любой начинающей компании.
Для выхода Агентства «Anielio» на большой рынок необходимо
проанализировать конкурентов и дать независимую оценку.
Первым на рассмотрение является сайт представляющий недорогой курс
6
Юлия С. Современный веб-дизайн. Эпоха Веб 3.0. Издательство: Диалектика-Вильямс, 2013г. С. 114
[15]
34
(см. таблицу 1), который проходит в формате психологического квеста для
развития навыков лучшего понимания себя и проработки личности. Создателем
курса является блогер и владелец агентства по продвижению в социальных
сетях 25-летняя Анастасия Меланьина.
Ссылка на сайт: https://anastasili.ru/intensiv.
Рис. 1.20. Стартовая станица сайта Anastasili
Целевая аудитория компании:
Возраст – от 17 до 30 лет;
Пол – в основном женщины;
Финансовое положение – среднее;
Гео-данные – Россия и СНГ.
Таблица 1
Тарифы курса
Название
Стоимость
1
Квест-комната «Состояние»
900 р.
2
Квест-комната
900 р.
3
Квест-комната
900 р.
4
Все 3 квеста
2700 р.
5
Квест-комната
900 р.
6
Квест-комната
900 р.
7
Квест-комната
900 р.
8
Все 3 квеста
2490 р.
Следующим рассмотрим сайт, представляющий десятидневный марафон
«Миллионерята» для тех, кто хочет выйти на высокий стабильный заработок.
Марафон создан и разработан для тех, кто хочет получить дополнительные
35
навыки, такие как написание резюме, успешный поиск клиента и с помощью
полученных знаний выйти на более высокий и стабильный доход, для тех, кто
хочет полностью перейти на удаленную работу и иметь стабильный доход.
Также он подойдет тем, у кого уже есть базовые навыки и кому нужна
дополнительная мотивация. Ссылка на сайт: http://nioly.ru/nillionere#program.
Рис. 1.21. Стартовая страница сайта Nioly
Целевая аудитория сайта:
Возраст – от 15 до 24 лет;
Пол – в основном женщины;
Финансовое положение – ниже среднего;
Гео-данные – Россия и СНГ.
Услуга, представленная на сайте, существует всего одна: Миллионерята,
стоимостью 1500 р.
Ниже рассматривается сайт, собравший в себе вебинары, различные
инфопродукты, курсы и гайды (см. таблицу 2) популярного блогера
Александры Митрошиной. Саша проводит вебинары по блогерству, питанию и
фитнесу, которые всего за несколько часов помогут пользователям добиться
своих целей. Ссылка на сайт: https://mitroshina.org/#shop.
36
Рис. 1.22. Сайт Митрошиной Александры
Целевая аудитория:
Возраст – от 15 до 30 лет;
Пол – мужчины и женщины;
Финансовое положение – среднее;
Гео-данные – Россия и СНГ.
Таблица 2
Инфопродукты
Название
Цена
1
Курс «Точный фитнес» Уровень 1 1999
1999 р.
2
Курс «Точный фитнес» Уровень 2 1999
1999 р.
3
Курс «Точный фитнес» Уровень 3 999
999 р.
4
Курс «Пленочная фотография» Базовый
4990 р.
5
Курс «Пленочная фотография» Премиальный
9990 р.
6
Курс «Пленочная фотография» Индивидуальный
29990 р.
7
Курс «Мобильная фотография» Базовый 2490
249 р.
8
Курс «Мобильная фотография» Премиальный 4990
4990 р.
9
Курс «Мобильная фотография» Индивидуальный
49990
49990 р.
10
Курс «Цифровая фотография»
Бесплатно
11
Лонгрид «Как устроен рынок инста-блогеров»
Бесплатно
12
Гайд «Все блогеры делают ЭТО»
Бесплатно
13
Гайд «Как зарабатывать, если ты не блогер»
Бесплатно
14
Вебинар «Как достичь своих целей и не сдохнуть»
Бесплатно
15
Трекеры привычек
Бесплатно
16
Чек-лист «150 тем для постов»
Бесплатно
17
Чек-лист «70 идей | Трекер привычек»
Бесплатно
18
Чек-лист «50 бомбовых идей для сториз»
Бесплатно

Смотрите также:

"Автоматизация обработки заявок ООО "Проектно-Строительная Компания"
"Автоматизация процесса аттестации персонала для ООО "Нэт Бай Нэт Холдинг"
"Анализ интернет-активности конкурентов ( на примере конкурентов "Газпром нефть")
"Бухгалтерский учёт и аудит расчётов с подотчётними лицами в организации на примере ООО "ЛОЦ 10""
«Психологическое сопровождение персонала в организации на примере ООО «Крокус»
Agile-методология в управлении проектами на примере ООО «Ресурсный центр «Академия КлассИнфо»
Aвтoмaтизaция пpoцecca вeдeния инфopмaциoннoй бaзы o дoлжнocтяx и вaкaнcияx c укaзaниeм тpeбoвaний к уpoвню знaний и нaвыкoв кaндидaтoв для гpуппы кaдpoв вoйcкoвoй чacти 3474»
Cовершенствование деловой оценки персонала в организации (на примере ООО "Даймонд кейтеринг развитие")
Cовершенствование управления рентабельности предприятия (на примере гуипп «бендерская типография «полиграфист»)
Event - менеджмент: реализация проекта (на примере ООО "АГРОПАК")