Дипломная работа: Графическая концепция веб-сайт
Внимание! Если размещение файла нарушает Ваши авторские права, то обязательно сообщите нам
Рисунок 2.34. Сетка Bootstrap
Сетка Google Material Design - сетка из 12 колонок создает визуальную
согласованность между элементами (рис. 2.35).
Рисунок 2.35. Сетка Google Material Design
Сетка Flexbox - старая система верстки блоков HTML, используется крайне
редко (рис. 2.36).
Рисунок 2.36. Сетка Flexbox
Custom modular grid based HTML - система из 6 и 12 блоков, дизайнеры ее
изменяют (рис. 2.37).
Рисунок 2.37. Сетка Custom modular grid based HTML
Для данного проекта была использована сетка Bootstrap (рис. 2.38).
Рисунок 2.38. Сетка для сайта
2.8. Нормативные документы для проектирования веб-сайта
Стандарты для веб-разработки.
ISO 13407 — прописан процесс разработки веб-сайтов,
ориентированных на пользователей. В стандарте описаны рекомендации по
организации процесса разработки интерфейсов и органичному созданию этого
процесса в общий процесс производства программного обеспечения. Описаны
методы юзабилити, необходимые для: определения контекста использования
продукта, выявления требований пользователей и заказчиков к системе,
прототипирования и тестирования продукта.
ISO 18529 — эргономика человеко-компьютерного взаимодействия —
описание процесса разработки веб-сайтов, направленных на пользователей.
2.9. Охрана веб-сайта
Многим владельцам сайтов важно сохранять индивидуальность концепции
сайта и секретности ее информации, а это возможно при использовании различных
видов прав интеллектуальной собственности:
Системы электронной торговли, механизмы поиска и другие
технические инструменты интернета могут охраняться за счет патентов;
Программное обеспечение, включая основанный на тексте код HTML,
используемый на веб-сайтах, может охраняться авторским правом и/или патентами
в зависимости от национального законодательства;
Графическая составляющая веб-сайта надлежит охранять авторским
правом;
Творческое содержание веб-сайта, как письменный материал,
фотографии, музыка и видео может охраняться авторским правом;
Базы данных могут охраняться авторским правом и или специальным
законодательством о базах данных;
Деловые названия, логотипы, названия продукции, названия доменов и
другие обозначения, расположенные на веб-сайте, могут охраняться в качестве
товарных знаков;
Выполненные с помощью компьютера графические символы, экранные
дисплеи, графические интерфейсы и веб-страницы могут охраняться с помощью
законодательства о промышленных образцах;
Скрытые аспекты веб-сайта (конфиденциальная графика, код
источника, код объекта, алгоритмы, программы и другие технические описания,
диаграммы данных, логические диаграммы, инструкции пользователя, структуры
данных и содержание базы данных) могут охраняться с помощью законодательства
о промышленных секретах до тех пор, пока они не раскрыты публики и владелец
сайта принимает разумные меры для сохранения их секретности.
Выводы по второй главе
Графическая концепция стиля жизни «eco-friendly» представляет из себя
иллюстративную визуализацию, контент связанный со стилем жизни и выполнено
все в органическом стиле. Значимость темы диплома «графическая концепция веб-
сайта для стиля жизни «eco-friendly» для дизайнерской практики заключается в том,
чтобы научиться передавать основную концепцию сайта в виде иллюстративного
материала и текста. Это тренирует навыки работы с графикой и версткой,
креативности, создания эргономичной визуализации. С приростом экологических
проблем, появляются неравнодушные к ним люди. Их волнует здоровье их детей и
близких. В связи с этим они с ответственностью подходят к поиску места для
проживания, где их семья сможет комфортно передвигаться по местности, где дети
смогут безопасно посещать учебное заведение и жить, не заботясь о том, чем дышат
и что едят.
В ходе дипломного проекта были использованы методы: синтеза и
обобщений; классификации, сравнений, системный, типологический;
стилистического анализа; дедукции.
Одна фраза моментально определяет тему и концепцию сайта, которую еще
лучше можно понять с помощью используемого цветового и шрифтового решения
и иллюстрации выполненной в органичном стиле, где цвета соответствуют цветам
природы – небо, зелень.
Была разработана иллюстрация для титульной страницы, на которой показан
мегаполис и большие парки. На некоторых иллюстрациях расположен главный
элемент с титульной иллюстрации – девушка на велике. Она присутствует на
иллюстрациях, дабы показать взаимодействие человека с заданными темами,
показать, как человек живет с этом. Велик означает – движение по жизни, с
легкостью и без вреда для окружающего мира, также с физическими нагрузками для
тела, чего не добьешься при простой прогулке пешком или управляя машиной.
На некоторых иллюстрациях расположен главный элемент с титульной
Источник: https://baza.diplomsite.ru/previewfile/475