1. Цели освоения дисциплины
| 1.1. | Формирование готовности студентов к проектированию в области web-дизайна, изучение основных тенденций развития web-дизайна, ознакомление с основными этапами разработки проектов в области web-дизайна и формирование навыков разработки визуальных компонентов сайтов |
|---|
2. Место дисциплины в структуре ООП
| Цикл (раздел) ООП: Б1.В.2 |
3. Компетенции обучающегося, формируемые в результате освоения дисциплины
| ПК-4 | Способен разрабатывать визуальный стиль пользовательского интерфейса на основе навыков работы с цветом, формой, композицией, на основе понимания принципов и этапов развития визуальной культуры, знания истории дизайна, включая осведомленность в современных тенденциях их развития. |
| ПК-5 | Способен проектировать дизайн пользовательского интерфейса по концепции или готовому образцу с учетом потребностей пользователей и особенностей пользовательского поведения |
| В результате освоения дисциплины обучающийся должен | |
| 3.1. | Знать: |
|---|---|
| 3.1.1. | - основы проектирования дизайна пользовательского интерфейса по концепции или готовому образцу - основы навыков работы с цветом, формой, композицией - этапы развития визуальной культуры, истории дизайна с учетом современных тенденций |
| 3.2. | Уметь: |
| 3.2.1. | - определять тренды, основные тенденции в развитии современного web-дизайна на основе информационного поиска - разрабатывать прототип web-сайта - использовать принципы современной типографики в проектировании web-интерфейса |
| 3.3. | Иметь навыки и (или) опыт деятельности (владеть): |
| 3.3.1. | - навыками подбора референсов на основе информационного поиска - навыками разработки дизайна web-сайтов - навыками разработки дизайн-проекта сайта с учетом эргономических требований и современных тенденций развития визуальной культуры |
4. Структура и содержание дисциплины
| Код занятия | Наименование разделов и тем | Вид занятия | Курс | Часов | Компетенции | Литература |
|---|---|---|---|---|---|---|
| Раздел 1. Тенденции развития web-дизайна | ||||||
| 1.1. | Понятие интерактивной среды. Подходы к web-проектированию | Лекции | 4 | 4 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1, Л2.3, Л2.2 |
| 1.2. | Основные тенденции развития современного дизайна | Сам. работа | 4 | 16 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 1.3. | Тренды современного web-дизайна | Сам. работа | 4 | 7 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| Раздел 2. Основные этапы разработки web-проекта | ||||||
| 2.1. | Методы разработки идеи web-проекта. Основы дизайн-исследования в области web-дизайна | Сам. работа | 4 | 5 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 2.2. | Методы взаимодействия пользователей с интерфейсом | Практические | 4 | 2 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 2.3. | Выбор визуального стиля web-проекта. Референсы и мудборды | Сам. работа | 4 | 6 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 2.4. | Подбор референсов и составление мудборда | Сам. работа | 4 | 12 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 2.5. | Основные инструменты и методы прототипирования. Модульные сетки | Сам. работа | 4 | 5 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| Раздел 3. Визуальные компоненты web-дизайна | ||||||
| 3.1. | Web-типографика | Сам. работа | 4 | 4 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 3.2. | Визуальная иерархия в web-дизайне | Практические | 4 | 2 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 3.3. | Роль негативного пространства в web-дизайне | Практические | 4 | 2 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 3.4. | Цвет в web-дизайне | Сам. работа | 4 | 4 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 3.5. | Сравнительный анализ колористического решения и типографического оформления сайтов | Сам. работа | 4 | 16 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 3.6. | Кнопки и формы в web-дизайне | Практические | 4 | 2 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 3.7. | Универсальные элементы сайтов | Сам. работа | 4 | 6 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| Раздел 4. Web-дизайн как проектная деятельность | ||||||
| 4.1. | Системы ведения проектов в web-дизайне | Сам. работа | 4 | 7 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 4.2. | Составление технического задания и проекта | Сам. работа | 4 | 6 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 4.3. | Landing page как web-проект | Практические | 4 | 4 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 4.4. | Разработка портфолио web-дизайнера | Сам. работа | 4 | 6 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 4.5. | Разработка сайта-портфолио | Сам. работа | 4 | 43 | ПК-4, ПК-5 | Л2.1, Л1.2, Л3.1, Л1.1 |
| 4.6. | Подготовка презентации сайта | Сам. работа | 4 | 12 | ПК-4, ПК-5 | Л1.1, Л2.2 |
5. Фонд оценочных средств
| 5.1. Контрольные вопросы и задания для проведения текущего контроля и промежуточной аттестации по итогам освоения дисциплины |
| см. приложение |
| 5.2. Темы письменных работ для проведения текущего контроля (эссе, рефераты, курсовые работы и др.) |
| см. приложение |
| 5.3. Фонд оценочных средств для проведения промежуточной аттестации |
| см. приложение |
| Приложения |
|
Приложение 1.
Web-дизайн z09_03_03_ПИвД-3-2021.doc
|
6. Учебно-методическое и информационное обеспечение дисциплины
| 6.1. Рекомендуемая литература | ||||
| 6.1.1. Основная литература | ||||
| Авторы | Заглавие | Издательство, год | Эл. адрес | |
| Л1.1 | Молочков, В.П. | Adobe Photoshop CS6: | Национальный Открытый Университет «ИНТУИТ» // ЭБС "Университетская библиотека online", 2016 | biblioclub.ru |
| Л1.2 | Тузовский, А. Ф. | Проектирование и разработка web-приложений: учебное пособие для среднего профессионального образования | Юрайт, 2024 | urait.ru |
| 6.1.2. Дополнительная литература | ||||
| Авторы | Заглавие | Издательство, год | Эл. адрес | |
| Л2.1 | Диков А.В. | Веб-технологии HTML и CSS: Учебное пособие | М.: Директ-Медиа // ЭБС "ONLINE", 2012 | biblioclub.ru |
| Л2.2 | А. Н. Лаврентьев [и др.] | Цифровые технологии в дизайне. История, теория, практика: учебник и практикум для вузов | М. : Издательство Юрайт, 2018 | biblio-online.ru |
| Л2.3 | Богданов М. Р. | Перспективные языки веб-разработки: Учебная литература для ВУЗов | Национальный Открытый Университет «ИНТУИТ», 2016 | biblioclub.ru |
| 6.1.3. Дополнительные источники | ||||
| Авторы | Заглавие | Издательство, год | Эл. адрес | |
| Л3.1 | Ахтямова, С.С. | Программа CorelDRAW. Основные понятия и принципы работы: учебное пособие | Издательство КНИТУ // ЭБС "Университетская библиотека online", 2014 | biblioclub.ru |
| 6.2. Перечень ресурсов информационно-телекоммуникационной сети "Интернет" | ||||
| Название | Эл. адрес | |||
| Э1 | Responsive Web Design // Coursera | www.coursera.org | ||
| Э2 | Электронный курс на Едином образовательном портале АлтГУ "Web-дизайн": https://portal.edu.asu.ru/course/view.php?id=3790 | portal.edu.asu.ru | ||
| 6.3. Перечень программного обеспечения | ||||
| CorelDRAW Graphics Suite Adobe Creative Suite Microsoft Office, Microsoft Windows, 7-Zip, AcrobatReader.Microsoft Office 2010 (Office 2010 Professional, № 4065231 от 08.12.2010), (бессрочно); Microsoft Windows 7 (Windows 7 Professional, № 61834699 от 22.04.2013), (бессрочно); Chrome (http://www.chromium.org/chromium-os/licenses), (бессрочно); 7-Zip (http://www.7-zip.org/license.txt), (бессрочно); AcrobatReader (http://wwwimages.adobe.com/content/dam/Adobe/en/legal/servicetou/Acrobat_com_Additional_TOU-en_US-20140618_1200.pdf), (бессрочно); ASTRA LINUX SPECIAL EDITION (https://astralinux.ru/products/astra-linux-special-edition/), (бессрочно); LibreOffice (https://ru.libreoffice.org/), (бессрочно); Веб-браузер Chromium (https://www.chromium.org/Home/), (бессрочно); Антивирус Касперский (https://www.kaspersky.ru/), (до 23 июня 2024); Архиватор Ark (https://apps.kde.org/ark/), (бессрочно); Okular (https://okular.kde.org/ru/download/), (бессрочно); Редактор изображений Gimp (https://www.gimp.org/), (бессрочно) | ||||
| 6.4. Перечень информационных справочных систем | ||||
| Информационная справочная система: СПС КонсультантПлюс (инсталлированный ресурс АлтГУ или http://www.consultant.ru/). Профессиональные базы данных: 1. Электронная база данных «Scopus» (http://www.scopus.com); 2. Электронная библиотечная система Алтайского государственного университета (http://elibrary.asu.ru/); 3. Научная электронная библиотека elibrary (http://elibrary.ru). 4. Система поиска информации в сети интернет (включая русскоязычный интернет) Google (https://www.google.ru/). | ||||
7. Материально-техническое обеспечение дисциплины
| Аудитория | Назначение | Оборудование |
|---|---|---|
| 206Л | лаборатория информационных технологий - компьютерный класс - учебная аудитория для проведения занятий семинарского типа (лабораторных и(или) практических); проведения групповых и индивидуальных консультаций, текущего контроля и промежуточной аттестации | Учебная мебель на 14 посадочных мест; компьютеры: марка DEPO модель Neos 260, мониторы: марка Philips модель 227E3LHSU - 14 единиц |
| 204Л | лаборатория информационных технологий - компьютерный класс - учебная аудитория для проведения занятий семинарского типа (лабораторных и(или) практических); проведения групповых и индивидуальных консультаций, текущего контроля и промежуточной аттестации | Учебная мебель на 14 посадочных мест; компьютеры: марка DEPO модель Neos 260 - 14 единиц; Интерактивная доска Smart board 680 IV со встроенным проектором v25 |
| 106Л | помещение для хранения и профилактического обслуживания учебного оборудования | Стеллажи – 3 шт. осциллограф, паяльная станция, источник тока, переносные ноутбуки |
| Помещение для самостоятельной работы | помещение для самостоятельной работы обучающихся | Компьютеры, ноутбуки с подключением к информационно-телекоммуникационной сети «Интернет», доступом в электронную информационно-образовательную среду АлтГУ |
8. Методические указания для обучающихся по освоению дисциплины
| При изучении дисциплины целесообразно выполнять следующие рекомендации: а) изучение должно быть систематическим, в течение всего семестра; для формирования устойчивых навыков и знаний эффективнее следовать логике построения курса и осваивать учебный материал небольшими порциями; б)после изучения темы на практическом занятии следует выполнить самостоятельную работу по данной теме, если она предполагается, а также изучить дополнительные ресурсы, рекомендованные преподавателем, а также найденные самостоятельно в сети Интернет, в фондах научной библиотеки университета. Дополнительные учебные результаты могут быть достигнуты в форме научно-исследовательской работы студентов по проблематике данной учебной дисциплины: написание научных статей, выступление на конференциях, круглых столах, участие в научно-исследовательских проектах. Выполнение практических заданий предусмотрено как на практических занятиях, так и в форме самостоятельной работы. При выполнении самостоятельной работы учащийся может задавать уточняющие вопросы преподавателю, используя электронные средства коммуникации на Едином образовательном портале АлтГУ, а также при непосредственном общении с преподавателем в часы консультаций. |