Дизайн и разработка сайта издательского центра ТюмГНГУ

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

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык русский
Дата добавления 14.10.2016
Размер файла 1,5 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

Дизайн и разработка сайта издательского центра ТюмГНГУ

Содержание

ОПРЕДЕЛЕНИЯ, ОБОЗНАЧЕНИЯ И СОКРАЩЕНИЯ

ВВЕДЕНИЕ

1. НАУЧНО-ИССЛЕДОВАТЕЛЬСКИЙ РАЗДЕЛ

1.1 Тренды Web-дизайна 2016 года

1.2 Анализ сайтов издательств учебных заведений

1.3 Технические разработки веб-дизайна

1.4 Содержимое контента

1.5 Требования к созданию сайта издательства ТюмГНГУ

2. ПРОЕКТНО-КОМПОЗИЦИОННЫЙ РАЗДЕЛ

3. ТЕХНОЛОГИЧЕСКИЙ РАЗДЕЛ

ЗАКЛЮЧЕНИЕ

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

Приложение А

Приложение Б

Приложение В

Приложение Г

ОПРЕДЕЛЕНИЯ, ОБОЗНАЧЕНИЯ И СОКРАЩЕНИЯ

В данной курсовой работе применяются следующие термины с соответствующими определениями:

HD изображения - высококачественные изображения.

Hover-анимация/ инструменты/ эффекты - это такие виды эффектов, как всплывающие подписи, подсказки, плавные переходы, трансформация, ротация, смещение, увеличение и т. д.

Photoshop- многофункциональный графический редактор.

UI элементы - элементы пользовательского интерфейса, среда взаимодействия пользователя с компьютером.

БИК - библиотечно-издательский комплекс.

Блокинг - макет страницы, состоящий из блоков.

ИЦ - издательский центр.

Кликабельность - возможность кликнуть мышью и перейти по ссылке, либо увеличить объект.

Контент - информационное содержание страниц сайта.

Плагин - независимо компилируемый программный модуль, динамически подключаемый к основной программе и предназначенный для расширения и/или использования её возможностей.

Скроллинг - форма представления информации, при которой содержимое (текст, изображение) двигается в вертикальном или горизонтальном направлении.

ТюмГНГУ - Тюменский государственный нефтегазовый университет.

Юзабилити - удобство использования.

Введение

Тюменский индустриальный университет - это один из крупнейших научно-образовательных комплексов России, миссия которого заключается в обеспечении высокого профессионального уровня подготовки специалистов. Как при всех выдающихся ВУЗах России, при ТИУ создан библиотечно-издательский комплекс, который обеспечивает университет необходимой литературой, различной печатной продукцией, электронными пособиями и т.д. Актуальность темы дипломного проекта определяется отсутствием собственного фирменного стиля БИК ТИУ.

Цель дипломного проекта - разработка качественного фирменного стиля БИК, который будет отвечать современным требованиям графического дизайна, а также будет удобным и узнаваемым, что поможет создать цельный фирменный образ всех филиалов библиотечно-издательского комплекса и привлечь новых потенциальных клиентов.

Задачи дипломного проекта:

- провести предпроектные исследования, включающие в себя сбор и анализ фирменных стилей библиотек и издательств;

- разработать поисковые эскизы фирменного стиля библиотечно-издательского комплекса;

- разработать фирменный стиль БИК ТИУ;

- подготовить пояснительную записку.

Объект исследования - язык визуальной коммуникации дизайна.

Предмет исследования - разработка фирменного стиля библиотечно-издательского комплекса ТИУ.

Методологической основой исследования в данной курсовой работе послужили следующие логико-теоретические методы: метод анализа, метод синтеза, метод индукции, метод дедукции, метод абстрагирования, метод аналогии, классификация, метод обобщения, системный подход и метод моделирования.

1. Научно-исследовательский раздел

1.1 Язык визуальной коммуникации

Сегодня визуальная коммуникация чрезвычайно развита и усложнена как на уровне языка, так и на уровне восприятия за счет активного развития визуального искусства, а также электронных и цифровых технологий. Визуальные коммуникации в современном обществе все больше отходят от роли пассивного посредника и приобретают манипулятивный характер. Можно утверждать, что современная визуальная культура определяется развитием графического дизайна, который уже сейчас занял устойчивые позиции в нынешнем информационном обществе. Дизайн в рекламе. Овчинникова.

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

Функции визуальной коммуникации:

