Воспользуйся шансом получить стипендию!

Пройди любой курс бесплатно и получи стипендию по его окончании
смотрят
2 студентов
62 Количество лекций
Средний

Что вы изучите?

  • Вы получите навыки дизайна адаптивных сайтов в Photoshop Вы научитесь создавать "moodboard" для ваших дизайнов Вы сможете создавать руководства по стилю для вашего веб-дизайна Вы попрактикуетесь в передаче вашего дизайна вашим разработчикам Вы научитесь использовать Zeplin и Invision App

Содержание

7ч 27м
Раздел 2: Организация вашего проекта веб-дизайна
13:53
Раздел 3: Получение требований клиента для вашего проекта веб-дизайна
22:30
Что такое дизайнерский бриф?
09:47
Начальные наброски от вашего клиента
03:52
Получение более детальной информации от клиента
05:25
Шаблон для сбора информации клиента
03:26
Раздел 4: Wireframe, Atomic Design и система 8px Grix
59:12
Создание Moodboard
05:40
Стадия осмысливания веб-дизайна
05:08
Введение в Balsamiq Mockups
09:34
Создание сайта с Wire frame Часть 1
07:55
Создание сайта с Wire frame Часть 2
14:25
Что такое система Atomic Design?
07:32
Использование 8 point или 8 px grid системы
08:58
Раздел 5: Создание руководства по стилю для вашего проекта веб-дизайна
25:30
Начинаем с сочетания шрифтов + цветовых схем
04:26
Что такое руководства стиля UI?
07:27
Примеры руководства стиля UI
03:10
Как я создал мое руководство по стилю?
07:14
Объяснение руководства по стилю масштаба типографии
02:36
Задание → Создание руководства по стилю
00:37
Раздел 6: Дизайна десктопного дизайна для проекта Wstudio
2:00:15
Онлайн инструменты для расчёта сетки
12:31
Планирование вашей сетки для макета
05:20
Планирование ваших отступов
05:35
Настройка Photoshop Art Board для десктопного вида
06:36
Дизайн раздела Header Hero Часть 1
12:17
Дизайн раздела Header Hero Часть 2 (Дизайн сайта)
08:32
Дизайн функций сайта Часть 1
10:01
Дизайн функций сайта Часть 2
08:36
Дизайн раздела пользовательских отзывов
08:50
Настройка пробелов + вертикальный ритм
05:46
Дизайн раздела с командой Часть 1
10:33
Дизайн раздела с командой Часть 2
06:42
Дизайн раздела Footer Часть 1
08:19
Дизайн раздела Footer Часть 2 (Упражнение по веб-дизайну)
10:37
Раздел 7: Дизайн сайта для планшетного вида
59:27
Адаптивный дизайн Часть 1
06:30
Адаптивный дизайн Часть 2
05:46
Создание сеток для планшетного вида веб-дизайна
07:21
Дизайн раздела Header для планшетного вида
11:17
Дизайн раздела как это работает для планшетного вида
10:18
Дизайн раздела команда для планшетного вида
09:27
Дизайн раздела Footer для планшетного вида
08:48
Раздел 8: Дизайн сайта для мобильных устройств (Маленьких экранов)
40:14
Планирование мобильного art board и сеток (Grid)
04:00
Дизайн Header для мобильного экрана
10:33
Дизайн функций для мобильного экрана
08:53
Дизайн раздела команды для мобильного экрана в Photoshop
09:09
Footer и финальные изменения для мобильного экрана
07:39
Раздел 9: Дизайн для разработчиков (Передача ваших файлов Photoshop для ваших разработчиков)
1:03:02
Что разработчикам нужно знать о вашем дизайне
04:55
Документ Red Line Specs с Ink Plugin Часть 1
10:15
Документ Red Line Specs с Ink Plugin Часть 1
06:14
Какие стили макетов вы можете конвертировать в код HTML CSS?
07:49
Установка Zeplin для передачи
10:11
Создание руководства по стилю с Zeplin
14:13
Zeplin vs Avocode (сторонние плагины для передачи разработчику)
03:45
Avocode vs Sympli
05:40
Раздел 10: Макетирование с Invision Online App
16:40
Что такое прототипы (макеты)?
03:49
Начинаем работу с Invision App для макетирования
06:35
Первый прототип с Invision App
06:16
Раздел 11: Продвинутые советы по веб-дизайну
18:50
Использование Iconmoon App для создание иконочных шрифтов
08:13
Использование иконок SVG в веб-дизайне
10:37

Описание

Требования

  • Хорошее владение Adobe Photoshop Вам нужно понимать, как работают сетки в веб-дизайне

О преподавателе

Muhammad Ahsan Pervaiz

UX UI Designer 10+ Years of Experience
Отзывы 0
Студенты 11
Курсы 1

Отзывы о платформе BitDegree

Наша оценка - Отлично
9.5 из 10
trustpilot logo 1 trustpilot logo