Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Design Web Design

Веб Дизайн в Figma. Основы Ui Ux дизайна на практике

Практический курс по веб дизайну. Теория и основы веб дизайна и ui/ux для новичка. Практика создания макетов по ТЗ.
Bestseller
Rating: 4.5 out of 54.5 (1,059 ratings)
3,858 students
Created by Evgen Marfel
Last updated 2/2021
Russian
30-Day Money-Back Guarantee

What you'll learn

  • Углубленное изучение Figma
  • Создание концептов сайтов
  • Основы веб дизайна
  • Введение в типографику
  • Прототипирование
  • Создание Лендинга по ТЗ
  • Создание Интернет Магазина по ТЗ (апрель 2020)
  • Исследование продукта
  • Понимание целевой аудитории
  • Создание презентации своей работы
  • План развития в профессии
  • Способы заработка для веб дизайнера

Requirements

  • Желание изучить Веб дизайн
  • Компьютер и Интернет

Description

КУРС В РАННЕМ ДОСТУПЕ: Материалы будут добавляться

Курс по веб дизайну для новичков. От основ и теории до применения знаний на практике.

Курс делится на несколько модулей. Мы пройдем теорию веб дизайна, узнаем основы этой науки и основные принципы создания дизайн макетов.

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

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

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

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

В конце курса я расскажу где можно найти заказы  и работу веб дизайнеру.

На данный момент в курсе есть практический модуль по созданию лендинга по тз. +Практический модуль по созданию дизайн интернет магазина по тз.

Для кого этот курс?

  • для тех, кто никогда не изучал веб дизайн, но хотел бы начать;

  • для начинающих веб дизайнеров;

  • для тех, кто хочет узнать о процессе создания дизайна больше, чем дает ютуб.

В курсе есть большой модуль по Figma в котором мы полностью разберем основные инструменты программы.

Для максимального эффекта от обучения курс состоит не только из видео уроков, но и из статей и домашних заданий. Без выполнения ДЗ теряется смысл обучения. Простой просмотр видео не даст 100% результата, только работа и практика сделают из тебя настоящего веб дизайнера. 


Who this course is for:

  • Начинающие веб дизайнеры и все те, кто хочет освоить эту профессию

Course content

12 sections • 91 lectures • 17h 41m total length

  • Preview01:43

  • О чем этот модуль
    00:24
  • Скачать Figma и зарегистрироваться в программе
    02:29
  • Структура файлов
    11:25
  • Обзор интерфейса программы
    04:40
  • Сохранение и передача файла
    06:58
  • Горячие клавиши
    01:37
  • Move tool, Scale tool
    01:50
  • Выравнивание объектов
    04:52
  • Прямоугольник + овал
    12:19
  • Полигон + Звезда
    03:59
  • Обводка
    03:34
  • Эффекты
    05:58
  • Заливка + градинет
    09:20
  • Изображения
    11:44
  • Маска
    05:20
  • Перо
    17:42
  • Инструмент "Текст"
    15:39
  • Группа
    09:46
  • Frame
    19:08
  • Булевы группы
    04:38
  • Эффекты наложения
    04:29
  • Экспорт
    04:00
  • Комьюнити
    03:21
  • Плагины
    04:25
  • Стили
    15:08
  • Constraints (Ограничения/привязки) Часть 1
    18:48
  • Constraints (Ограничения/привязки) Часть 2
    13:38
  • Сетки. Часть 1
    04:12
  • Сетки. Часть 2 + ДЗ
    13:46
  • Компоненты
    07:29
  • Продвинутая Figma
    00:11
  • Auto Layout
    18:35
  • Selection colors
    03:22

  • Основа атомарного дизайна
    12:40
  • Создание атомов и молекул
    08:55
  • Создание организмов
    01:02:14
  • Откуда черпать вдохновение
    07:03

  • Типографика
    24:34
  • Типографика практика + ДЗ
    09:05
  • Тест по типографике
    4 questions
  • Сетки и направляющие в дизайне
    03:10
  • Теория цвета
    02:10
  • Где брать картинки для веб дизайна
    09:14
  • Как подбирать картинки для проектов
    08:02
  • Выравнивание объектов
    07:54
  • Правило внутреннего и внешнего
    07:07
  • Иерархия в веб дизайне
    07:41

  • Что такое дизайн концепт
    06:49
  • Практика создания дизайн концепта сайта
    36:15

  • Техническое задание проекта(ТЗ)
    06:42
  • Подробнее о брифах
    01:25
  • Preview08:49
  • Определение целевой аудитории
    06:20
  • Аналитика конкурентов
    08:58
  • Создание прототипа сайта. Теория
    02:52
  • Создание прототипа сайта. Практика
    31:41
  • Создание концепта сайта
    39:45
  • Создаем блоки с информацией
    24:37
  • Создаем блок тарифов, форму связи и футер
    20:48
  • Работа со слоями. Доработка дизайна.
    13:00
  • Адаптив дизайна под планшет
    20:10
  • Создание мобильной версии дизайна
    18:11
  • Создание модальных окон + ДЗ
    13:02
  • Готовим работу к верстке. Стайл Гайд + ДЗ
    05:22
  • Этапы работы над проектом на фрилансе
    05:11
  • Создание личного кабинета
    2 questions

  • Получение ТЗ
    04:41
  • Создание концепта интернет магазина
    13:56
  • Создание основных блоков главной страницы
    24:14
  • Создание рекламного баннера и формы подписки
    09:39
  • Создание футера
    16:13
  • Проверка дизайна главной
    05:00
  • Страница выдачи товара
    29:58
  • Создание страницы товара. Карточка товара
    38:27
  • Создание модального окна
    08:57
  • Создание корзины
    10:06
  • Создаем страницу оплаты
    17:17

  • Введение в прототипирование в Figma
    26:51
  • Создание кликабельного макета
    17:15

  • Адаптация главной
    30:50
  • Адаптив страницы выдачи товаров
    12:09
  • Адаптив карточки товара + ДЗ
    11:07
  • Адаптив корзины
    07:05
  • Адаптив страницы оплаты
    08:20
  • Создаем открытое меню в мобильной версии сайта
    05:34
  • Проверка на ошибки
    04:16

  • Создание стайл гайда
    2 questions

Instructor

Evgen Marfel
Web Designer
Evgen Marfel
  • 4.5 Instructor Rating
  • 1,318 Reviews
  • 4,419 Students
  • 3 Courses

Hello, my friend

My name is Evgen and I have been working with web design and website development for four years now.

I am a promoter of Figma in the Russian-speaking part of the Internet. Udemy placed me on the toplist authors on the topic of web design and Figma in the Russian segment of the platform.

I have already trained 2500 students and I’d like to share my knowledge of software for a design and a designer profession with you.


------------------------


Привет, мой друг

Меня зовут Евгений и я уже четыре года занимаюсь веб дизайном и разработкой сайтов.  Я автор канала на ютубе, канала в Telegram, сайта и группы вк посвященных самой перспективной программе для веб дизайна - Figma.

Я уже обучил  многих студентов и хочу поделиться своими знаниями по софту для дизайнера и профессии веб дизайнер с тобой.


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.