- информационная (передача информации);

- экспрессивная (оценка информации);

- прагматическая (коммуникация, оказывающая воздействие на получателя).

Средства визуальной коммуникации можно разделить на группы:

- печатные или полиграфические (буклеты, плакаты, листовки и т.д.);

- телеэкранные (телевизионные программы, видео и т.д.);

- средства наружной рекламы (рекламные щиты, вывески на зданиях, транзитная реклама и т.д.);

- средства рекламы в интернете (рекламные баннеры, flash-анимации и т.д.).

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

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

Визуальная коммуникация служит средством общения. Это сила, стимулирующая продажи любого потребительского продукта. Профессиональные дизайнеры, графики, полиграфисты знают, что цвет и форма являются ключевым фактором в процессе торговли, так как они играют важную роль при принятии решения о покупке [5].

Объекты творческого внимания дизайн-графиков многочисленны и многоплановы. Рассматривая визуальную составляющую рукотворной среды обитания, можно выделить в ней несколько условных слоев. Первый слой, с которым имеют контакты практически все слои населения, образуют средства и системы визуальных коммуникаций в городских, сельских и прочих пространствах, на транспорте и т.д. (вывески, рекламные установки, витрины магазинов, таблицы с наименованиями улиц и номерами домов, указатели маршрутов транспорта, знаки дорожного движения и пр.). Второй слой - средства визуальных коммуникаций в пространствах зданий, интерьерах: указатели, пиктограммы, таблички, рекламные объявления, плакаты и другие средства информации. Третий, наиболее специфический, связан с эксплуатацией оборудования и оснащения производственного, офисного, бытового и прочего назначения [2].

Средства массовой информации максимально ориентированы на соответствие ценностям, предпочтениям, вкусам потребителей определённого уровня массовой культуры и таким образом обеспечивают себе существование и финансовую состоятельность. Пронин С. Г. Рекламисту о дизайне. Дизайнеру о рекламе. М.: Бреатор, 2004. С. 13-15.

1.2 Тренды графического дизайна

Как многие индустрии графический дизайн быстро развивается, совершенствуется и прогрессирует, поэтому дизайнеры должны уметь прогнозировать его важнейшие направления, чтобы оставаться в тренде и иметь дополнительные преимущества перед конкурентами [1].

Изучение трендов помогает спрогнозировать поведение потребителя в будущем, что даст неоспоримое преимущество перед конкурентами, что позволяет создавать стратегию развития компании, эффективнее выстраивать коммуникации с потребителем.

Плоский дизайн (Flat Design) сочетает в себе чистоту, эстетику и удобство в использовании. В период переизбытка информации плоский дизайн дает спокойствие, устойчивость, понятность и лёгкость восприятия. В нем отсутствуют элементы, направленные на придание глубины и объема. Использование односложных фигур и четких контуров подчеркивает лёгкость дизайна. Простые элементы интуитивно понятны пользователю и стимулируют желание взаимодействовать с объектом. http://powerbranding.ru/design/flat-design-june13/ На рисунке 1.1 представлен постер дизайнера Артема Меренфилда, который выполнен в стиле плоского дизайна. https://dribbble.com/shots/1263206-Whale-poster

Рисунок 1.1 - Пример плоского дизайна

Геометрические фигуры набирают всё большую популярность. Геометричная картинка создается при помощи полигонов - простых геометрических примитивов, которые используются при 3D-моделировании и придают фигуре компьютерную графичность. Суть полигонального моделирования в представлении поверхности в виде простых геометрических примитивов. https://habrahabr.ru/post/175285/ На рисунке 1.2 представлен яркий пример полигонального моделирования. Данный прием "плоской динамики" - это прекрасный запоминающийся способ коммуникации, сочетающийся с модным плоским дизайном.

Рисунок 1.2 - Пример полигонального моделирования

Негативное пространство отлично играет с воображением. Создание с помощью негативного пространства интересных графических элементов, наделенных дополнительным смыслом или дополняющим уже имеющийся, делают данный приём особенным. Негативное пространство позволяет донести идею при использовании минимального количества элементов, что не перегружает лишней информацией потребителя. https://freelance.today/tvorchestvo/negativnoe-prostranstvo.html На рисунке 1.3 изображена одна из многочисленных работ Номы Бара - известного графического дизайнера, работающего в стиле минимализма.

Рисунок 1.3 - Пример негативного пространства

