Дипломная работа: Графическая концепция web-сайта
Внимание! Если размещение файла нарушает Ваши авторские права, то обязательно сообщите нам
57
Важность типографики. Флэт дизайн призывает крайне осторожно
работать со шрифтами. То есть их характер обязан дополнять дизайн-схему, не
противореча ей. Можно даже сказать, что в плоском дизайне шрифт – это
главный навигационный элемент.
Цветовые акценты. Не только шрифт, но и цвет – существенная часть в
«плоском» дизайне. В подавляющем большинстве цветовая гамма сайта
состоит из двух или трех цветов, хотя, конечно, есть и исключения. Обычно
выбираются сильные и яркие, но при этом чистые и открытые цвета. Как было
отмечено, нет никаких градиентов и излишних переходов.
Выбор в пользу минимализма. Flat дизайн – это яркий пример такого
всемирного тренда, как минимализм. Дизайнеры отказываются от излишних
эффектов, уходят от сложных и строгих подходов и отдают предпочтение
визуализации, что дает влияние в виде пользовательской активности.
Также набрал популярность стиль Semi Flat Design. Речь идет о полу-
плоском дизайне. Это наиболее распространенное применение описанного
концепта, когда вместе с простыми и лаконичными элементами и двумерным
пространством дизайнеры применяют 1-2 приема для глубины и перспективы.
Находясь под влиянием Material Design
10
, он стал немного более
пространственным. Появляются воздушные тени, которые делают дизайн
полуплоским. Флэт-дизайн актуален и сегодня, за счет таких теней он стал
интереснее и сложнее, но основная концепция не нарушается.
В заключении следует сказать, что вышеописанный стиль отлично
подходит для молодой аудитории своим привлекающим, но при этом не сильно
загруженным интерфейсом, благодаря авторским иллюстрациям и неброских
приятных цветов.
10
Material Design — стиль графического дизайна интерфейсов программного обеспечения и
приложений, разработанный компанией Google. Впервые представлен на конференции Google I/O 25 июня 2014
года.
58
2.6 Выбор программных средств для разработки графической концепции
web-сайта
Для разработки графической концепции web-сайта данного дипломного
проекта была использована программа adobe illustrator. Данная программа
удовлетворяла мои потребности и обладала всеми необходимыми
функциональными возможностями.
Adobe Illustrator является лидером рынка в области коммерческих
средств для работы с векторными объектами. Это один из самых популярных
инструментов для векторного рисования и редактирования художественных
работ. Редактор дает возможность графические проекты во всех стандартных
форматах, а также предоставляет функции печати и размещения на веб-
ресурсах.
Рис. 2.13. Рабочая среда Adobe Illustrator.
Программа разработана специально для разработчиков в области
графического дизайна. Её можно использовать как для личного пользования,
так и в крупных компаниях для создания различных векторных материалов.
Система предоставляет инструменты для реализации эскизов, типографики,
иллюстраций, логотипов, визиток, а также графики для видеоигр, декораций и
одежды.
Предусмотрен широкий выбор фильтров и спецэффектов. Adobe
59
Illustrator работает с векторной, а также с более привычной растровой
графикой. Программа дает возможность использования разнообразных кистей и
карандашей для рисования, загрузки различных шрифтов, синхронизации
цветов, инструменты кривизны и прочие инструменты для работы с
векторными объектами. Также благодаря Adobe Creative Cloud можно
приглашать участников к совместной работе и делиться творчеством, что
делает программу удобной для групповых работ, например, в учебных
заведениях.
60
ГЛАВА 3. ЭКОНОМИЧЕСКИЙ РАСЧЕТ ПРОЕКТА
3.1 Технологическая карта
Была разработана карта в проекте производства схема технологического
процесса создания графической концепции веб-сайта (см. таблицу 5).
Таблица 5
Технологическая карта
№
Этап
Визуализация
Инструмент
ы
1
Была
построена
12-ти
колоночная
сетка
Adobe
illustrator
2
Разработан
макет
Adobe
illustrator
61
3
Была
произведена
примерная
разметка
расположени
я объектов на
бумаге
Карандаш,
бумага
4
Далее были
нарисованы
иллюстрации
Adobe
illustrator
5
Следующим
этапом была
сборка всего
контента на
страницах
сайта. Первой
была
стартовая
страница
Adobe
illustrator
6
Далее
собрана
страница
раздела «для
кого»
Adobe
illustrator
Источник: https://baza.diplomsite.ru/previewfile/756