Разработка дизайна электронного журнала «Студентам о студентах»

ВВЕДЕНИЕ …………………………………………………………………..…………….4-8

ГЛАВА 1. ТЕОРЕТИЧЕСКИЙ АСПЕКТ РАЗРАБОТКИ ДИЗАЙНА ВЕБ-САЙТА….…8

1.1. Основные понятия, теоретические концепции и исторические предпосылки зарож-дения веб-дизайна………...…………………………………………………..……...…..…8-9
1.1.1. Ключевые термины и определения в области веб-дизайна…………...…........…9-13
1.1.2. Теоретические концепции дизайна (теория цвета, теория композиции)...……12-23
1.1.3. Исторические предпосылки зарождения и развития веб-дизайна…….…….....23-34

1.2. Анализ аналогов веб-сайтов для студенческих сообществ и университетов в России и за рубежом……………………………...………………………………………………….34
1.2.1. Критерии анализа веб-сайтов студенческих сообществ и университетов..…...34-35
1.2.2. Анализ аналогов веб-сайтов для студенческих сообществ и университетов в Рос-сии…………………………………………………………………………………….......36-42
1.2.3. Анализ аналогов веб-сайтов для студенческих сообществ и университетов за ру-бежом…………………………………………………………………………………......42-44

1.3. Механизмы создания дизайн-концепции веб-сайта..…………………………...........45
1.3.1. Дизайн-мышление и концептуальный дизайн при создании веб-сайта ……....45-52
1.3.2. Создание сетки в дизайне веб-сайтов ………..……….........................................52-59
1.3.3. Основные правила подбора шрифтов и работа с текстовыми блоками. ….......59-61

ВЫВОДЫ ПО ПЕРВОЙ ГЛАВЕ …………………………...………………..….……...61-63

ГЛАВА 2. РАЗРАБОТКА ДИЗАЙНА ЭЛЕКТРОННОГО ЖУРНАЛА «СТУДЕНТАМ
О СТУДЕНТАХ»…………………..……………………………………………….……… 63

2.1. Предпроектный анализ и прототипирование электронного журнала «Студентам о студентах» …………………………...………………..….………………...………..…..63-67
2.1.1 Составление технического задания на разработку дизайна………………..…...67-71
2.1.2. Разработка прототипов веб-сайта…..…………………..…………………….….71-81

2.2. Создание дизайн-концепции веб-сайта электронного журнала «Студентам о сту-дентах» и адаптивной версии для мобильных устройств ..………..............…….……..…81-82
2.2.1. Создание дизайн-концепции веб-сайта электронного журнала...………...........82-88
2.2.2. Создание дизайн-концепции мобильной версии электронного журнала..........88-91

2.3. Разработка элементов интерфейса журнала «Студентам о студентах» ……...…91-92
2.3.1. Создание кнопок, стрелок и форм обратной связи………........……..….………92-98
2.3.2. Создание интерактивного прототипа………..……….....................…….….….98-100

ВЫВОДЫ ПО ВТОРОЙ ГЛАВЕ …………………………………………………… 100-103
ЗАКЛЮЧЕНИЕ ……………………………………………..………………….…..…103-110
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ ………………………….…......111-115

Весь текст будет доступен после покупки

Данная выпускная квалификационная работа посвящена разработке дизайна электронного журнала «Студентам о студентах».
Актуальность ВКР. Актуальность состоит в том, что в нынешнее вре-мя трудно представить современную организацию без собственного сайта. Наличие цифровой площадки показывает какую роль занимает компания на рынке, а также данный инструмент позволяет выстраивать коммуникацию с по-требителем. Сегодня сложно встретить серьезную организацию, не имеющую своего веб-сайта. С помощью веб-ресурса можно максимально быстро передать всю необходимую информацию до большого количества людей. [1]
Наличие цифровой площадки у учебных заведений позволяет открыто и доступно поделиться всей необходимой информацией об организации, измене-ниях, условиях поступления, проектной деятельности с абитуриентами, а также обучающимися.

Весь текст будет доступен после покупки

ГЛАВА 1. ТЕОРЕТИЧЕСКИЙ АСПЕКТ РАЗРАБОТКИ ДИЗАЙНА ВЕБ-САЙТА
1.1 Основные понятия, теоретические концепции и исторические предпосылки зарождения веб-дизайна
В данном исследовании задачей является разобрать ключевые принципы и теории дизайна. Данные принципы и понятия необходимо изучить для того, чтобы заложить основу для последующего применения при создании дизайн-проекта электронного журнала. В исследовании будут рассмотрены главные стили в дизайне, основные понятия, правила, которые являются основой разработки дизайна и используются в настоящее время.
Дизайн веб-сайта относится к такому направлению, как графический ди-зайн. Графический дизайн – это решение задачи с помощью визуального языка, при помощи графических инструментов. Визуальный язык – это решение по-требности человека. Например, рекламная вывеска магазина одежды. Задачей дизайнера является не сделать просто красивый дизайн, а решить потребность человека. Нам нужно сформировать сообщение, сказать людям с помощью это-го сообщения, где они могут купить эту одежду. Дизайн может не нравится за-казчику, но он должен нравиться той аудитории, которую мы хотим привлечь. Все элементы конечного дизайн продукта должны стоять на своих местах. Цвет, композиция, графика шрифт – все это имеет характер и несет определенное со-общение, вызывает определенные эмоции. [36]
Графический дизайнер – это специалист, который грамотно решает опре-деленную задачу и улучшает окружающую среду. Все, что нас окружает – ре-зультат деятельности дизайнера. Зачастую эта деятельность базируется на ка-ком-то концепте, чтобы можно было его спродуцировать на весь оставшийся проект и масштабировать до бесконечности.