Эмоциональная типографика - один из ярких трендов графического дизайна 2016 года. Большие и яркие буквы привлекают внимание, а их геометрия, текстура, цветовые сочетания и расположение создают определенные образы и усиливают впечатление. Так на рисунке 1.4 представлена работа дизайнеров компании "Академия Групп", которые создают обложки в соответствии с самыми актуальными веяниями в мире графического дизайна. Шрифтовые композиции сочетают в себе сразу две части - графическую (иллюстративную) и информативную (шрифтовую), что помогает исключить утомляемую многочисленную информацию, которую нужно представить на разрабатываемом объекте. Дизайн в рекламе. Овчинникова.

Рисунок 1.4 - Пример эмоциональной типографики

Уникальные иллюстрации делают дизайн индивидуальным, к чему стремятся многие компании. Стандартные изображения уже не пользуются спросом, и использовать их при создании фирменного стиля - не самая лучшая идея, так как они могут ассоциироваться с конкурирующими фирмами. Уникальную иллюстративную технику используют дизайнеры при разработке фирменного стиля компании по аудиту "AuditXP". На рисунке 1.5 представлены "стопы" данной компании, которые предлагаются в качестве сувенирной продукции, что является отличным рекламным ходом. Уникальные иллюстрации - это огромный шаг к узнаваемости и успеху. http://www.cucumber.ru/portfolio/auditxp/axp_new_fs

Рисунок 1.5 - Пример уникальных иллюстраций

1.3 Анализ аналогов фирменных стилей издательств и библиотек

Сравнительный анализ фирменных стилей издательств и библиотек способствует выявлению положительных и отрицательных характеристик, что поможет избежать некоторых ошибок при разработке данного дипломного проекта, а также воспользоваться определенными приёмами.

http://rlst.org.by/izdania/ib110/877.html

http://www.myshared.ru/slide/513756/

Фирменный стиль издательства «Проспект» простой и лаконичный. Используется читабельный рубленый шрифт. В изображении логотипа представлена преимущественно шрифтовая компоновка, которая означает название издательства. В графике использован абстрактно измененный знак, который заменяет букву «О» и символизирует эмблему издательства - воздушного змея. Этот знак также вынесен из логотипа, придавая интересности и ассоциативности. Узнаваемый логотип присутствует на каждом компоненте фирменной продукции. В некоторых случаях он плохо читается, как, например, на папке с зеленым фоном, который довольно насыщенный и плохо контрастирует с черным шрифтом. Цветовая гамма состоит из однотонных цветов - черного, зеленого и белого, что придает строгости и лаконичности стилю.

Рисунок 1.6 - Фирменный стиль издательства «Проспект»

Фирменный стиль издательства «РусРесурс» основывается на фирменных цветах и логотипе, в изображении которого использована компоновка геометричных фигур и текста, означающего название издательства. В графической части логотипа представлен абстрактный геометричный знак, придающий точность и строгость. Некоторые текстовые блоки гармонично располагаются под логотипом и акцентируют его тшрифтовую часть. Цветовая гамма состоит из красного и синего цветов, которые представлены на белом фоне, что характеризует их как российское издательство, ассоциативно предполагая триколор флага России. А монохромный дополнительный знак придает законченный вид продукции и разбавляет строгое оформление динамической компоновкой линий, делая фирменный стиль узнаваемым.

Рисунок 1.7 - Фирменный стиль издательства «РусРесурс»

Фирменный стиль издательства "Русский остров" заключается в градиентной графике, которая присутствует в логотипе, дополнительных элементах и в фоне печатной продукции. Градиент придает стильный внешний вид и плоские фигуры визуально делает объемными. Графическая часть логотипа ассоциативно символизирует название издательства. Бирюзовая цветовая гамма обогащает весь стиль, ведь бирюза - один из редких цветов, который ценится за свой уникальный оттенок. Фирменный стиль данного издательства представлен на рисунке 1.8.

Рисунок 1.8 - Фирменный стиль издательства "Русский остров"

Фирменный стиль издательства «Скиф» читается в графичном логотипе, элементы которого повторяются во многих деталях оформления продукции. Специфичная качественная графика передает главную цель издательства - выпуск книг и бланочной продукции в лучших традициях издательского дела с учетом современных достижений дизайна и полиграфии.

