Конспект по 4 дневному курсу

Курс от Данила Фимушкина

1 день

Макап - Лендинг, в ноутбуке.

Деньги

60.000 рублей можно заработать если посвящать 4-5 часов в день

Высокая зарплата в студиях. Можно переехать в Москву с такой зарплатой, либо удалённо из дома.

Где лучше работать?

Можно начинать с фриланса, потом рабоать в студии, а потом во фрилансе

Сайт пошагово:

Допустим строительный

  1. Задача от клиента
  2. Изучение конкурентов
  3. Анализ аудитории (понять кто хочет закупить беьтон)
  4. Прототип сайта
  5. Дизайн (типографика, цвета)
  6. Верстка сайта (Разработка сайта)

Всё вместе UX.

Запрос. Понять адекват человек или нет. Если человек не надёжный - брать предоплату. Что хотите? Зачем? 3 сайта которые нравится по дизайну.

Бриф. Понять задачу что конкреитно хочет заказчик. Лучше устроить живую встречу звонок и т.д.

ТЗ. Требования к дизайну, структура сайта, ограничения, функциональтность, анализ ца, прототип

Договор. Этапы и сроки стоимость и штрафы порядок расторжения форс мажор тз это приложене к договору

Концепт. Утвердить стилб шрифтовая пара стиь картинок цвета организация контента

Страницы. Проработать все страницы в нужных разрешениях.

Завтра в онлайне будут бонусы!

С чего начать?

  1. Лендинги
  2. Интернет смагзитны (зарабатываем от 35 тыс
  3. Мобильные приложения (ещё больше)
  4. Продуктовый дизайн (когда работаешь в крупной компании и т.д.)

Какой софт?

Макет сайта

Фигма, Скетч, Xd

Для фото

Фотошоп, Гимп, Афинити

    Модульная сетка - по ней хорошо раставлять и т. д.

    Сайты:

    Адаптивность (Сайт перестраивается под масштаб)

    Статичные (Не перестраивается)

    Зачем нужна адаптивность?

    Много устройств имеют разные экраны, им нужна своя адаптивность

    Если хочешь чтобы дизайн выстрелил

    Нужно научиться создавать нужные образы в голове у людей

    Вызывают образы:

    1. Текст
    2. Шрифт
    3. Композиция (как выровнены обьекты от друг друга)
    4. Цвет
    5. Фото

    Когда получишь заказ, нужно вызывать впечатление на финале (серьезный сайт - серьезный дизайн)

    *На скриншоте*

    Шрифт должен быть потстать характеру сайта. Технологичный сайт - технологичный шрифт, понятно вообщем.

    Шрифтовая пара - это сочетание заголовка и абзаца.

    Сочетания шрифтов

    *На сриншоте №2*

    Будут сайты по подбору пар шрифтов в сегодняшней pdf

    Экспозиция

    Статика - всё упорядоченное

    Динамика - беспорядок

    Цвета

    Цветовой контраст

    Два противоположных цвета (по цветовому кругу)

    Тональный контраст

    Завтра:

    Про заказы, сделаем сайт Фигма, много полезностей

    Практика

    Заходим на Figma

    Повторять не нужно в дз. В дз подробная инструкция и она помеееедлеееннеееее :)

    Словарь

    На скриншоте №3

    В сегодняшней pdf будет словарь.

    Модульная сетка

    Если нажать на стрелолочку вниз нажать дублиткейт и нажать опен то можно редактировать.

    При масштабировании фото.

    2 раза клик, вылазит плашка справа, фит и теперь пропорционально уменьшается

    Заказчику сайт сдается в pdf или png

    Программы

    Алгоритм

    Студия

    Шрифты

    Цвета

    Эмоции

    Сетка

    Адаптивность

    Figma макет

    Бонус - pdf