Дипломная работа: Графическая концепция веб-сайт
Внимание! Если размещение файла нарушает Ваши авторские права, то обязательно сообщите нам
«Красивая типографика» - стиль подразумевает использование
нестандартных шрифтов в заголовках. Основной упор стиля идет на текст, потому
обилие иллюстраций здесь не подходит (рис. 2.27).
Рисунок 2.27. Сайт в стиле «красивая типографика»
«Классика» - отличие стиля в том, что он придерживается строгих правил
оформления: четкая колончатая структура; меню только в верхней части справа или
слева; мягкие, сдержанные тона; шрифты классические, стандартные (рис. 2.28).
Рисунок 2.28. Сайт в стиле «классика»
«Корпоративный» - данный стиль должен полностью соответствовать духу
и идее компании (рис. 2.29).
Рисунок 2.29. Сайт в стиле «корпоративный»
«Информационный» - основой данного стиля является информация, главное
в стиле это удобный интерфейс. Стоит строго придерживаться наполнения данного
сайта: «если без картинки можно обойтись, то не стоит ее оставлять» (рис. 2.30).
Рисунок 2.30. Сайт в стиле «информационный»
«ORGANIC & NATURAL» - применение органического стиля разнообразно,
т.к., основной акцент приходится на визуализацию, а не особенности строения
страницы или ее информативность (рис. 2.31).
Рисунок 2.31. Сайт в стиле «органический»
Цветовая концепция и графическое наполнение в данном стиле необходимо
создавать в природных тонах, не применяя кислотных цветов. Хорошо смотрятся
оттенки зеленого и коричневого. Для фона можно использовать пейзажи, текстуры,
к примеру, ткани, воду, органическую бумагу. Показать органическую
направленность стиля можно, использовав рамки для в форме веток или цветов.
Выбор шрифтов также разнообразен. Уже разработаны «органические»
шрифты, у которых имеются различные завитки, округлые линии и различные
декоративные элементы. Но, подобные шрифты оставить для оформления
заголовков или меню, а для информационного блока выбрать более традиционные
варианты. Цветовая концепция должна соответствовать «природной» палитре, но
лучше отдавать предпочтение темному шрифту на светлом фоне, т.к., читать такой
текст значительно проще, ведь в данном случае используется контраст.
Для проекта был выбран «органический» стиль. Выбранный цвет для фона
соответствует цвету неба на титульной иллюстрации, отсутствуют текстуры, для
удобночитаемости, но присутствуют иллюстрации подразумевающие
органический стиль (рис. 2.32).
Рисунок 2.32. Скриншот страницы
2.7. Построение сайта
Чтобы создать успешный сайт стоит для начала ответить на некоторые
вопросы.
1. Какие задачи ложатся на сайт? - информирование пользователей о
экологическом стиле жизни.
2. На каких пользователей рассчитан проект? - заинтересованных в здоровом
существовании себя и окружающего мира.
3. Что нужно донести до пользователей? - как изменить свою жизнь в лучшую
сторону и как помочь измениться миру.
4. Какая функциональность будет заложена в веб-сайт? - удобное меню.
Процесс разработки веб-сайта состоит из следующих этапов:
1. Маркетинговое планирование. На этом этапе выясняются сами основы
создаваемого сайта.
2. Дизайн сайта. Показывает ли дизайн отличие от конкурентов? Не помешает
ли дизайн продвигать сайт?
3. Верстка – это перевод дизайна в HTML-код.
4. Система управления сайтом (CMS). Важной задачей является выбор
программного «движка», позволяющего обновлять информацию на сайте без
сложностей. Иногда нужно изменять структуру сайта, этот процесс не должен
вызывать трудностей.
6. Тестирование и выкладывание. Нужно проверить во всех ли сайтах
работает сайт, все ли необходимые материалы размещены, все ли компоненты
работают слажено и четко?
2.7.1 Сетки для веб-интерфейса
Сетка Bootstrap. В основном, 12 столбцов с отступами (рис. 2.33, 2.34).
Рисунок 2.33. Сетка Bootstrap
Источник: https://baza.diplomsite.ru/previewfile/475