Главное преимущество фирменного стиля издательства «Скиф» в том, что он читаемый, запоминающийся и узнаваемый. Благодаря логотипу сформировался весь фирменный стиль. В изображении логотипа использованы две доминанты: символ издательства и шрифтовая компоновка. Оригинальность фирменного стиля позволяет использовать один золотистый цвет, который грамотно сочетается с основными цветами - белым и черным, а также придает «дороговизну» компании.

Рисунок 1.9 - Фирменный стиль издательства "Скиф"

Фирменный стиль библиотеки имени Горького - яркий пример разработки качественного запоминающегося цельного образа. Его разработчики подняли статус библиотеки за счет современного оформления и грамотной подачи проекта. Логотип библиотеки понятный и запоминающийся. Сочетание ярких цветов привлекает внимание и оказывает сильное эмоциональное воздействие на зрителя.

Рисунок 1.10 - Фирменный стиль библиотеки имени Горького

Вывод. Научно-исследовательский раздел содержит результаты предпроектного исследования, которое было проведено по трем основным направлениям: язык визуальной коммуникации, тренды графического дизайна, анализ аналогов.

Результаты исследования показывают, что данная тема актуальна в наше время. Современное состояние библиотечно-издательского дела характеризуется тем, что для успешного выполнения задач уже недостаточно широко использовать традиционные формы, методы и ресурсы данного обслуживания. Стремление индивидуализировать данную среду и повысить ее популярность диктует необходимость расширения контактов с пользователями. Большое значение приобретает работа по формированию общественного мнения, преодолению замкнутости и от потребностей общества. Фирменный стиль - это средство формирования имиджа компании, а также определенный «информационный носитель», так как компоненты фирменного стиля помогают потребителю находить определенный товар и предложения, формируя у него положительное отношение к фирме, которая позаботилась о нем, облегчив процесс отбора информации или товара.

Графический дизайн, обладающий мощным арсеналом средств визуального воздействия, стимулирующей и организующей способностью, должен стать участником формирования и разработки фирменного стиля.

Изучение трендов выявило множество современных приёмов, которые помогут создать новый уникальный фирменный стиль библиотечно-издательского комплекса ТИУ.

Анализ аналогов был проведен с целью изучения особенностей композиций и типологических особенностей фирменных стилей разных издательских комплексов. Он способствует выявлению положительных и отрицательных характеристик, что поможет реализовать будущий проект по разработке фирменного стиля Издательского центра БИК ТюмГНГУ, а также избежать некоторых ошибок в деталях и общей композиции.

В целом содержание раздела представляет собой результат исследования как выполнение следующих задач курсовой работы: осмысление задания, предпроектные исследования, поиск и анализ аналогового материала.

2. ПРОЕКТНО-КОМПОЗИЦИОННЫЙ РАЗДЕЛ

Концепция определяет основные идеи и направления развития, формирует идеологическую базу, единое видение проекта у всех участников. Определение основных идей имеет исключительно прикладное значение для моделирования сайта [12]. Проектная концепция является результатом осмысления проектных ситуаций, содержит выработанные в процессе анализа и синтеза новые существенные свойства сайта, позволяющие осуществить культурную коммуникацию и обеспечить потребительскую функцию как цель дизайн-проекта.

Дизайнерская концепция - это смысловое ядро всего проекта, его основная идея, содержащая основные принципы подачи информации, технической реализации, дизайна экранного интерфейса, системы навигации, структуру разделов сайта и информационного наполнения [11].

Дизайн-концепция сайта издательства ТюмГНГУ - «профессионализм, надежность, инновация», что является главной идеей выбора основных принципов разработки графического оформления сайта, целостной системы композиционных отношений, средства и методы которой обеспечивают полную гармонию между внешней формой и содержанием, пользователем и сайтом.

Профессиональность - это, в первую очередь, гармоничный дизайн, основанный на сложившихся эстетически оправданных канонах формообразования, склоняющихся к чувству меры. Профессиональный дизайн ассоциируется с надежностью, лаконичностью и стабильностью. А инновация - это нововведение, обеспечивающее качественный рост, а также позволяющее применить новые технические прогрессирующие разработки.

Принципы гармонизации проектируемого сайта:

- повторение свойств целого в его частях делает дизайн унифицированным и передает основную идею его создания, а также подчеркивает логическую связанность (корпоративные цвета, формы, шрифты, графика);

- соподчиненность частей акцентирует внимание пользователей на главных элементах, отражает их важность, и обособляет второстепенные или нейтральные (структура и навигация сайта);

