Дипломная работа на тему "Графическая концепция веб-сайта"


Работа на тему: Графическая концепция веб-сайта. Год сдачи: 2020. Оценка: Хорошо. Количество страниц: 96. Оригинальность работы на момент публикации 50+% на антиплагиат.ру.
Ниже прилагаю все данные для покупки. Так же можете посетить мой профиль готовых работ: https://studentu24.ru/list/suppliers/Anastasiya1---1326
Количество страниц: 96
Демо работы
Описание работы
ЗАДАНИЕ
на работу


1. Тема работы:

Графическая концепция веб-сайта

2. Структура работы:
Введение
ГЛАВА 1. Исследовательско-аналитическая
1.1. История возникновения веб-дизайна
1.2. Построение модульной сетки веб-страниц
1.3. Эко-стиль жизни
1.4. Целевая аудитория
1.5. Анализ аналогов
1.6. Экспертная оценка аналогов
1.7. Перспективы развития
Выводы по первой главе
ГЛАВА 2. Проектно-графическая
2.1. Описание проекта
2.2. Взаимодействие пользователя и интерфейса
2.3. Цветовая концепция
2.4. Шрифт
2.5. Разработка фирменного блока
2.6. Стиль сайта
2.7. Построение сайта
2.7.1 Сетки для веб-интерфейса
2.8. Нормативные документы для проектирования веб-сайта
2.9. Охрана веб-сайта

Выводы по второй главе ГЛАВА 3. Экономическая
3.1. Стоимость работы за разработку сайта
3.2. Продвижение сайта
Выводы по третьей главе Заключение
Список используемой литературы Приложение
3. Основные вопросы, подлежащие разборке:
Введение. Во «Введении» необходимо обосновать актуальность выбранной темы работы. Кратко описать проектируемый объект, сформулировать научную и информационную базу работы
В Главе 1 кратко описать появление и развитие веб-сайтов, описать и проанализировать аналоги, раскрыть экологическую тему, описать сетку для сайта, найти целевую аудиторию и перспективы развития.
В параграфе 1.1 следует изложить в краткой форме историю возникновения самых первых веб-сайтов и описать их развитие.
В параграфе 1.2 описать разницу построение модульной сетки веб-страниц.
В параграфе 1.3 описать эко-стиль жизни, что в него входит.
В параграфе 1.4 рассказать о целевой аудитории, их способы восприятия и интересы.
В параграфе 1.5 провести анализ аналогов.
В параграфе 1.6 провести экспертную оценку аналогов.
В параграфе 1.7 описать перспективы развития веб-дизайна.
В Главе 2 необходимо рассмотреть проектную и композиционную часть. Детально описать взаимодействие пользователя с интерфейсом. Разработать цветовую палитру и описать шрифтовое оформления. После чего следует предоставить визуализацию проекта в графических программах.
В параграфе 2.1 дать описание концепции проекта, выбранные методики.
В параграфе 2.2 описать взаимодействие пользователя и интерфейса.







В параграфе 2.3 рассказать о выбранной цветовой палитре и обосновать свой выбор.
В параграфе 2.4 подобрать шрифтовое оформление текстовых блоков.
В параграфе 2.5 разработать фирменный блок.
В параграфе 2.6. описать существующие стили сайта.
В параграфе 2.7. описать этапы построения сайта.
В параграфе 2.7.1 привести пример существующих сеток сайта.
В параграфе 2.8. привести нормативные документы для проектирования веб-сайта.
В параграфе 2.9. описать способы охраны веб-сайта.
В Главе 3. Произвести экономический расчет для выяснения стоимости данного проекта.
В параграфе 3.1. описать стоимость работы за разработку сайта.
В параграфе 3.2. описать продвижение сайта.
Заключение. В «Заключении» необходимо подвести итоги работы. Раскрыть содержание основных выводов, предоставить краткую характеристику результатов, полученных в ходе решения поставленных во
«Введении» задач и, тем самым, ответить на вопрос о степени достижимости поставленной работе цели.
Список использованной литературы. Каждый включенный в список источник должен иметь отражение в тексте работы. Если ее автор делает ссылку на какие- либо заимствованные факты или цитирует работы других авторов, то он должен обязательно указать в подстрочной ссылке, откуда взяты приведенные материалы. Не следует включать в библиографический список те работы, на которые нет ссылок в тексте работы и которые фактически не были использованы.
Приложения. В приложение выносятся все материалы вспомогательного или дополнительного характера. Это могут быть копии подлинных документов, выдержки из отдельных материалов, планы и протоколы организаций, анкеты, статистические данные, объемные таблицы (более одной страницы), формы документации, вспомогательные графические иллюстрации. По форме они могут представлять собой текст, таблицы, графики, карты.
4. Исходные данные по работе







