Base
Введение
О веб-дизайне
Веб-дизайн - это процесс визуализации и проектирования сайтов.
Целью является разработка понятного и удобного интерфейса для пользователей, чтобы их задачи решались быстро и эффективно.
Ключевые компоненты веб-дизайна:
- UI-дизайн: отвечает за визуальные элементы и интуитивность интерфейса (кнопки, меню, микроанимации).
- UX-дизайн: фокусируется на пользовательском опыте, исследует аудиторию, разрабатывает логичную навигацию.
- Типографика, теория цвета и композиция: основы визуального языка, влияющие на читаемость и общее визуальное восприятие.
Настройка окружения
О Figma
В современной дизайн-разработке figma является самым популярным инструментом. В ней можно:
- делать дизайн сайтов и мобильных приложений
- отрисовывать иконки, иллюстрации, логотипы
- создавать баннеры, сторизы, статьи для социальных сетей
- работать над презентациями (SlideDesk)
- обсуждать идеи и проводить брейнштормы (FigJam)
Основные возможности:
- совместно работать в online
- создавать интерактивные прототипы
- создавать компоненты и стили
- есть история изменений
- присутствует и браузерная, и десктопная версия
Установка шрифтов
Для работы шрифта на десктопной версии Figma, нужно установить шрифт на сам ПК и тогда он подтянется в программе.
Чтобы подтянуть локальный шрифт в веб-версию, нужно установить font installer, чтобы он синхронизировал шрифт с ПК на веб. Либо можно упростить немного путь и перейти в вебе в профиль - настройки - шрифты и проследовать инструкции.
Основы работы в Figma
Типографика
Работа с цветом
Auto Layout
Работа с иконками
Атомарный дизайн
Практика
Финал
Далее:
- Создание интерактивных прототипов
- Работы с компонентами
- Создание системы токенов и variables
- Поддержание дизайн-систем