- выравнивание упорядочивает все элементы, максимально унифицируя их (текстовые блоки, таблицы, изображения, навигационные кнопки) [18];

- уравновешенность частей целого приводит к сбалансированному дизайну. Ассиметричный баланс достигается за счет равномерного распределения визуальной нагрузки по той или иной оси, но отдельные элементы двух составляющих дизайна не являются зеркально одинаковыми (все страницы сайта издательства ТюмГНГУ будут ассиметричны);

- удобство восприятия зависит от компоновки всех элементов страницы.

Критерием гармоничности выступает комплекс ощущений от эмоциональной ориентации объекта дизайна. Чем гармоничнее этот комплекс, тем легче будет восприниматься общая картина [8].

После изучения трендов веб-дизайна, анализа аналогов, ознакомления с техническими разработками, составления требований и выбора формулировки концепции проектируемого сайта, были разработаны поисковые эскизы, которые представлены в Приложении Б.

Итоговый макет сайта представлен в Приложении В.

Огромную роль в разработке дизайна сайта издательства ТюмГНГУ сыграл цвет. Ограниченная цветовая гамма подчеркивает «строгость» и выдержанность. За основу взят синий цвет, который является корпоративным цветом Тюменского государственного нефтегазового университета. В психологии синий цвет традиционно считается цветом уверенных в себе, стабильных, решительных и целеустремленных людей, которым можно поручить важную работу. Он символизирует постоянство, честность, добрую славу, что раскрывает основную дизайн-концепцию сайта [17]. Дополнительными цветами являются белый и красный. Белым цветом представлены текстовые блоки, которые хорошо выделяются на синем фоне, что обеспечивает хорошую читабельность. Некоторые белые элементы (горизонтальные линии, подложки) придают сайту организованный внешний вид. А красный цвет добавляет динамичности, ведь его значение - это сильная энергия, завоевание, активность. Эти три цвета дублируются в логотипе, что делает композицию цельной и логически правильной.

Инновационную сторону концепции подчеркивает фоновая графика, которая придает страницам свежий вид, наполняет их смыслом, не мешает воспринимать информацию. Также инновационным смотрится изображение нового корпуса Тюменского государственного нефтегазового университета ссовременной архитектурной формой.

Для разрабатываемого сайта выбрано семейство шрифтов Arial (Рисунок 2.1). Это шрифт без засечек и, практически, без контраста между вертикальными и горизонтальными штрихами, что придает уверенное и простое начертание и подходит для удобства читабельности. Разное начертание (обычный, полужирный и очень жирный) позволяет не комбинировать его с другими шрифтами.А его геометричный конструктивизм подчеркивает строгую статику, которая уравновешивает все элементы страницы. Кроме того, Arial является безопасным стандартным шрифтом, так как устанавливается вместе с операционной системой [2]. Акцентирование шрифта производится за счет его окрашивания в светло-желтый цвет, который сочетается с изображенным зданием университета ТюмГНГУ.

Рисунок 2.1 - Различные начертания шрифта Arial

издательский дизайн сайт

Древовидная структура сайта не создает путаницы среди его страниц и логически организовывает весь контент. На сайте предусмотрено навигационное меню, которое располагается в одном и том же месте на всех страницах, что хорошо структурирует всю информацию, делает её легкодоступной и позволяет в любой момент оказаться на нужной странице.

Шапка и подвал сайта во всех его разделах одинаковые и отображают авторские права, обратную связь и ссылку на главный официальный сайт Тюменского государственного нефтегазового университета.

Контент отражает предназначение сайта и не утомляет пользователей чтением, так как представлена только краткая и основная информация, а более подробную можно скачать. Для этого были разработаны дополнительные макеты прайс-листа, который представлен в Приложении Г на рисунке Г.1, и требованиям к рукописям, изображен в Приложении Г на рисунке Г.2.

3. ТЕХНОЛОГИЧЕСКИЙ РАЗДЕЛ

Для формирования сайта, то есть написания его исходного кодаи создания графики, используются специальные языки и программы. Чтобысоздать сайт, необходимо владеть HTML - языком гипертекстовой разметки, но, чтобы сделать его ещё лучше и привлекательнее, потребуютсяразличные графические редакторы (AdobePhotoshop,AdobeIllustrator, CorelDraw и другие) и технология CSS.