1. Нормативные правовые акты и иные официальные документы
1. ISO 13407:1999 — Процессы проектирования для интерактивных систем, ориентированные на человека;
2. ISO 18529 — Эргономика взаимодействия человека и системы.
2. Научная и учебная литература Основная литература:
2.1. Дополнительная литература:
3. Джемс Р. Крейг, Ирина Скала. Шрифт и дизайн. Современная типографика
– СПб, 2016. – 176с
4. Сьюзан Уэйншенк. 100 главных принципов дизайна – СПб, 2012 – 272с
5. Стив Круг. Веб-дизайн: не заставляйте меня думать – СПб, 2008. – 224с
6. Иоханнес Иттен. Искусство цвета – Москва, 2004 – 96с
7. Мюллер Брокман. Модульные системы в графическом дизайне. Пособие для графиков, типографов и оформителей выставок – Москва, 2014 – 187с.
8. Девид Эйри. Логотип и фирменный стиль. Руководство дизайнера. 2-е изд.
– СПб, 2016. — 224с
9. Джеймс Феличи. Типографика: шрифт, верстка, дизайн – СПБ, 2014. – 497с
10. Элис Туэмлоу. Графический дизайн: фирменный стиль. – Астрель, 2006.
– 252с
11. Эллен Луптон. Графический дизайн. Базовые концепции. – СПб, 2017. —
256с
12. Джон Маэда. Законы простоты. Дизайн. Технологии. Бизнес. Жизнь. –
Москва, 2008. — 177с
13. Уильям Лидвелл. Универсальные принципы дизайна. – СПб, 2012.– 271с
14. Юрий Гордон. О языке композиции. – Москва, 2018. — 208с
15. Иоханнес Иттен. Искусство формы. Мой форкурс в Баухаузе. – СПб, 2018.
— 136с
3. Электронные источники:

Содержание
ВВЕДЕНИЕ 9
ГЛАВА 1. ИССЛЕДОВАТЕЛЬСКО-АНАЛИТИЧЕСКАЯ 14
1.1. История возникновения веб-дизайна 14
1.2. Построение модульной сетки веб-страниц 15
1.3. Эко-стиль жизни 17
1.4. Целевая аудитория 24
1.5. Анализ аналогов 28
1.6. Экспертная оценка аналогов 33
1.7. Перспективы развития 36
Выводы по первой главе 38
ГЛАВА 2. ПРОЕКТНО-ГРАФИЧЕСКАЯ 40
2.1. Описание проекта 40
2.2. Взаимодействие пользователя и интерфейса 42
2.3. Цветовая концепция 44
2.4. Шрифт 46
2.5. Разработка фирменного блока 50
2.6. Стиль сайта 51
2.7. Построение сайта 56
2.7.1 Сетки для веб-интерфейса 57
2.8. Нормативные документы для проектирования веб-сайта 60
2.9. Охрана веб-сайта 61
Выводы по второй главе 62
3 ГЛАВА. ЭКОНОМИЧЕСКАЯ 65
3.1. Стоимость работы за разработку сайта 65
3.2. Продвижение сайта 66
Выводы по третьей главе 69
ЗАКЛЮЧЕНИЕ 71
СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ 73






