Эффективный сайт с нуля в Figma «Arena Center»

compare_arrows

Вводная часть. Основные понятия веб-дизайна

• Зачем нужен сайт? 
• Виды сайтов и цель. 
• Концепция сайта. 
• Работа с позиционированием. 
• Роль веб-дизайнера в бизнесе.

Принципы веб-дизайна. Макет сайта. Пользовательский опыт

• Работа с цветом при разном позиционировании сайта. 
• Айдентика. 
• Основные элементы сайта. 
• Визуал элементов в разных стилях. 
• Определение UI/UX. 
• Как сделать сайт интуитивно понятным.

Figma. Интерфейс и знакомство с программой

• Основы работы в Figma.
• Возможности и инструментарий графического редактора. 
• Подготовка собственного проекта по ТЗ.

Композиция макета сайта. Работа с фигурами и изображениями

• Обзор инструментов для создания форм. 
• Изображения. 
• Как подбирать? 
• Где искать? 
• Импорт файлов. 
• Вспомогательные элементы. 
• Фреймы, гриды, сетка. 
• Прототипирование страницы.

Основы типографики

• Работа с текстом и смарт гайдами. 
• Виды шрифтов, правила верстки текста, юзабилити и типографика. 
• Выбор релевантных шрифтов для проекта, верстка текста сайта.

Создание адаптивных версий и завершение работы с макетом

• Работа с экспортом. 
• Права доступа к макетам. 
• Figma Mirror для мобильных устройств. 
• Адаптивный дизайн.