Дипломная работа на тему "Разработка графической концепции web-сайта для музея Андрея Рублева"


Разработка графической концепции web-сайта для музея Андрея Рублева

1

Насколько полезен этот материал?
Похожие работы
Работа Синергии на тему: Разработка графической концепции web-сайта для музея Андрея Рублева. Год сдачи: 2020. Оценка: Отлично. Оригинальность работы на момент публикации 50+% на антиплагиат.ру. Ниже прилагаю все данные для покупки.
Количество страниц: 71
Демо работы
Описание работы
ЗАДАНИЕ
на работу
1. Тема работы:
Разработка графической концепции web-сайта для музея Андрея Рублева
2. Структура :
Введение
ГЛАВА 1. Исследовательски-аналитическая
1.1 История развития дизайна веб-сайтов
1.2 Современные тенденции в веб-дизайне
1.3 Виды веб-сайтов
1.4 Построение сайта, его навигация, удобство пользования
1.5 Исследование объекта проектирования
1.6 Айдентика
1.7 Исследование аналогов, цветовых концепций
1.8 Целевая аудитория
1.9 Вывод
ГЛАВА 2. Проектно-графическая
2.1 Проектирование структуры сайта музея Андрея Рублева
2.2 Разработка серии эскизов графического решения веб-сайта музея имени Андрея Рублева

2.3 Разработка элементов графической концепции веб-сайта музея имени Андрея Рублева
2.4 Разработка графической концепции веб-сайта с учетом адаптивной верстки
2.5 Вывод
ГЛАВА 3. Технолого-экономическая
3.1 Расчет затрат на создание графической концепции веб-сайта музея имени Андрея Рублева
3.2 Вывод Заключение
Список используемой литературы Приложение

3. Основные вопросы, подлежащие разборке:
Введение. Во «Введении» необходимо обосновать актуальность выбранной темы работы. Кратко описать проектируемый объект, сформулировать научную и информационную базу работы
В Главе 1 будет изучена история сайтов, тренды, пройденные на ее пути, а также существующие по сей день. Также необходимо изучить строение сайта, его элементы, а также приемы и тренды применимые к современным сайтам, виды сайтов, определить тип разрабатываемого проекта.
В параграфе 1.1 Изучение истории происхождения и развития сайтостроения.
В параграфе 1.2 описать современные тенденции в веб-дизайне.
В параграфе 1.3 изучить виды и особенности веб-сайтов.
В параграфе 1.4 описать способы создания иерархии на сайте, принципы улучшения юзабилити и способы его оценки
В параграфе 1.5 изучить объект исследования – Музей имени Андрея Рублева.

В параграфе 1.6 рассмотреть айдентику музея имени Андрея Рублева, фирменные цвета, шрифт, логотип.
В параграфе 1.7 изучить аналоги разрабатываемого проекта на примере сайтов партнеров музея.
В параграфе 1.8 рассмотреть целевую аудиторию и ее потребности в разрабатываемом сайте.
В Главе 2 необходимо изучить и провести работу по разработке графической концепции web-сайта музея имени Андрея Рублева.
В параграфе 2.1 необходимо составить бриф и ментальную карту разрабатываемого сайта, а также структуру сайта.
В параграфе 2.2 разработать мудборд проекта, эскизы и макет страницы.
Изучить способы управления типографической и визуальной иерархией.
В параграфе 2.3 необходимо разработать элементы графической концепции web-сайта музея имени Андрея Рублева.
В параграфе 2.4 разработать страницы сайта, изучить адаптивность и применить ее в проекте.
В Главе 3 необходимо рассчитать затраты на разработку дизайна сайта на биржах фриланса и в дизайн-агентствах по региону, а также расценки на программное обеспечение, используемое для данного проекта.
Заключение. В «Заключении» необходимо подвести итоги работы. Раскрыть содержание основных выводов, предоставить краткую характеристику результатов, полученных в ходе решения поставленных во «Введении» задач и, тем самым, ответить на вопрос о степени достижимости поставленной работе цели.
Список использованной литературы. Каждый включенный в список источник должен иметь отражение в тексте работы. Если ее автор делает ссылку на какие-либо заимствованные факты или цитирует работы других авторов, то он должен обязательно указать в подстрочной ссылке, откуда взяты приведенные материалы. Не следует включать в библиографический список те работы, на

которые нет ссылок в тексте работы и которые фактически не были использованы.
Приложения. В приложение выносятся все материалы вспомогательного или дополнительного характера. Это могут быть копии подлинных документов, выдержки из отдельных материалов, планы и протоколы организаций, анкеты, статистические данные, объемные таблицы (более одной страницы), формы документации, вспомогательные графические иллюстрации. По форме они могут представлять собой текст, таблицы, графики, карты.

