Продающий дизайн для сайта за 3 дня [Александр Куртеев]

35

Чтобы сделать продающий дизайн не обязательно уметь рисовать. Важен не красиво нарисованный объект, а его уместность, легкость восприятия сайта и текстов, правильная проработка акцентов, управление вниманием и опрятность.

На сайте все должно быть очевидно. Как только пошла перегрузка и пользователь начинает думать как пользоваться сайтом, сразу же снижается восприятие информации и пользователь уходит.

P.S Многие считают, что дизайн отвечает только за красоту, а для этого нужно уметь рисовать, пользоваться фотошопом и быть творческим человеком. Но это ошибка.
Дизайн отвечает за донесение смысла, взаимодействие пользователя, акценты и красоту.

Важно научиться правилам продающего дизайна. Если у вас есть сайт, то все эти правила внедряются очень быстро. Поэтому приглашаю вас в уникальный, по своей скорости реализации, курс.

Содержание курса
Курс состоит из 11 занятий и 3 онлайн разборов
1. Продающий дизайн

  • Чем отличается плохой дизайн от хорошего?
  • Критерии оценки дизайна?
  • Почему не обязательно быть творческим человеком и уметь рисовать, чтобы сделать продающий и красивый
    сайт?
  • Какие слои дизайна бывают и как они влияют на продажи?

2. Якорные объекты

  • Что такое якорные объекты?
  • Что может выступать в роли якорного объекта?
  • Правила формирования якорных объектов на странице?
  • Как осознанно приковать внимание на странице к нужному объекту или месту?
  • Ошибки из-за которых главные элементы страницы остаются незамеченными?

3. Контрасты и акценты

  • Психология восприятия. Какие элементы воспринимаются
    в первую очередь?
  • Как с помощью контрастов мы можем управлять
    вниманием на странице?

  • Как расставить акценты и сформировать нужный порядок чтения.
  • Как сделать так, чтобы иллюстрации создавали настроение,
    а внимание концентрировалось на тексте?

  • 2 действенных способа, которые позволят точно понять к чему
    сейчас на нашем сайте мы привлекаем внимание.

4. Типографика

  • Как улучшить читаемость текста?
  • Рекомендации по оформлению: заголовков, подзаголовков, текста, ссылок, списков, цитат, фактоидов.
  • Как подобрать и сочетать несколько шрифтов на сайте?
  • Как проверить, все-ли хорошо с типографикой?

5. Иллюстрации

  • Какие элементы позволяют грамотно перевести внимание читателя с картинки на основной текст?
  • Типичные ошибки в размещении иллюстраций и текста, которые моментально указывают всем на низкосортный дизайн.
  • Как позиция изображения и (или) содержимое задает направление чтения?
  • Правильные схемы размещения иллюстраций, чтобы пользователь легко воспринимал содержимое текста.

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

  • Что такое модульная сетка и как она помогает выстроить порядок чтения, повысить качество восприятия текста и улучшить взаимодействие с материалом?
  • Как создать впечатление логичности, достоверности информации и расположить читателя?
  • Как оживить страницу на которой нет изображений?
  • Как сделать так, чтобы читатель не утомлялся читая страницу, а читал до конца и понимал суть?

7. Правило внутреннего и внешнего

  • Неправильное использование внешних и внутренних отступов показывает неопрятность.
  • А также, может сыграть злую шутку в восприятии информации: блоки могут сливаться, а смысл изменяться).

8. Порядок считывания

  • Естественный порядок считывания элементов на странице.
  • Популярные ошибки, которые как неожиданное использование ручного тормоза на скорости 100 км/сбивают пользователя с комфортного восприятия текста.
  • Определим основные элементы и с помощью изученных приемов сделаем так, чтобы второстепенные объекты не вступали в борьбу за доминирование на странице.

9. Стили дизайна сайтов

  • Что такое стиль дизайна и как отличить один стиль от другого?
  • Как сделать сайт красивым?
  • Рассмотрим стили дизайна: web 2.0, скевоморфизм, флэт,
    материальный, изометрия и их ограничения.
  • Как проверить, что макет выполнен в едином стиле?
  • Как вычистить сайт от примеси разных стилей и создать единый дизайн?
  • Где брать примеры для вдохновения?

10. Цвета в дизайне

  • Эмоциональное восприятие цвета. Какие эмоции бессознательно вызывает каждый цвет у пользователя?
  • Рассмотрим основополагающие цвета для разных типов сайтов.
  • Как подобрать гармоничное сочетание цветов?

11. Формируем UI Kit

  • UI Kit (brandbook, guideline) позволяет задать единый стиль для сайта путем описание внешнего вида основных элементов.
  • Узнаете для каких элементов нужно заранее согласовать стили.
  • Как сэкономить неделю времени и быстро собрать качественный ui kit?