Дипломная работа по модулю "Создание визуального дизайна".
Суть дипломной работы:
Нужно спроектировать лендинг для десктопа в Figma, пройдя полный цикл — от выбора темы до готового прототипа с UI-китом.
Что нужно сдать:
  • Два мудборда и два набора референсов
  • Две дизайн-концепции с отрисованной главной страницей в каждой
  • Один выбранный прототип со всеми страницами из структуры сайта
  • Проработанную композицию: тени, цвета, шрифты, сетки, эффекты
  • Фрейм со стилями шрифтов и цветов
  • UI-кит с компонентами, их вариантами и всеми состояниями элементов
Формат сдачи: ссылка на Figma-файл + Google-документ с критериями оценки, открытый на редактирование.
UI‑кит
Сетка и отступы
Типографика
Палитра
Форма и футер
  • Десктоп: 12 колонок, margin 30 px, gutter 30 px
  • От края экрана до контента: 30 px
  • Между блоками: 80 px (вертикально).
  • Между фото и текстом: 140 px (горизонтально).
  • Планшет: −20 px от десктопа.
  • Мобильный: −40 px от десктопа.
  • Заголовок: TildaSans, 32 px.
  • Подзаголовок: TildaSans, 28 px.
  • Основной текст:TildaSans, 17 px
  • Логотип (текст): TildaSans, 28 px.
  • На планшете: уменьшайте все размеры на 4 px.
  • На мобильном: уменьшайте на 8 px от десктопа.
  • Кнопка (обычная): #6E36CA, текст белый, радиус 16 px.
  • Кнопка (hover): #A771FE, текст белый.
  • Кнопка (disabled): #CCCCCC, текст #666666.
  • Поле ввода (обычное): фон #FFFFFF, рамка #CCCCCC, фокус #6E36CA.
  • Поле ввода (ошибка): рамка #FF4D4D, текст #FF4D4D.
  • Чекбокс/радио (обычное): контур #CCCCCC, активный #6E36CA.
  • Чекбокс/радио (disabled): контур #E0E0E0.
Фон светлый:
#F5F5F5
Текст основной:
#1A1A1A (на светлом фоне)
Акцентный:(основной)
#6E36CA
Акцентный: (hover):
# A771FE
Фон тёмный: #1A1A1A
(для блоков с тёмной темой)
Текст на тёмном фоне:
#FFFFFF (для контраста).
Текст вторичный (подписи, плейсхолдеры): #666666.
Логотип
Подпишитесь на рассылку
Политика конфиденциальности
Иконки соц.сетей
Смотреть прототип
Дизайн‑концепции главной страницы: от идеи к визуалу 
Made on
Tilda