Мы в сети

VK
FB

Оформите подписку!

 Введите Ваш E-m@il и
получайте свежие новости

Видеокурс
Бесплатный видеокурс "Веб-дизайн. Быстрый старт". (Даниил Волосатов - Webformyself)
Курс

Курс Бесплатный видеокурс "Веб-дизайн. Быстрый старт". (Даниил Волосатов - Webformyself)

Страница автора - Даниил Волосатов - Webformyself
Страница автора

Автор(ы): Даниил Волосатов

В данном курсе Вы увидите создание полноэкранного дизайн сайта.

А именно:

  • Познакомитесь с самой продвинутой программой для веб-дизайна – Figma.
  • Узнаете, как работать с фреймами.
  • Узнаете об универсальной сетке.
  • Увидите сборку структуры сайта.
  • Увидите, как работать с компонентами.
  • Увидите создание интерактивного прототипа для заказчика.

Смотреть видео:

 Веб-дизайн. Быстрый старт. Урок 1. Скачивание Figma. (Даниил Волосатов - Webformyself)

Содержание:

  • Урок 1. Скачивание Figma

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

  • Урок 2. Создание фрейма и сетки

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

  • Урок 3. Сборка структуры

Увидите добавление основной информации: заголовок, подзаголовок, кнопку и другие элементы, которые будут в дизайне.

  • Урок 4. Создание карточки из компонентов

В этом уроке Вы узнаете, как создавать компоненты и работать с ними. Это очень важная часть в создании дизайна.

  • Урок 5. Добавление цвета

Увидите добавление красок дизайну. Добавим цвета для фона, кнопки и текста.

  • Урок 6. Быстрое добавление изображений

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

  • Урок 7. Плагин Unsplash

Если у вас нет своих изображений, вы можете использовать плагин Unsplash. Плагин позволят рандомно добавлять изображения, подгружая их из своей библиотеки. Доступно 12 тем на выбор.

  • Урок 8. Создание интерактивного прототипа

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

  • Страница курса - Веб-дизайн. Быстрый старт. (Даниил Волосатов - Webformyself)
  • Похожие видеокурсы по теме:
    Видеокурс Бесплатный видео урок
    Видеокурс Бесплатный видео урок
    Видеокурс Бесплатный видео урок
    Видеокурс Бесплатный видео урок
    Видеокурс Видео урок
    Видеокурс Курс
  • Смотрите бесплатное видео по теме:
    Промо ролики видеокурса JavaScript. Быстрый старт. (Владилен Минин - Webformyself)
    Промо ролики видеокурса Server Side Rendering с Nuxt.js. Быстрый старт. (Владилен Минин - Webformyself)
    Промо ролики видеокурса React JS. Основы. (Владилен Минин - Webformyself)
    Промо ролики видеокурса Server Side Rendering с Nuxt.js. Быстрый старт. (Владилен Минин - Webformyself)
    Это бесплатный видео курс Верстка сайта на Grid. Быстрый старт. (Денис Булыга  - Webformyself)
    Промо ролики видеокурса Мини-курс. Фреймворк Bootstrap 4. Быстрый старт. (Андрей Кудлай - Webformyself)

Добавить комментарий


Защитный код
Обновить