Создание обновленного логотипа библиотечно-издательского комплекса, а также верстка макетов страниц сайта издательства ТюмГНГУ были выполнены в программе CorelDrawX7, с использованием Adobe Photoshop CC 2015.

Для того, чтобысайтработал корректно и мог в полной мере функционировать, основная сборка производилась в профессиональной программе для вёрстки веб-страниц - AdobeDreamweaver. Данная программа позволяет писать код, создавать интерактивность, настраивать свойства отображения элементов и имеет визуальную карту сайта, на которой графически отображается его структура, что обеспечивает удобство при работе в программе [20]. Основная функция Adobe Dreamweaver- создание HTML и CSS кода.

Проектируемы сайт имеет семь одинаково оформленных страниц, одна из которых главная. Фон, шапка, подвал и навигационное меню на всех страницах повторяются, меняется остальной контент. CSS код единый для всех страниц, а HTML для каждой индивидуален.

Более 70% информации человек воспринимает через визуальные образы. Изображения на сайте привлекают внимание, а тематические изображения усиливают эффект от текстовой информации. Поэтому стоит учитывать размер изображений, чем он больше - тем больше вес и, соответственно, более долгая загрузка при открытии сайта [21].Эти нюансы были учтены при выборе и обработке изображений для проектируемого сайта. Все необходимые операции по работе с изображениями проводились в программе Adobe Photoshop CC 2015. Каждому изображению и фотографии был задан определенный размер, чтобы загрузка не была долгой, а изображение сохраняло свой вид.

ЗАКЛЮЧЕНИЕ

Курсовая работа на тему «Дизайн и разработка сайта Издательского центра ТюмГНГУ» является комплексной научно-практической работой, объединяющей теоретическую и практическую части.

Актуальность выбранной темы раскрывается во введении и научно-исследовательском разделе пояснительной записки, где содержатся основные результаты исследования, ставшего теоретическим основанием выполнения практической творческой работы.

В ходе выполнения курсовой работы были проведены исследования актуальных трендов в веб-дизайне 2016 года, научное исследование развития технологий в веб-дизайне, анализ аналогов проектируемого сайта издательства и разработка предполагаемого контента веб-сайта.

Проектно-композиционный раздел содержит результаты проектирования и обоснование проектных решений (выбор дизайн-концепции сайта, работа над поисковыми эскизами, графическое решение итогового эскиза). Технологический раздел представляет собой дополнение к результатам выполнения основных задач курсовой работы. Практическая часть исследования - разработанный дизайн-проектсайтаиздательского центра ТюмГНГУ.

В процессе выполнения курсовой работы были приобретены новые знания о современных научных разработках в области веб-программирования, изучены новые тренды, а также современное состояние уже существующих сайтов издательств учебных заведений, освоена профессиональная программа версткивеб-страниц - Adobe Dreamweaver, усовершенствована и отточена работа в компьютерных программах CorelDrawX7 и Adobe Photoshop CC 2015.

Представленные результаты позволяют сделать вывод о том, что задачи курсового проекта решены, цель курсового проекта достигнута.

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

1. Роббинс, Д. Web-дизайн. Справочник [Текст] / Д. Роббинс. - Москва:
КУДИЦ-ПРЕСС, 2010. -816 с.

2. DesignersandFonts [Электронныйресурс] URL: http://www.paratype.ru/e-zine/defis_07/typedesn/index2.html(дата обращения: 08.05.2016).

3. Starwebdesing. HTML5[Электронный ресурс] URL:http://starwebdesign.com.ua/blog/category/html5/(дата обращения: 21.04.2016).

4. Консультант плюс [Электронный ресурс] URL: https://www.consultant.ru/law/hotdocs/36358.html(дата обращения: 20.03.2016).

5. Основные тренды в веб-дизайне в 2016 году. FREELANCE/ Today [Электронный ресурс] URL: http://freelance.today/trendy/6-osnovnyh-trendov-veb-dizayna-v-2016-godu.html (дата обращения: 05.03.2016).

6. Тренды в веб-дизайне 2016: советы по использованию цвета. Say-hi [Электронный ресурс] URL:http://say-hi.me/design/web-design/trendy-v-veb-dizajne-2016-sovety-po-ispolzovaniyu-cveta.html (дата обращения: 06.03.2016).

7. Энциклопедия SEO. Контент [Электронный ресурс] URL:http://www.hmx.ru/контент.html(дата обращения: 03.04.2016).