1.1.1 Ключевые термины и определения в области веб-дизайна
Веб-дизайн – вариация дизайна, которая представляет собой разработку пользовательских интерфейсов веб-сайтов и приложений. Задачей веб-дизайнеров является проектирование визуально-смысловой составляющей сайта, то есть это структура и художественное оформление макета. Веб-дизайнер – специалист, занимающийся проектированием прототипов сайтов и их визуальным дизайном. Веб-дизайнер делает исключительно статичный макет, а для последующего размещения на хостинге отдает макет верстальщику или веб-программисту. [13]
В веб-дизайне есть ряд общепринятых терминов и определений, которые используются в повседневной работе, рассмотрим основные.
Растровая графика – это изображение, которое представляет собой не-кую таблицу, массив пикселей, квадратов, и каждый из них имеет цвет. Напри-мер, если сильно приблизить текст, набранный в растровом редакторе, то на краях букв будут присутствовать квадраты разных тонов, за счет которых полу-чается имитация закругления букв. Растровая графика передает большое коли-чество оттенков цвета, потому что мы можем задать оттенок каждой точке этой картинки. Она живет в вебе и полиграфии, везде, где мы видим, то есть, когда мы видим изображение на экране, который состоит из множества точек-пикселей, соответственно картинка растрируется, также и печать происходит за счет маленьких точек [13]
Векторная графика – это визуальные элементы, которые строятся по формулам. Текст, наоборот, при приближении очень четкий и резкий, это про-исходит за счет точек – кривых Безье. За счет точек есть линии, которые обра-зуют кривую дугу, форму этой кривой. Как раз информация о положении и рас-стоянии между точками – это формула, которая хранится в данных. Соответ-ственно, по этому принципу строится изображение, векторный набор. Векторная графика может масштабироваться, становиться больше или меньше, ее можно растягивать без потери качества, в этом ее большое преимущество. Но она не существует в физическом мире, потому что все, что мы видим на экране или в печати – это все изображения из точек.
Подача – это оформление дизайн-проекта, то есть компоновка, например, на планшете или презентация своего проекта в каком-либо виде.
Композиция – размещение всех элементов в каком-либо формате по за-конам. Это основа дизайна.
Дизайн-проект – это разработка дизайнера, например, сайт, фирменный стиль, одежда от зарождения идеи до её воплощения. Анализ и поиск творче-ского источника, заканчивая уже либо коллекцией одежды в материале, либо го-товым кейсом с дизайном сайта. [20]
Белое пространство – незаполненное белое пространство, которое нахо-дится между буквами и картинками.
Техническое задание – это документ, в котором заказчик сам, либо сов-местно с дизайнером описывает подробно какая работа должны быть выполне-на. Например, если делается веб-сайт, какой должен быть у него дизайн блоков, разделов, элементов, какие функции должны быть.
Бриф – некий опросник, который заполняется клиентом, когда тот прихо-дит за заказом к дизайнеру. Там описываются какие цвета больше нравятся, опи-сание компании и продукта, задачи, которые ставит перед собой компания. Ча-сто бриф высылается еще до технического задания, чтобы дизайнер лучше мог понять клиента и его задачи.
Референсы – это примеры, на которые опирается дизайнер, создавая свой проект. Благодаря им дизайнер и заказчик лучше ориентируется и понимают как будет выглядеть продукт. [20]
Мудборд – это доска настроения и важная часть и этап в формировании заказа на разработку дизайна. Она делается на самом начальном этапе. Это, так называемый, лист с визуальным материалом, который может помочь в разра-ботке дизайна. Часто бывает, что мудборды делают с просто набросанными картинкам, но на самом деле, важно то, что мудборд должен помогать для дальнейшей разработки. Он помогает определиться дизайнеру с потребителем или образом, для которого делается проект. Благодаря мудборду происходит определение цветовой гаммы и заимствование определенных деталей и общее настроение проекта. В целом, данная доска настроение должна быть понятна не только самому дизайнеру, но и человеку, которому она будет презентована.
Артдиректор – это профессия, которая существует во многих креативных индустриях, но чаще всего встречается в веб-дизайне. Это человек, который уже ранее сам занимал должность дизайнера и, соответственно, теперь он руководит другими дизайнерами, направляет их.

Весь текст будет доступен после покупки

1) Актуальность создания сайта [Электронный ресурс] URL: https://cetera.ru/about/articles/the-relevance-of-creating-the-website/ (Дата обра-щения)
2) Быстрый и простой способ обтравки изображений в Фотошопе 03.12.2020 [Электронный ресурс] URL:https://zen.yandex.ru/media/id/5fa28fdbd3b7582b2b4b49c4/bystryi-i-prostoi-sposob-obtravki-izobrajenii-v-fotoshope-5fc93801aa857937988ef216 (Дата обращения)
3) Всероссийский студенческий союз. [Электронный ресурс] URL: https://rosstudent.ru/ (Дата обращения)
4) Волкова К.Э. Бартенева Ю.В. Влияние цвета на эмоциональный фон и психо-логию человека Текст научной статьи по специальности «Психологические науки» https://cyberleninka.ru/article/n/vliyanie-tsveta-na-emotsionalnyy-fon-i-psihologiyu-cheloveka (Дата обращения)

Весь текст будет доступен после покупки