Виталий Яковлев «Дизайн-симулятор: Middle UI/UX-дизайнер 2023. Тариф Экономный» — ITsets слив скачать
![[ITsets] Дизайн-симулятор: Middle UI/UX-дизайнер 2023. Тариф Экономный (Виталий Яковлев)](/images/courses/7/443851/kurs-itsets-dizayn-simulyator-middle-uiux-dizayner-2023-tarif-ekonomniy-vitaliy-yakovlev.jpg)
![[ITsets] Дизайн-симулятор: Middle UI/UX-дизайнер 2023. Тариф Экономный (Виталий Яковлев) облако, фото 2 из 2.](/screen/119/kurs-vitaliy-yakovlev-dizayn-simulyator-middle-uiux-dizayner-2023-tarif-ekonomniy-itsets-mail-oblako.webp)
На обучении вы сделаете профессиональный дизайн мобильных приложений и веб-интерфейсов.
Осторожно! Практика зашкаливает, нужно будет много работать.
Долой скучные лекции по 2–3 часа с нудной теорией. Их записывают, чтобы вы дольше учились и не думали про возврат, пока всё не изучите. На таких лекциях обычных курсов вам будут рассказывать то, что не понадобится в ежедневной и реальной работе.На симуляторе нет лекций, вы делаете реальные задачи по 15–20 минут, а мы их проверяем. Так вы обучитесь быстрее.
Лучший способ освоить навык — не знания, а практика. Ещё лучше — практика, основанная на задачах, похожих на реальные. Дизайн-симулятор — воплощение этой идеи и имитация рабочего процесса.
Программа:
Этап 1
Принципы качества, референсы, ошибки
- Разбор качественных и некачественных работ. Какие отличия и принципы.
- Поиск удачных референсов и список ресурсов. Как работать с референсами.
- Самые частые ошибки — под запись. Много эффектов. Креатив. Придумывать что-то с нуля. Использование креативных шрифтов. Перебор с цветами, перебор с контрастом или его отсутствие. Масштабы UI-элементов. Размер, ритм, цвет, масса. Последовательность и иерархия.
Типографика, принцип близости
- Размер шрифта, трекинг, интерлиньяж, абзацы.
- Иерархия и структура текста.
- Элементы типографики.
- Размер.
- Начертание.
- Отступы.
- Цвет и контрастность.
- Не делать наборный текст капсом.
- Не делать текст жирным или медиум слишком много.
- Не делать слишком тонкий текст.
- Не использовать в одной работе более 1–2 шрифтов.
- Не делать абзацы более 5–7 строк.
- Не допускать на один заголовок более 4–5 абзацев.
- Достаточный интерлиньяж.
- Оправданные отступы. Не делать слишком большие. Соблюдать последовательность.
- Текст в интерфейсах и стили текста.
- Принцип близости и система отступов на примере типографики.
- Размер наборного текста, размер текста в кнопках и других UI-элементах.
Создание UI элементов в вебе и мобайле
Создание кнопок
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей кнопок.
- Проработка состояний при наведении и нажатии.
- Чек-лист по кнопкам.
- Область применения.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей иконок.
- Чек-лист по иконкам.
- Инпуты.
- Выпадающие списки.
- Календарь (выбор дат).
- Слайдеры.
- Радиобаттоны.
- Чекбоксы.
- Текстареа.
- Тоглы / свитчеры.
- Кнопки.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Проработка состояний.
- Правила создания стилей форм.
- Чек-лист по формам.
- Функциональное назначение.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Пагинация в каруселях.
- Проработка состояний.
- Функциональное назначение.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей пагинации.
- Чек-лист по пагинации.
- Функциональное назначение.
- Принципы создания.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей табов.
- Чек-лист по табам.
- Чойс-чипсы
- Функциональное назначение.
- Принципы создания.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей.
- Чек-лист.
- Функциональное назначение.
- Принципы создания.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей.
- Проработка состояний при наведении и нажатии.
- Чек-лист.
- Функциональное назначение.
- Принципы создания.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей.
- Проработка состояний при наведении и нажатии.
- Чек-лист.
- Функциональное назначение.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей.
- Проработка состояний при наведении и нажатии.
- Чек-лист.
- Функциональное назначение.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей.
- Проработка состояний при наведении и нажатии.
- Чек-лист.
- Функциональное назначение.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей.
- Проработка состояний при наведении и нажатии.
- Чек-лист.
- Функциональное назначение.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей.
- Проработка состояний при наведении и нажатии.
- Чек-лист.
- Функциональное назначение.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей.
- Проработка состояний при наведении и нажатии.
- Чек-лист.
- Функциональное назначение.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей.
- Проработка состояний при наведении и нажатии.
- Чек-лист.
- Функциональное назначение и области применения.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей.
- Проработка состояний при наведении и нажатии.
- Чек-лист.
- Принципы построения.
- Адаптивная версия таблиц.
- Как нельзя делать.
- Правила создания стилей.
- Проработка состояний при наведении и нажатии.
- Чек-лист.
- Функциональное назначение и области применения.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей.
- Проработка состояний при наведении и нажатии.
- Чек-лист.
- Функциональное назначение и области применения.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей.
- Проработка состояний при наведении и нажатии.
- Чек-лист.
- Функциональное назначение и области применения.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей.
- Проработка состояний при наведении и нажатии.
- Чек-лист.
- Функциональное назначение и области применения.
- Принципы построения.
- Типы и виды.
- Как нельзя делать.
- Правила создания стилей.
- Проработка состояний при наведении и нажатии.
- Адаптив попапов.
- Чек-лист.
- Адаптив UI-элементов.
- Состояния на разных девайсах.
Создание первых UI-композиций, микро UX
Экран проигрывателя аудио-трека
- Сбор и анализ референсов.
- Создание мудборда.
- Использование Figma Mirror.
- Создание иконок.
- Дизайн экрана.
- Проверка по чек-листу.
- Обзор работы.
- Сбор и анализ референсов
- Создание мудборда.
- Создание иконок.
- Дизайн виджета видеоплеера.
- Проверка по чек-листу.
- Обзор работы.
- Сбор и анализ референсов.
- Создание мудборда.
- Создание иконок.
- Дизайн карточек.
- Дизайн фильтров.
- Проверка по чек-листу.
- Обзор работы.
- Сбор и анализ референсов.
- Создание мудборда.
- Создание иконок.
- Дизайн карточек.
- Дизайн фильтров.
- Проверка по чек-листу.
- Обзор работы.
- Сбор и анализ референсов.
- Создание мудборда.
- Создание иконок.
- Дизайн карточек.
- Дизайн фильтров.
- Проверка по чек-листу.
- Обзор работы.
Макро UX, интерактивные прототипы, анимация
- Проработка сценария.
- Принципы анимации — изинги, тайминги.
- Подготовка ключевых фреймов.
- Создание интерактивного прототипа.
- Создание анимированного интерактивного прототипа.
- Запись процесса.
- Рендеринг и публикация.
Дизайн мобильного приложения
- Описание.
- Создание мудборда.
- Сбор референсов.
- Создание функциональной модели и CJM.
- Создание концепта для согласования стиля.
- Принципы качественного дизайна мобильных приложений.
- Разработка оставшихся экранов.
- Проработка интерактива.
- Создание анимации.
- Оформление и публикация кейса.
Дизайн интерфейса для PC/WEB
- Описание.
- Создание мудборда.
- Сбор референсов.
- Создание функциональной модели и CJM.
- Создание концепта для согласования стиля.
- Принципы качественного дизайна мобильных приложений.
- Разработка оставшихся экранов.
- Проработка интерактива
- Создание анимации.
- Оформление и публикация кейса.
Поиск работы, заказов, развитие карьеры
- Как развиваться и что делать дальше. Практические задания по поиску работы, заказов и проектов. Стурктура модуля секретна.
Создатель дизайн-симулятора Виталий Яковлев — практикующий Senior UI/UX-дизайнер с опытом в сфере дизйна интерфейсов 14 лет.
Работал с проектами Shell, Chery, Suzuki, РЖД, Johnson & Johnson. В 2019-м году принял участие в официальном конкурсе по редизайну Telegram от Павла Дурова и занял призовое место.
Рекомендуемые курсы
На курсе ты разработаешь 7 проектов и освоишь такие навыки: ЭКРАН ДЛЯ СОФТВЕРНОГО ПРОДУКТА figma работу с референсами процесс работы СПЕЦПРОЕКТ С КОНТЕНТОМ форму композицию модульную сетку базу типографики ИДЕЯ И РЕАЛИЗАЦИЯ 3D КОМНАТЫ (Cinema 4d) простое моделирование базовый свет 3д-композицию
![[AZBUKA Dom] Больше чем дизайнер интерьера (Виталий Битиев)](/images/courses/31/251123/kurs-azbuka-dom-bolshe-chem-dizayner-interyera-vitaliy-bitiyev.jpg)
Реальные преимущества нашего курса НАША ШКОЛА Практика на реальном объекте и с реальным клиентом Проверка ДЗ кураторами и живой разбор в прямом эфире Живые уроки в формате вебинаров Доступ к курсам на 3 месяца Помощь в трудоустройстве и с клиентами ДРУГИЕ ШКОЛЫ Вымышленный или не актуальный объект
![[Udemy] Blender 2023 - полный базовый курс 3D моделирования (Артем Яковлев)](/images/courses/47/442489/kurs-udemy-blender-2023-polniy-bazoviy-kurs-3d-modelirovaniya-artem-yakovlev.jpg)
Blender - полный базовый курс 3D моделирования Узнайте все популярные техники моделирования на практике Чему вы научитесь Базовые и высоко полигональное моделирование Освещение и постановка камеры Настройка материалов и UV развертка Анимация и сборка локаций Цифровая лепка (скульптинг) Полный
![[MakeUnion] Научитесь создавать инфографику для маркетплейсов. Тариф дизайн, конструктор и клиенты (Рома Райт, Виталий Боголюбов)](/images/courses/52/441978/kurs-makeunion-nauchites-sozdavat-infografiku-dlya-marketpleysov-tarif-dizayn-konstruktor-i-kliyenty-roma-rayt-vitaliy-bogolyubov.jpg)
Сделайте 4 шага к вашей удаленной работе: Изучаете уроки на платформе интенсива с компьютера или телефона в удобное для вас время Выполняете домашние задания и создаете свое резюме уже во время курса Получаете обратную связь и проверку домашних заданий лично от ведущих уроков Оформляете свои соц.
![[Udemy] Spine 2D - полный базовый курс (Артем Яковлев)](/images/courses/26/299688/kurs-udemy-spine-2d-polniy-bazoviy-kurs-artem-yakovlev.jpg)
Курс «Spine 2D - полный базовый курс» предназначен для начинающих аниматоров, которым нужно продуктивно освоить анимационную базу и пополнить портфолио конкурентными работами. На курсе ты научишься работать с любыми персонажами в не зависимости от стилистики. На курсе рассматривается самый важный
![[Нетология] Графический дизайнер: расширенный курс 2023](/images/courses/48/376049/kurs-netologiya-graficheskiy-dizayner-rasshirenniy-kurs-2023.jpg)
Что вы узнаете? Как начать работать графическим дизайнером. Какие логотипы всех привлекают. Какой дизайн сайтов наиболее удобный. Как создавать анимированные баннеры. Чем хороша платформа Tilda. Специалист, который может разработать дизайн сайта, другими словами — графический дизайнер, ценится на
Больше курсов по этой теме
![[timesavervfx] Моушн-графика в Davinci Resolve V2 (Юлия Корчагина)](/images/courses/27/443598/kurs-timesavervfx-moushn-grafika-v-davinci-resolve-v2-yuliya-korchagina.jpg)
На этом курсе вас ждет: Создание реального видеопродукта Знакомство с вкладкой Fusion. Принципы анимации Создание анимационного ролика для маркетплейсов Анимация логотипов на вкладке Fusion Полезные экспрешены для создания индивидуальных пресетов переходов Этапы создания интро. От идеи до
![[Stepik] Создание сайтов и веб дизайн в Tilda. С нуля до результата! (Дмитрий Фокеев)](/images/courses/23/443057/kurs-stepik-sozdaniye-saytov-i-veb-dizayn-v-tilda-s-nulya-do-rezultata-dmitriy-fokeyev.jpg)
Научитесь создавать полноценные адаптивные сайты, с использованием современных анимаций и принципов веб дизайна в Tilda, без знания кода с нуля. Чему вы научитесь: Научитесь создавать сайты из стандартных блоков Tilda Научитесь всем тонкостям работы с ZeroBlock (Свой собственный дизайн блока)
![[mai-tools] Лучшие инструменты для дизайнера-микростокера, а также всех кто работает в Иллюстраторе](/images/courses/16/442901/kurs-mai-tools-luchshiye-instrumenty-dlya-dizaynera-mikrostokera-a-takzhe-vsekh-kto-rabotayet-v-illyustratore.jpg)
1. Live Mirror Illustrator Templates - для зеркального рисования, создания круговых орнаментов, мандал, калейдоскопических эффектов и симметричного дизайна. 2. Stock Master Light - готовит векторные иллюстрации для микростоков автоматически. 3. Magic Eraser - автоматически отрезает и удаляет
![[top15moscow] Гайд 2024. Больше, чем свадьбы](/images/courses/52/442823/kurs-top15moscow-gayd-2024-bolshe-chem-svadby.jpg)
Для кого? Современных пар, которые хотят стильную свадьбу и готовы выходить за рамки привычного Свадебных профессионалов, которые хотят развивать индустрию вместе с нами и строят большие планы на свадебный сезон Удобный формат Гайд состоит из 5 разделов, каждый посвящен отдельной теме. Что в гайде?
![[Skillbox] Дизайн интерьеров с 0 до PRO. 2020](/images/courses/40/442508/kurs-skillbox-dizayn-interyerov-s-0-do-pro-2020.jpg)
Дизайн интерьеров с 0 до PRO [2020] Научитесь создавать потрясающие интерьеры у экспертов рынка и зарабатывайте 120 000 рублей в месяц Курс подойдет: Новичкам Вы получите новую востребованную профессию, не тратя пять лет на обучение в вузе, и начнете зарабатывать уже через год Дизайнерам интерьеров
![[Udemy] Курс 3D Start. Blender 3D, 3D coat, Marmoset, Photoshop (Айнур Камальтдинов)](/images/courses/10/442494/kurs-udemy-kurs-3d-start-blender-3d-3d-coat-marmoset-photoshop-aynur-kamaltdinov.jpg)
Курс 3D Start. Blender 3D, 3D coat, Marmoset, Photoshop Лучший видеокурс по программе Blender3D. Начни свой путь в 3д графику вместе со мной! Чему вы научитесь 3D моделирование в программе Blender UV развертка и подготовка модели для игрового движка Текстурирование в программе 3d coat Настройка
Отзывы о курсе «Дизайн-симулятор: Middle UI/UX-дизайнер 2023. Тариф Экономный» от Виталия Яковлева