4. Исходные данные по
Нормативные правовые акты и иные официальные документы
1. ISO 9241-110 «Эргономика взаимодействия человека с системой. Часть 110. Принципы взаимодействия» [Электронный ресурс].
2. ISO 9241-112: 2017 «Эргономика взаимодействия человека с системой. Часть 112: Принципы представления информации» [Электронный ресурс].
3. ISO 9241-161: 2016 «Эргономика взаимодействия человека с системой. Часть 161. Руководство по визуальным элементам пользовательского интерфейса» [Электронный ресурс].
4. ISO 9241-125: 2017 «Эргономика взаимодействия человека с системой. Часть 125: Руководство по визуальному представлению информации» [Электронный ресурс].
5. ISO 9241-210: 2019 «Эргономика взаимодействия человек-система. Часть 210. Проектирование интерактивных систем, ориентированное на человека» [Электронный ресурс].

Литература
6. Гарретт, Д. «Веб-дизайн. Элементы опыта взаимодействия», - СПб.: Издатель «Символ-плюс», 2015. – 192 c.
7. Иттен И. «Искусство цвета», ? М.: Изд.: Издатель «Д. Аронов»; 2018.
– 96 с.
8. Круг, С. «Веб-Дизайн: книга Стива Круга или "не заставляйте меня
думать!» – М.: Издатель «Символ-Плюс», 2008. – 224 c.
9. Ломов, С.П. Цветоведение: / С.П. Ломов, С.А. Аманжолов. – Москва: Владос, 2018. – 153 с.: ил. – (Изобразительное искусство). – Режим доступа: по подписке.
10. Макнейл П. «Веб-дизайн. Идеи, секреты, советы», – СПб.: Издатель
«Питер»; 2012. – 272 с.
11. Роббинс Д. «Web-дизайн. Справочник», – СПб.: Издатель «КУДИЦ- ПРЕСС», 2008. – 816с.
12. Сырых, Ю. «Современный веб-дизайн. Настольный и мобильный» – М.: Издатель «Диалектика», 2019. – 384 c.
13. Уэйншенк, С. «Интуитивный веб-дизайн», – М.: Издатель «Эксмо», 2011. – 160 c.
14. Якоб Нильсен «Веб-дизайн», – СПб.: Издатель «Символ-Плюс»; 2003. – 512 с.
15. Якоб Нильсен, Хоа Лоранжер «Web-дизайн: удобство использования Web-сайтов = Prioritizing Web Usability», – М.: Издатель «Вильямс», 2007. – 368 с.
ОГЛАВЛЕНИЕ
Введение 10
1. Исследовательски-аналитическая глава 14
1.1 История развития дизайна веб-сайтов 14
1.2 Современные тенденции в веб-дизайне 16
1.3 Виды веб-сайтов 19
1.4 Построение сайта, его навигация, удобство пользования 20
1.5 Исследование объекта проектирования 23
1.6 Айдентика 24
1.7 Исследование аналогов, цветовых концепций 26
1.8 Целевая аудитория 32
1.9 Вывод 34
2. Проектно-графическая глава 36
2.1 Проектирование структуры сайта музея Андрея Рублева 36
2.2 Разработка серии эскизов графического решения веб-сайта музея имени Андрея Рублева 43
2.3 Разработка элементов графической концепции веб-сайта музея имени Андрея Рублева 48
2.4 Разработка графической концепции веб-сайта с учетом адаптивной верстки 52
2.5 Вывод 58
3. Технолого-экономическая глава 60
3.1 Расчет затрат на создание графической концепции веб-сайта музея имени Андрея Рублева 60
3.2 Вывод 61
Заключение 62
Список использованной литературы 66
Приложение 69

ВВЕДЕНИЕ
Темой работы – работы является: «Разработка графической концепции web-сайта для музея Андрея Рублева».
Графическая концепция сайта – это представленная в графическом виде дизайнерская разработка оформления сайта, а также элементов интерфейса сайта.
Целевая аудитория данного проекта состоит из людей пенсионного и предпенсионного возраста, семей с детьми, групп учащихся школ, дизайнеров, студентов профильных и смежных вузов, современных художников и реставраторов, любителей русского декоративного искусства.
Актуальность поставленной темы заключается в том, что сайт является одним из неотъемлемых атрибутов современной компании будь то частная или государственная организация. В современном мире необходимо не просто сделать красивый сайт компании, но и сделать его удобным для пользователя, так как дизайн и структура сайта играет большое значение в создании впечатления об организации у пользователей.
Целью работы является создание графической концепции сайта в соответствии с интуитивно понятной навигацией и шрифтовым оформлением.
Объектом исследования является сайт музея имени Андрея Рублева. Предмет исследования – графическое оформление сайта музея имени
Андрея Рублева.
В задачи данного проекта входят:
1. Рассмотреть аналоги разрабатываемого сайта по основным параметрам;
2. Определить целевую аудиторию разрабатываемого сайта;
3. Определить шрифтовое оформление;
4. Разработка сетки;

