Контент на сайте активно дополняется каждый день! Пожалуйста, поддержите нас Премиум - подпиской! Скрыть

Меню

Дизайн сайта в Figma с нуля

Добавить отзыв

391

Дизайн сайта в Figma с нуля Премиум

102 урока(ов)

06:11:12

Русский

2021

Премиум

От 4.99$

    Данный курс

  • 5.99 $

Чему вы научитесь?

  • Работать с программой Figma
  • Работать с готовыми блоками в Figma
  • Проектировать и создавать визуально привлекательные, продающие сайты
  • Работать с текстом, цветом и композицией
  • Создавать коммерческие сайты
  • Делать удобные сайты, которые будут простыми и понятными для пользователя.
  • Готовить материалы для публикации на сайте
  • Оценивать свою работу, искать и взаимодействовать с заказчиками, договариваться об оплате и прочее

Описание

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


Автор, который записал данный видеокурс является:

  1. Основателем дизайн-студии «Hiiro»;
  2. Создал сотни дизайн-проектов, сотрудничал с более 30 дизайн-студиями России;
  3. Работал с такими брендами, как Vichy, La Roche Posay, Lancome, Garnier, NYC и другими;
  4. Автором образовательных курсов по дизайну.


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


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


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


План на обучение


Модуль 1. Введение в профессию.

  • Об авторе;
  • Ответы на самые часто задаваемые вопросы;
  • Какими бывают веб-дизайнеры?
  • Основы сайтостроения;
  • Проектирование продающего сайта;
  • Минимальные системные требования для запуска Figma.


Модуль 2. Практика создания дизайна.

  • Как скачать и начать пользоваться Figma?
  • Нюансы перед началом работы;
  • Копирование файла библиотеки компонентов;
  • Настройка содержания блоков;
  • Создание сайта из готовых блоков;
  • Ввод текста;
  • Добавление изображений;
  • Оформление блоков и элементов страниц.


Модуль 3. Пошаговая инструкция создания дизайна сайта с нуля.


Модуль 4. Справочник Figma.

  • Как скачать программу?
  • Как открыть программу?
  • Экран недавно просмотренных файлов;
  • Поиск файлов;
  • Черновики;
  • Панель закладок;
  • Контекстная панель экрана;
  • Техническая поддержка в Figma;
  • Создание новой категории;
  • Создание нового проекта;
  • Создание нового файла в программе;
  • Обзор интерфейса;
  • Панель инструментов;
  • Инструмент перемещения;
  • Инструмент масштабирования;
  • Создание арт-бордов;
  • Фигуры в программе;
  • Работа с текстом в программе.


Модуль 5. Теория и практика веб-дизайна. Часть 1.

  • Копирование, дублирование арт-бордов;
  • Создание интерфейсной и колоночной сетки;
  • Практика использования инструментов Text и Rectangle;
  • Сборка дизайна из готовых компонентов секций;
  • Создание блоков и секций сайта с нуля;
  • Перенос текста из брифа в макет, добавление изображения;
  • Изменения цвета фона секций;
  • Уровни цвета, их применение в дизайне;
  • Домашняя работа.


Модуль 6. Теория и практика веб-дизайна. Часть 2.

  • Блочный стиль;
  • Сборка секций из деталей;
  • Перенос текста из технического задания от клиента;
  • Объединение секций с помощью общего фона;
  • Создание поисков и векторных изображений;
  • Работа с цветом и контрастом;
  • Домашнее задание.


Модуль 7. Теория и практика веб-дизайна. Часть 3.

  • Бесшовный стиль, закономерности его построения;
  • Уместный текст;
  • Поиск и добавление изображений;
  • Бесшовная модульная сетка;
  • Пропорции блоков;
  • Затемнение текста;
  • Домашнее задание.


Модуль 8. Теория и практика веб-дизайна. Часть 4.

  • Комбинированный стиль;
  • Адаптивный и резиновый дизайн;
  • Размеры сеток для адаптов;
  • Кликабельные элементы и их состояние;
  • Таблица состояний;
  • Исходные файлы;
  • Домашнее задание.


Модуль 9. Как работать с заказчиками?

  • Оценка стоимости своей работы;
  • Как и где искать клиентов?
  • Как взаимодействовать с клиентами, договариваться об оплате?

Метки:

Видеокурс

Это демо - урок(и)
Поделиться в Telegram

Комментарии

Добавить отзыв

Откройте «Премиум» доступ!

Получайте новые знания в полном объеме, не ограничивайте себя :)

Подробнее
Возможно, вас заинтересует
Разработка тем для WordPressБесплатно
Разработка тем для WordPress

1

838

Русский

Бесплатно

Подробнее
Фреймворк Django (Python)Премиум
Функции в JavaScript от 2021Премиум
Приёмы идеальной вёрсткиПремиум

Вступай в наше сообщество!

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

  • Наш канал с новостями
  • Наш чат