Дизайн-Огонь 10.0

7 участников

О чём курс

Курс знакомит с полным циклом создания веб-дизайна: от первых инструментов в Photoshop и разработки макетов до сборки сайтов на Tilda и поиска клиентов во ВКонтакте.

О чём курс

Материал выстроен как пошаговый процесс работы дизайнера над реальными коммерческими задачами. Программа начинается с изучения базовых инструментов графического редактора и проектирования структуры страницы. Далее вы разберёте оформление интерфейсных элементов, подготовку исходников и перенос готового дизайна в веб-среду.

Помимо технической части создания сайтов и графики для сообществ, автор рассматривает вопросы фриланса: как вести переговоры с заказчиками, презентовать проекты, собирать портфолио и привлекать заявки через социальные сети.

Что внутри

Программа охватывает несколько ключевых направлений практической работы:

  • Освоение Photoshop: настройка рабочего пространства, работа с сетками, шрифтами, фигурами, кнопками, слайдерами и структурирование исходных файлов.
  • Проектирование и оформление лендинга: создание прототипа, подбор шрифтовых пар и графики, оформление шапки, форм захвата, карточек товаров, калькуляторов и адаптивной версии сайта под смартфоны.
  • Верстка на платформе Tilda: создание проектов, оптимизация изображений, работа с блоками Zero Block и адаптация экранов.
  • Оформление сообществ во ВКонтакте: создание обложек, аватаров, меню, баннеров и использование вики-разметки.
  • Организация фриланс-деятельности: составление технического задания и брифа, расчет стоимости работы, получение предоплаты, презентация вариантов заказчику и оформление кейсов для публикации.

Программа обучения

  • 1 Базовые функции фотошопа
    • 1 Установка фотошопа, где скачать
    • 2 Установка шрифтов
    • 3 Настройка фотошопа
    • 4 Нужные функции для дизайна
    • 5 Как работать с фигурами
    • 6 Как работать с текстом
    • 7 Как работать с сетками
    • 8 Кнопки
    • 9 Слайдеры
    • 10 Работа с иконками
    • 11 Аккуратная структура исходника
  • 2 Дизайн лендинга
    • 1 Создание прототипа лендинга
    • 2 Настраиваемся на нужную волну, как найти вдохновение и идеи
    • 3 Дизайн первого экрана лендинга
    • 4 Примеры первого экрана лендинга
    • 5 Как зацепить взгляд клиента за 1-2 сек.
    • 6 Основные ошибки при дизайне лендинга
    • 7 Дизайн шапки лендинга
    • 8 Дизайн формы захвата
    • 9 Подбираем правильные шрифты
    • 10 Подбираем правильные иконки для макета
    • 11 Дизайн инфографики
    • 12 Фишки при работе с платными фотобанками
    • 13 Дизайн блока товаров и услуг
    • 14 Дизайн блока отзывов
    • 15 Дизайн нестандартных блоков: калькулятор, онлайн-тест
    • 16 Всплывающие окна и формы
    • 17 Дизайн окна при выходе с сайта
    • 18 Цепляющая страница благодарности
    • 19 Дизайн адаптивной версии
    • 20 Правильно подготавливаем дизайн к верстке
    • 21 Пишем техническое задание для верстальщика
    • 22 Ищем верстальщика для своего проекта
    • 23 Как проверять верстку и работу верстальщика
  • 3 Верстка лендинга на Tilda
    • 1 Регистрация аккаунта
    • 2 Создание проекта
    • 3 Создание первой страницы
    • 4 Подключаем шрифты
    • 5 Активация пробного тарифа
    • 6 Подготовка графики к верстке
    • 7 Знакомство с настройками сайта в Тильде
    • 8 Оптимизация изображений
    • 9 Создание рабочей страницы
    • 10 Создание первого зеро-блока и знакомство с его настройками
    • 11 Сущности в зеро-блоке
    • 12 Верстка всех экранов лендинга
    • 13 Адаптация под мобильные устройства
  • 4 Дизайн группы ВК
    • 1 Дизайн группы ВК, как на этом зарабатывать
    • 2 Дизайн аватара ВК
    • 3 Дизайн обложки
    • 4 Дизайн меню группы
    • 5 Дизайн товаров и баннеров
    • 6 Wiki-разметка
  • 5 Как работать с клиентом
    • 1 Правильно составляем ТЗ и личный бриф
    • 2 Обсуждаем с клиентом будущий проект
    • 3 Когда и как брать предоплату за проект
    • 4 Как не быть кинутым на деньги
    • 5 Как правильно сформировать цену за свою работу
    • 6 Что делать если клиент говорит “дорого”
    • 7 Как презентовать проект клиенту
    • 8 Что делать, если клиенту не понравился дизайн
    • 9 Как делать допродажи
  • 6 Оформляем свое портфолио
    • 1 На каких сайтах нужно публиковать свои работы
    • 2 В каком виде нужно показывать проект аудитории
    • 3 Как правильно использовать mockup для презентации работ
    • 4 Как оформить кейс на стене ВК, чтобы получить с него клиентов
    • 5 Оформление постов ВК в формате лонгридов (новый формат статей)
    • 6 Презентуем свое портфолио в соц.сетях: ВК, Facebook, Инстаграм
    • 7 Примеры оформления портфолио
    • 8 Как не нужно оформлять портфолио
  • 7 Полное руководство по рекламе себя в ВК
    • 1 Как оформить свою страницу ВК фрилансеру, чтобы она постоянно генерировала клиентов
    • 2 Вырабатываем полезную привычку публиковать кейсы и свои работы (даже если ты стеснительный)
    • 3 Пишем личную историю о себе. Запускаем вирусный эффект
    • 4 Заполняем портфолио проектами (даже если нет реальных клиентов)
    • 5 Запускаем свою группу ВК. Как на ней зарабатывать
    • 6 Как одним постом на стене зарабатывать от 10 000 руб.
    • 7 Рекламируем свои кейсы рекламой ВК и получаем клиентов
    • 8 Как общаться с клиентами ВК, чтобы они обращались еще и еще?
    • 9 Как запустить сарафанное радио
    • 10 Как работать с возражениями “дорого”
    • 11 Почему нужно работать с вами, а не с другим фрилансером
    • 12 Пишем цепочку писем и греем своих будущих клиентов
    • 13 Каким нужно сделать свой сайт для привлечения клиентов
    • 14 Как работать с верстальщиком / программистом
    • 15 Где бесплатно найти первые заказы от реальных клиентов
Складчина создана 16 октября 2020 г.

Теги курса

Инструменты

Другие материалы автора 10

АС Алексей Савченко Все материалы
2 080 ₽ 12 000 ₽