ВВЕДЕНИЕ
В 21 веке люди живут в мире высоких технологий, массового потребления и создается ощущение, что жить экологично невозможно. Ежедневно заводы выбрасывают: загрязненную воду с различными химикатами в озера, реки, моря и океаны, где имеется множество видов морских жителей, где местные жители стирают одежду и используют воду для бытовых нужд, для питья; смог, из-за которого становится тяжело дышать, чьи частицы вдыхает человек и неизвестно, как они влияют на наш организм. На одну пару джинс для взрослого человека может уйти от 5 тысяч до 15 тысяч литров воды, 50% которых уходит на изготовление хлопка для производства денима и производство одежды находится на втором месте по загрязнению планеты после добычи угля. Выхлопные трубы машин выделяют ядовитые газы, которые добавляют тяжесть воздуха вместе со смогом. В одном мегаполисе более трёх миллионов машин, а одна машина за год выпускает около 9 килограмм углекислого газа - это около 27 000 000 кг углекислого газа. Люди разбрасывают мусор на земле и выбрасывают его намеренно в воду, в особенности тяжелую химию и нефть от которой гибнет всё. По исследованиям экспертов у мира в запасе не более 50 лет, чтобы предотвратить не поддающиеся исправлению экологические изменения.
Но на самом деле жить экологично достаточно легко, главное начать с себя, не ждать какого-то лидера, который поведет народ за собой. Экологический стиль жизнь - это прежде всего самодисциплина и обновленное мышление к которому легко прийти, не потратив финансов на какие-то курсы, тренинги и т.п. Так возникла идея «eco-friendly», когда количество проблем, связанных с окружающей средой, возросло в несколько раз. Ранее о глобальном потеплении писали лишь в книгах, сейчас это одна из проблем, которая грозит планете. Обновленное мышление - это зеленое мышление, образ жизни, и это ненасилие над собой, а переосмысление образа жизни в лучшую сторону: в мир творчества, осознанности, здоровья, экономии средств.







Основные принципы идеи «eco-friendly» заключаются в том, чтобы уменьшить количество углекислого газа, выпускаемого в атмосферу и разумном использовании природных и прочих ресурсов. «Eco-friendly» - это стиль жизни, который позволяет делать что-то полезное для себя и для планеты и это то, что не услышат по телевизору или прочитают в газете. Ведь в новостях говорится лишь об уместных темах, чаще всего связанных с политикой и не подчинением граждан закону. О экологических проблемах СМИ замалчивает, т.к. это прежде всего заработок больших корпораций. На деревьях зарабатывают, как и на животных. Делают из них шубы и эксперименты ради разработки косметологической и медицинской продукции, что по законам человечества крайне негуманно и не этично. В книгах людей более интересует философия о жизни и познания самого себя, чем какие-то проблемы, ведь проблему рассказывают не просто для того, чтобы о ней знали, но, и чтобы боролись с ней. Легче найти сайт в интернете, где кратко и по факту будет рассказано об основной проблеме и о способе ее решения не затратно, чем для этого купят книгу или будут смотреть полуторачасовой фильм о многочисленных экологических проблемах, о которых всем давно известно.
Сайты хранят в себе множество полезной информации, которая находится в открытом доступе для любых пользователей, а потому так хорошо пользуются спросом в мире. Все сайты ориентированы на группы пользователей, объединяющихся по одним интересам и ищущих информацию определенного характера, а если у таких сайтов хорошее юзабилити - информация собрана по крупицам и может дать развернутые ответ на цель, по которой пользователь посетил сайт, то это будет ценится вдвойне. Сайты создаются именно для хранения и сбора информации, которая находит своих потребителей и за счет которых владелец сайта извлекает свою выгоду.
В современном мире пользователь ценит качество, а не количество, потому информация на сайте должна быть качественной, интересной и полезной. На какую бы аудиторию не был направлен сайт, а должен раскрывать информацию до







