Основы дизайна
Почему одно читается легко, а другое — нет. Порядок важности, выравнивание, группировка, контраст, шрифт, цвет и интерфейс — на живых макетах, которые настраиваются прямо в уроке.
О чём курс
Курс о правилах, по которым работает оформление: порядок важности, выравнивание, группировка расстоянием, контраст, воздух, шрифт, набор текста, цвет, изображения, интерфейс и доступность. Рисовать не нужно — все приёмы разбираются на простых макетах прямо в уроке.
Зачем это нужно
Оформлять приходится всем: презентацию, объявление, таблицу, письмо, страницу магазина. Разница между «сделано на глаз» и «сделано по правилам» видна сразу, а сами правила объясняются не вкусом, а тем, как устроены зрение и чтение, — поэтому их можно выучить и проверять.
Программа курса
14 разделов. Внутри каждого — уроки с разбором и практикой, в конце раздела проверка знаний.
Зачем нужен дизайн, чем «красиво» отличается от «работает», и по каким признакам отличают хорошую работу от красивой картинки.
Почему аккуратная работа выглядит аккуратной, что такое общая линия и откуда берётся ощущение неряшливости, которое трудно объяснить словами.
Расстояние — самый сильный способ показать, что к чему относится. Почему подпись под чужой картинкой ломает понимание и как расстояния рассказывают структуру без единого слова.
Как построить порядок важности так, чтобы он читался мгновенно, почему «чуть-чуть по-другому» хуже, чем «совсем так же», и сколько уровней выдерживает человек.
Почему пустота — не потерянное место, а рабочий инструмент; сколько её нужно и откуда берётся ощущение дешевизны у плотно забитого листа.
Чем шрифты отличаются друг от друга по делу, а не по названию; почему двух шрифтов достаточно и как выбрать их, не будучи типографом.
Длина строки, межстрочный интервал и выключка — три настройки, от которых читаемость зависит сильнее, чем от выбора шрифта.
Три величины, которыми описывают любой цвет, почему подбирать оттенки по колесу проще, чем наугад, и как собрать палитру из одного цвета.
Как кадрировать, зачем изображению единый стиль, почему значок без подписи понимают неправильно и что делать с текстом поверх фотографии.
Чем оформление интерфейса отличается от оформления листовки: элементы отвечают на действия, могут ошибаться и ждать — и всё это нужно нарисовать.
Почему макет нельзя рисовать под один размер, что меняется при переходе на телефон и чем печать отличается от экрана.
Разбор того, что встречается в девяти работах из десяти: откуда берётся каждая ошибка, как её увидеть и в каком порядке чинить.
Что меняется, когда среди читателей есть люди со слабым зрением, дальтонизмом, дрожью в руках или просто телефоном на солнце.
Как устроена работа целиком: бриф, референсы, черновики, правки и сдача — и почему порядок шагов важнее таланта.
Коротко
Ступени и ветки
Ветка выбирается при старте и меняется в любой момент — прогресс каждой хранится отдельно.
Начать бесплатноЧему вы научитесь
- Ставить задачу так, чтобы результат можно было проверить
- Строить порядок важности: что человек увидит первым
- Выравнивать по общим линиям и работать с сеткой
- Показывать структуру расстояниями, а не рамками
- Выбирать шрифт, размер, длину строки и межстрочный интервал
- Собирать палитру и проверять контраст числом, а не на глаз
- Оформлять кнопки, формы и состояния «пусто, загрузка, ошибка»
- Делать работу доступной для слабого зрения и плохих условий
- Разбирать чужие и свои макеты по слоям и принимать правки
Важно знать
Дальше — вёрстка: курс «HTML и CSS» позволит собрать то, что вы спроектировали, своими руками.
Начните с первого урока
Материалы бесплатны. Прогресс сохраняется в аккаунте, вернуться можно в любой момент.