8. Web-дизайн.Планирование и создание web-узла: метод. указания для практических работ для студентов направления 072500.62 "Дизайн" очной и заочной форм обучения/ составитель О.Г.Лукина; Тюменский нефтегазовый университет. - Тюмень: Издательский центр БИК ТюмГНГУ, 2015.- 26с.

9. Якоб Нильсен. Web-дизайн: удобство использования Web-сайтов[Текст] / Якоб Нильсен, ХоаЛоранжер.- Москва: Вильямс, 2011. - 368 с.

10. Овчинникова, Р.Ю. Дизайн в рекламе. Основы графического проектирования [Текст] / Р.Ю. Овчинникова. - Москва: Юнити-Дана, 2010. - 271 с.

11. Гарретт Дж. Веб-дизайн. Элементы опыта взаимодействия [Текст] /
Дж Гаррет.- Москва: Символ-Плюс, 2013. - 192 c.

12. Петров, С.Ю. Веб-дизайн для разработчика и заказчика [Текст] /
С.Ю. Петров. - Москва: Эксо, 2012. - 192 c.

13. Сырых, Ю. А. Современный веб-дизайн. Эпоха Веб [Текст] / Ю.А. Сырых.- Москва: Вильямс, 2012. - 396 c.

14. Шафонов, С.Е. Цифровой дизайн. Основы веб-проектирования с помощью инструментов Adobe [Текст] / С.Е. Шафонов. - Москва: «Рид Групп», 2011. - 768 c.

15. Макнейл, П. Веб-дизайн: книга идей веб-разработчика[Текст] /П. Макнейл; пер. с англ. В. Черчик. - Москва: Питер, 2014 - 287 с.

16. Берд Джейсон. Веб-дизайн. Руководство разработчика [Текст] /
Джейсон Берд. - Москва: Питер, 2012. - 224 c.

17. Хоган, Б.Н. Книга веб-программиста. Секреты профессиональной разработки веб-сайтов [Текст] /Б.Н. Хоган. - Москва: Питер, 2013. - 288 c.

18. Яцюк, О.Т. Основы графического дизайна на базе компьютерных технологий[Текст] /О.Т. Яцюк.-СПб.: БХВ-Петербург, 2010. - 240 с.

19. Леонтьев, Б.К. Энциклопедия Web-дизайнера: научно-популярная литература [Текст] / Б.К. Леонтьев. - Москва: Новый издательский дом, 2011. - 640 с.

20. AdobeDreamweaverCC: Официальный учебный курс [Текст]: Официальный учебный курс /подгот. текста и науч. ред М. А. Райтмана; пер. с англ. М.А. Райтман. - Москва: Эксмо, 2014. - 496 с.

21. AdobePhotoshopCC: Официальныйучебный курс [Текст]: Официальный учебный курс /подгот. текста и науч. ред М. А. Райтмана; пер. с англ. М.А. Райтман. - Москва: Эксмо, 2014. - 546 с.

Размещено на Allbest.ru

...