мелочей, чтобы пользователь полностью был просвещён в теме, что ему интересна или нужна. Информационные сайты актуальны тогда, когда их информационный объем постоянно пополняется чем-то интересным.
Информацию можно брать из разных источников, например, из книг, СМИ, из статей ученых, специалистов, но только благодаря интернету и сайтам пользователь может найти и сохранить информацию для длительного пользования, делать закладки и возвращаться к необходимому источнику в любой момент. Это и делает сайтостроение востребованным, а качественный сайт - успешным, приносящим доход своему владельцу.
В данном проекте будет рассмотрен веб-дизайн сайта на тему «графическая концепция веб-сайта» для экологического стиля жизни «eco-friendly».
Актуальность темы исследования. «Eco-friendly» – это неотъемлемая часть жизни, которая держит равновесие между человеком и природой для взаимно здоровой и длительной жизни.
Теоретическая значимость исследовательской работы заключается в том, что благодаря созданному проекту больше людей узнает, как можно экологично и экономично.
Практическая значимость «графической концепции веб-сайта» для экологического стиля жизни «eco-friendly», заключается в возможности внедрения
«eco-friendly» в жизнь людей.
Объектом исследования является экологический стиль жизни «eco-friendly».
Предметом исследования является графическая концепция веб-сайта.
Степень изученности проблемы. О экологии с каждым днем говорят все чаще, но не многие задумываются как начать устранять эти проблемы, т.к. на устранение проблем уходит много времени и средств. «Eco-friendly» несет в себе не так много информации для того, чтобы сделать этот стиль жизни своим образом мышления, потому не было найдено сайтов полностью посвященных данной теме. Найдены были лишь сайты, связанные с новостями из мира экологии и магазинами.

Цель работы: разработать графическую концепцию веб сайта для экологического стиля жизни «eco-friendly», которая позволит заинтересовать потребителя экологическим стилем жизни.
Задачи проекта:
1. Изучить построение веб-сайтов и стили сайтов.
2. Выявить целевую аудиторию.
3. Выполнить разработку графической концепции веб-сайта.
4. Описать взаимодействие интерфейса и пользователя.
5. Рассчитать затраты на проект.
Для написания проекта была выбрана методологическая база:
- метод синтеза и обобщений: используется в теоретической части работы при сопоставлении и интеграции принципов, идей и результатов отечественных и зарубежных исследований;
- метод классификации, метод сравнений, системный и типологический методы: используются для анализа объектов графического дизайна;
- метод стилистического анализа: используется для определения визуальных особенностей анализируемых объектов;
- метод дедукции: если сначала изучалась теория вопроса, а потом она рассматривалась в применении к конкретным случаям.
С помощью метода «стилистического анализа» было решено сделать подборку референсов за с помощью сайтов «Behance» и «Pinterest». Подборка нужна для того, чтобы изучить существующие элементы для привлечения пользователя, дабы перенять некоторые идеи. Благодаря этой подборке у заказчика графической концепции веб-сайта может сложиться примерное представление готовой работы, в течении разработки концепции сайта можно будет избежать ненужных правок в дальнейшем.
Использование различных методов обусловлено необходимостью решения различных задач в процессе работы над проектом.
Данный проект состоит из трех глав:

1. Исследовательско-аналитическая – рассматривается история веб- дизайна, целевая аудитория, основные темы «eco-friendly», аналоги сайтов, тенденции развития веб-дизайна;
2. Проектно-графическая – описывается взаимодействие интерфейса и пользователя, разработка фирменного блока, концепции веб-сайта, фирменный стиль, варианты сеток, госты, авторское право, стили сайтов;
3. Экономическая – расчет затрат на разработку веб-сайта, рекламу сайта.

3. Электронные источники:
16. Экостиль жизни [Электронный ресурс].
17. Eco-friendly [Электронный ресурс].
18. The chalkboard [Электронный ресурс]
19. Сертификация зданий по «зеленым стандартам» LEED [Электронный ресурс].
20. Десять тенденций проектирования веб-дизайна в 2018 году [Электронный ресурс].
21. Global stewards [Электронный ресурс].
22. bio friendly planet [Электронный ресурс].
23. green choices [Электронный ресурс].
24. История дизайна [Электронный ресурс].
25. Как использовать сетки при создании прототипов страниц [Электронный ресурс].
26. Каркас сайта или модульная сетка в веб-дизайне страниц [Электронный ресурс].
27. Интеллектуальная собственность и электронная торговля [Электронный ресурс].

28. Юзабилити веб-сайта: основы