5. Решение проблем, выявленных при опросе целевой аудитории разрабатываемого сайта;
6. Разработка элементов интерфейса web-сайта;
7. Разработка графической концепции сайта.
Решение поставленных задач осуществляется при помощи различных методологий исследования:
1. Теоретическое исследование, изучение различной профильной литературы;
2. Поиск аналогов, просмотр и анализов сайтов конкурентов;
3. Анализ трендов дизайна веб-сайтов.
Практическая значимость данного проекта заключается в разработке не просто красивого дизайна сайта, но и обладающего интуитивно понятным управлением с точки зрения пользователя, не нарушаемая с точки зрения иерархии объектов и структуры сайта.
В исследовательско-аналитической главе проекта будет изучена история сайтов, тренды, пройденные на ее пути, а также существующие по сей день. Также необходимо изучить строение сайта, его элементы, а также приемы и тренды применимые к современным сайтам, виды сайтов, определить тип разрабатываемого проекта. В данной главе также необходимо осветить такие аспекты, как:
• Изучение истории происхождения и развития музея имени Андрея Рублева;
• Айдентика музея имени Андрея Рублева;
• Провести анализ сайтов аналогичной направленности на примере Музея Московского Кремля, Музейно-выставочного комплекса Новый Иерусалим и Музея русской иконы, их цветовых концепций, схожих элементов интерфейсов и структурных частей;
• Провести анализ целевой аудитории сайта музея имени Андрея Рублева;

• Изучить портреты целевой аудитории, понять их требования, пожелания и что может помешать или помочь их позитивному опыту в использовании разрабатываемой графической концепции сайта музея имени Андрея Рублева.
В проектно-графической главе необходимо:
• С заказчиком составить бриф на разработку графической концепции web-сайта музея имени Андрея Рублева;
• Разработать ментальную карту проекта;
• Изучить структуры сайтов, их типы, отличия друг от друга;
• Разработать карту сайта или структуру расположения страниц разрабатываемого сайта;
• Определить информационные блоки на страницах;
• Изучить типы сеток и определить сетку для разрабатываемого проекта;
• Создать мудборд из концептов, шрифтов, изображений и цветовых сочетаний, показывающих будущие графические особенности web-сайта музея имени Андрея Рублева;
• Создать бумажные эскизы интерфейса;
• Создать макет страницы с показанием расположения основных визуально-информационных блоков;
• Изучить типографическую и визуальную иерархии, методы и приемы их использования в разработке структуры страницы и элементов интерфейса сайта;
• Определить иерархию элементов главной страницы;
• Разработать элементы графической концепции web-сайта музея имени Андрея Рублева;
• Создать шрифтовой набор и цветовую палитру проекта;
• Разработать интерфейс сайта музея имени Андрея Рублева;

• Изучить типы адаптивного дизайна, а также методы его достижения в разработке дизайна сайта;
• Разработать отзывчивый макет сайта.
В технолого-экономической главе необходимо рассчитать затраты на разработку дизайна сайта на биржах фриланса и в дизайн-агентствах по региону, а также расценки на программное обеспечение, используемое для данного проекта.

СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ

Нормативные правовые акты и иные официальные документы
1. ISO 9241-110 «Эргономика взаимодействия человека с системой. Часть
110. Принципы взаимодействия» [Электронный ресурс].
2. ISO 9241-112: 2017 «Эргономика взаимодействия человека с системой. Часть 112: Принципы представления информации» [Электронный ресурс]
3. ISO 9241-161: 2016 «Эргономика взаимодействия человека с системой. Часть 161. Руководство по визуальным элементам пользовательского интерфейса» [Электронный ресурс].
4. ISO 9241-125: 2017 «Эргономика взаимодействия человека с системой. Часть 125: Руководство по визуальному представлению информации» [Электронный ресурс].
5. ISO 9241-210: 2019 «Эргономика взаимодействия человек-система. Часть
210. Проектирование интерактивных систем, ориентированное на человека» [Электронный ресурс]
Литература
6. Гарретт, Д. «Веб-дизайн. Элементы опыта взаимодействия», - СПб.: Издатель «Символ-плюс», 2015. – 192 c.
7. Иттен И. «Искусство цвета», ? М.: Изд.: Издатель «Д. Аронов»; 2018. – 96 с.
8. Круг, С. «Веб-Дизайн: книга Стива Круга или "не заставляйте меня думать!» – М.: Издатель «Символ-Плюс», 2008. – 224 c.
9. Ломов, С.П. Цветоведение: / С.П. Ломов, С.А. Аманжолов. – Москва: Владос, 2018. – 153 с.: ил. – (Изобразительное искусство).
10. Макнейл П. «Веб-дизайн. Идеи, секреты, советы», – СПб.: Издатель
«Питер»; 2012. – 272 с.
11. Роббинс Д. «Web-дизайн. Справочник», – СПб.: Издатель «КУДИЦ- ПРЕСС», 2008. – 816с.
12. Сырых, Ю. «Современный веб-дизайн. Настольный и мобильный» – М.: Издатель «Диалектика», 2019. – 384 c.
13. Уэйншенк, С. «Интуитивный веб-дизайн», – М.: Издатель «Эксмо», 2011.
– 160 c.
14. Якоб Нильсен «Веб-дизайн», – СПб.: Издатель «Символ-Плюс»; 2003. – 512 с.
15. Якоб Нильсен, Хоа Лоранжер «Web-дизайн: удобство использования Web- сайтов = Prioritizing Web Usability», – М.: Издатель «Вильямс», 2007. – 368 с.