Подобные документы

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

    дипломная работа [3,0 M], добавлен 19.01.2017

  • Основы моделирования и разработки Web-сайтов. Обзор и сравнительный анализ языков программирования. Фреймворки, используемые при создании сайта. Разработка графического дизайна, моделирование и создание Web-сайта, руководство по администрированию.

    курсовая работа [1,7 M], добавлен 07.11.2013

  • Понятие сайта как Интернет-ресурса. Специфические особенности сайтов учебных заведений. Видимость сайта в поисковых выдачах. Анализ сайта учебного заведения на примере сайта Тираспольского межрегионального университета. Составляющие (рубрики) сайта.

    курсовая работа [403,8 K], добавлен 27.04.2013

  • Выбор сред разработки для реализации сайта. Основная концепция и содержание веб-сайта. Роль дизайна сайта в его создании и определение основных требований к его содержанию и внешнему виду. Особенности разработки удобного и красивого интерфейса сайта.

    курсовая работа [686,4 K], добавлен 13.06.2022

  • Этапы развития веб-дизайна. Виды и типы веб-сайтов, теоретические аспекты их создания. Структура веб-сайта и его страниц. Процесс и результат разработки веб-дизайна. Создание сайта факультета архитектуры и дизайна Кубанского государственного университета.

    дипломная работа [4,6 M], добавлен 10.11.2015

  • История веб-дизайна и сайтов. Пример раннего сайта Angelfire. Популярные браузеры, цветовая модель RGB. Структура корпоративного сайта. Предпроектный анализ разрабатываемого веб-сайта. Основные блоки макета. Пример адаптивной верстки. Макет в Photoshop.

    дипломная работа [8,0 M], добавлен 10.10.2015

  • Возможные варианты веб-сайты вегетарианских ресторанов. Изучение особенности дизайна корпоративных сайтов вегетарианских ресторанов на примере других сайтов. Создание дизайн-макета сайта в программе Adobe Photoshop. Готовый макет корпоративного сайта.

    курсовая работа [1,7 M], добавлен 11.06.2015

  • Классификация сайтов по технологиям, влияющим на дизайн и функциональность. Исследование языков программирования для web-сайтов. Характеристика особенностей личных и коммерческих сайтов. Разработка и реализация сайта Института математики и информатики.

    отчет по практике [5,1 M], добавлен 09.12.2014

  • Общее описание разрабатываемого веб-сайта. Создание модуля учета средств для разработки программного продукта. Разработка дизайна. Редактирование веб-сайта в CMS Worspress. Разработка методических указаний для продукта. Система управления базами данных.

    дипломная работа [1,8 M], добавлен 10.07.2017

  • Значение и обзор современных средств веб-программирования на основе языков четвертого поколения. Технологические особенности разработки структуры сайта Интернет-магазина средств связи. Способы форматирования контента, систем навигации и дизайна сайта.

    контрольная работа [3,2 M], добавлен 15.02.2011

  • Выбор способов конструирования и оформления интернет-странички для разработки сайта торгового предприятия. Особенности работы с элементами web-дизайна: шрифтом, заглавиями, графиками. Правовое регулирование создания и использования интернет-сайтов.

    дипломная работа [1,1 M], добавлен 11.11.2010

  • Анализ существующих сайтов образовательный учреждений учебных сайтов Астраханской области. Обзор среды реализации разработки веб-сайта. Требования к официальным сайтам образовательных учреждений. Разработка логической структуры веб-сайта колледжа.

    дипломная работа [6,1 M], добавлен 10.06.2014

  • Исследование принципов работы, технологии и стандартов IP–телефонии, оценка качества телефонной связи и сжатия речи. Анализ планирования структуры сайта, разработки дизайна, верстки макета. Характеристика регистрации доменного имени и хостинга сайта.

    курсовая работа [52,7 K], добавлен 23.12.2011

  • Формирование виртуальной странички предприятия в Internet. Обоснование выбора платформы. Разработка структуры и дизайна сайта, электронного каталога продуктов фирмы. Оптимизация сайта под поисковые системы. Основные принципы и правила продвижения сайта.

    дипломная работа [3,0 M], добавлен 01.01.2018

  • Понятие и виды хостинга. Характеристика способов раскрутки веб-сайта. Обоснование необходимости и особенности разработки сайта для гостиничного предприятия, его назначение. Анализ сайтов-конкурентов. Выбор хостинга и домена, метода продвижения сайта.

    контрольная работа [310,6 K], добавлен 25.12.2012

  • Основные технологии разработки ресурсов Интернет. Процесс разработки веб-сайта. Понятие Web-сайта и классификация Web-сайтов. Основные этапы разработки Web-сайта. Использование HTML, CSS, JavaScript, FLASH, PHP и реляционной базы данных MySQL.

    презентация [1,3 M], добавлен 28.11.2015

  • Обзор и анализ используемых технологий, содержания и дизайна сайтов ВУЗов, в том числе созданных на основе CMS. Исследование содержания сайта ПРИПИТ и информационных потребностей различных групп его потенциальных посетителей. Разработка дизайна сайта.

    дипломная работа [129,4 K], добавлен 11.03.2010

  • Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.

    курсовая работа [1,0 M], добавлен 09.01.2014

  • Разработка общей структуры проектируемого сайта. Выбор программных и аппаратных средств для реализации поставленной задачи. Описание дизайна будущего сайта. Рассмотрение основ регистрации, правил построения программной и эксплуатационной документации.

    курсовая работа [5,3 M], добавлен 31.07.2014

  • Разработка проекта веб-сайта для медицинского центра, предоставляющего платные услуги. Анализ целевой аудитории создаваемого сайта как информационного ресурса. Навигация сайта, описание профилей пользователей и алгоритмов их взаимодействия с системой.

    курсовая работа [1,9 M], добавлен 13.12.2014

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.