Вернуться к Курс
Базовый курс HTML CSS
0% Завершено
0/25 Шагов
-
1) Как создать сайт
-
2) Программы, с помощью которых создаются файлы на HTML и CSS
-
3) Язык гипертекстовой разметки HTML
-
4)Хостинг. Cервер. Доменное имя.
-
5) Каскадные таблицы стилей CSS
-
6) Списки
-
7) Гиперссылка
-
8) Структура
-
9) Якорь. Селекторы
-
10)Практика
-
11)Изображение HTML
-
12)Изображение CSS
-
13) Padding, margin
-
14)display. Таблицы
-
15) Flexbox CSS
-
16) Макет "Paper", Figma, Pixso
-
17)Grid Layout
-
18) шрифты
-
19) Позиционирование.
-
20) Псевдоэлемент
-
21) Псевдоклассы в CSS.
-
22) CSS3-анимация
-
23) Адаптивная вёрстка. Mobile First
-
24) Форма обратной связи
-
25) Препроцессоры в CSS
В прогрессе
Урок 16 из 25
В прогрессе
16) Макет «Paper», Figma, Pixso
Что такое Figma
Фигма — графический редактор для создания прототипов сайтов и приложений. Над проектом одновременно могут работать несколько человек, так как можно выдать доступ на редактирование или комментирование любому.
Для чего нужна Figma
В фигме обычно создают прототипы сайтов и приложений, иллюстрации, векторную графику, рисуют элементы интерфейса. Ещё здесь создают макеты сайтов для тильды: есть возможность импортировать дизайн.
Что можно делать в Figma
В фигме работают дизайнеры, маркетологи, менеджеры продукта, разработчики. Рассмотрим, как использовать фигму.
Интерфейс
Интерфейс — это внешний вид продукта: кнопки, формы, иконки. Их можно создавать прямо в фигме и добавлять эффекты: создавать анимацию для баннеров, делать кнопки кликабельными.
Интерфейс Tesla Model 3 в фигме
Прототип
Прототип — модель будущего приложения или сайта. Это упрощённая версия продукта, по которой уже понятно, как люди будут пользоваться им. Ещё прототип можно адаптировать под планшеты и смартфоны.