Конспект по 4 дневному курсу
Курс от Данила Фимушкина
1 день
Макап - Лендинг, в ноутбуке.
Деньги
60.000 рублей можно заработать если посвящать 4-5 часов в день
Высокая зарплата в студиях. Можно переехать в Москву с такой зарплатой, либо удалённо из дома.
Где лучше работать?
Можно начинать с фриланса, потом рабоать в студии, а потом во фрилансе
Сайт пошагово:
Допустим строительный
- Задача от клиента
- Изучение конкурентов
- Анализ аудитории (понять кто хочет закупить беьтон)
- Прототип сайта
- Дизайн (типографика, цвета)
- Верстка сайта (Разработка сайта)
Всё вместе UX.
Запрос. Понять адекват человек или нет. Если человек не надёжный - брать предоплату. Что хотите? Зачем? 3 сайта которые нравится по дизайну.
Бриф. Понять задачу что конкреитно хочет заказчик. Лучше устроить живую встречу звонок и т.д.
ТЗ. Требования к дизайну, структура сайта, ограничения, функциональтность, анализ ца, прототип
Договор. Этапы и сроки стоимость и штрафы порядок расторжения форс мажор тз это приложене к договору
Концепт. Утвердить стилб шрифтовая пара стиь картинок цвета организация контента
Страницы. Проработать все страницы в нужных разрешениях.
Завтра в онлайне будут бонусы!
С чего начать?
- Лендинги
- Интернет смагзитны (зарабатываем от 35 тыс
- Мобильные приложения (ещё больше)
- Продуктовый дизайн (когда работаешь в крупной компании и т.д.)
Какой софт?
Макет сайта
Фигма, Скетч, Xd
Для фото
Фотошоп, Гимп, Афинити
Модульная сетка - по ней хорошо раставлять и т. д.
Сайты:
Адаптивность (Сайт перестраивается под масштаб)
Статичные (Не перестраивается)
Зачем нужна адаптивность?
Много устройств имеют разные экраны, им нужна своя адаптивность
Если хочешь чтобы дизайн выстрелил
Нужно научиться создавать нужные образы в голове у людей
Вызывают образы:
- Текст
- Шрифт
- Композиция (как выровнены обьекты от друг друга)
- Цвет
- Фото
Когда получишь заказ, нужно вызывать впечатление на финале (серьезный сайт - серьезный дизайн)
*На скриншоте*
Шрифт должен быть потстать характеру сайта. Технологичный сайт - технологичный шрифт, понятно вообщем.
Шрифтовая пара - это сочетание заголовка и абзаца.
Сочетания шрифтов
*На сриншоте №2*
Будут сайты по подбору пар шрифтов в сегодняшней pdf
Экспозиция
Статика - всё упорядоченное
Динамика - беспорядок
Цвета
Цветовой контраст
Два противоположных цвета (по цветовому кругу)
Тональный контраст
Завтра:
Про заказы, сделаем сайт Фигма, много полезностей
Практика
Заходим на Figma
Повторять не нужно в дз. В дз подробная инструкция и она помеееедлеееннеееее :)
Словарь
На скриншоте №3
В сегодняшней pdf будет словарь.
Модульная сетка
Если нажать на стрелолочку вниз нажать дублиткейт и нажать опен то можно редактировать.
При масштабировании фото.
2 раза клик, вылазит плашка справа, фит и теперь пропорционально уменьшается
Заказчику сайт сдается в pdf или png