1

Step 1

Изучение основ

2

Step 2

Литература

3

Step 3

Изучение Figma

4

Step 4

Выбор проекта для обучения

5

Step 5

Вёрстка

1

Step 1

Изучение основ

2

Step 2

Литература

3

Step 3

Изучение Figma

4

Step 4

Выбор проекта для обучения

5

Step 5

Вёрстка

22 November 2023 03 April 2024
The goal is overdue by 233 days

Goal abandoned

The author does not write in the goal 11 months 29 days

Education

Освоить профессию веб-дизайнера

Хочу освоить удаленную профессию для стабильного заработка

 Goal Accomplishment Criteria

Выйти на доход более 50к

  1. Изучение основ

    1. Композиция. Как работать с модульной сеткой, выравнивать между собой элементы дизайна и в правильной пропорции соотносить содержание с оформлением, чтобы композиция сайта выглядела эстетически привлекательной.
    2. Компоновка. Как группировать между собой элементы дизайна, чтобы было удобно и понятно взаимодействовать с интерфейсом.
    3. Типографика. Как выбирать шрифты для сайта и как правильно их настраивать.
    4. Принципы иерархии и контраста. Как отделять главное от второстепенного и тем самым упрощать восприятие дизайна для пользователей.
    5. Цвет. Как выбирать цветовую палитру для сайта и сочетать между собой цвета.
  2. Литература

    Фильмы

    1. «Гельветика» (2007) о типографике и графическом дизайне +
    2. «Овеществление» (2009) о промышленном дизайне и эргономик

    Книги

    1. Отзывчивый веб-дизайн
    2. Эмоциональный веб-дизайн
    3. Основы конкретной стратегии
    4. Не заставляйте меня думать — Стив Круг
    5. Slide:ology. Нэнси Дуарте
    6. Веб-юзабилити и здравый смысл. 3-е издание - Круг Стив
  3. Изучение Figma

    1. Основные инструменты Figma: группы, цвет, эффекты, фреймы
    2. Работа с иконками и изображениями
    3. Создание компонентов и интерактивных прототипов
    4. Создание библиотеки стилей и UI Kit
    5. Дизайн макетов с помощью модульных сеток
    6. Инструменты Auto Layout и Variants
    7. Работа с плагинами и анимацией
    8. Подготовка макета для разработчиков
  4. Выбор проекта для обучения

    1. Начало работы над проектом: изучение бизнес-задач, анализ пользователей и конкурентов
    2. Подбор референсов и подготовка мудборда
    3. Подбор композиции с акцентами на главном
    4. Работа с модульными сетками и отступами
    5. Сбор архитектуры сайта и проектирование навигации сайтов и мобильных приложений
    6. Создание дизайн-концепции
    7. Работа с текстом и типографикой
    8. Создание варфрейма (чёрно-белого прототипа)
    9. Подбор цветовой гаммы проекта
    10. Подготовка адаптивного дизайна
    11. Создание UI Kit
    12. Эффектная презентация и выстраивание коммуникации с заказчиком
    13. Подготовка макетов для разработки
  5. Вёрстка

    1. Веб-верстка. Базовый уровень. Научиться верстать адаптивные сайты, которые будут одинаково красиво смотреться на экране монитора, смартфона и планшета.
    2. Веб-верстка. Продвинутый уровень. Ускорить свою работу с CSS и освоите технологию Grid. Научиться создавать сложные сайты-каталоги, оптимизировать загрузку веб-приложений и научитесь автоматизировать сборку проектов.
  • 261
  • 22 November 2023, 09:55
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?