СПРАВОЧНИК ДЛЯ ВАШЕГО ВЗГЛЯДА

Хороший дизайн.
Начните с основ.

Маленькие принципы. Большая разница. Учитесь видеть удачные решения и создавать свои.

40 визуальных принципов14 упражненийEN / RU
01 / ВЫРАВНИВАНИЕПОЧУВСТВУЙТЕ РАЗНИЦУ

Те же элементы. Чуть больше порядка.

РАЗВИВАЙТЕ ЧУВСТВО ДИЗАЙНА

Основы

40 тем для изучения

40 правил найдено

Открытая студияИдеи. Искусство. Люди.Суббота · 18:0001 Практика

Визуальная иерархия

Сделайте важность заметной.

Один главный акцент02

Точка внимания

Дайте композиции заметную точку входа.

Размер меняет вес03

Визуальный вес

Замечайте визуальную тяжесть, а не только размер.

Вес по обе стороны04 Практика

Баланс

Распределяйте внимание по кадру осознанно.

05

Симметрия и асимметрия

Выбирайте структуру под характер сообщения.

Открытая студия06 Практика

Негативное пространство

Считайте пустое место частью композиции.

07

Ритм

Повторяйте мотив и меняйте его осмысленно.

08 Практика

Правило третей

Используйте трети как отправную точку для смещения центра.

Группа AГруппа B09 Практика

Близость

Размещайте связанные элементы ближе.

10

Сходство

Дайте элементам одной роли общий облик.

11

Общая область

Используйте границу для обозначения группы.

12

Связанность

Соединяйте элементы при наличии реальной связи.

13

Продолжение

Направляйте взгляд по понятной траектории.

14

Фигура и фон

Отделяйте главное от фона.

15 Практика

Выравнивание

Дайте элементам общий край или ось.

16

Колоночная сетка

Согласуйте ширину и положение с помощью колонок.

17

Поля и промежутки

Различайте поля страницы и промежутки внутри неё.

18 Практика

Система отступов

Выбирайте отступы из небольшой повторяемой шкалы.

КогдаСуббота · 18:00ГдеСтудия по соседству19

Внутренние и внешние отступы

Пусть отступы передают вложенность.

“Новая идеяначинается здесь.20

Оптическое выравнивание

Проверяйте видимые края, а не только измеренные.

Открытая студияИдеи. Искусство. Люди.Суббота · 18:0021

Выбор шрифта

Выбирайте шрифт под текст и задачу.

Открытая студияИдеи. Искусство. Люди.Вечер новых идей22

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

Назначьте каждому шрифту отдельную роль.

Открытая студияИдеи. Искусство. Люди.Присоединяйтесь к намСуббота · 18:0023

Шкала размеров

Используйте несколько заметных размеров для разных ролей.

Открытая студияИдеи. Искусство. Люди.Суббота · 18:0024

Начертания и насыщенность

Используйте насыщенность для выборочного акцента.

≈ 60 знаков25 Практика

Длина строки

Сохраняйте удобную ширину абзацев.

Пространство помогает читать.Каждая строка различима.Пространство помогает читать.Каждая строка различима.Пространство помогает читать.26 Практика

Интерлиньяж

Разделяйте строки так, чтобы их было удобно читать.

AVОптическое расстояние27 Практика

Трекинг и кернинг

Различайте общий интервал и расстояние в паре букв.

Хороший дизайнпомогает читатьи замечать важное.28

Выравнивание текста

Дайте длинному тексту предсказуемый край начала.

Выберите цветовую логику29

Цветовые отношения

Изучите отношения тонов, затем проверьте их роли.

30

Ограниченная палитра

Используйте меньше цветов с понятными задачами.

Открытая студияНачатьПодробнее31

Акцентный цвет

Отдайте самый сильный цвет самой важной задаче.

32

Светлота и насыщенность

Меняйте не только тон, создавая различия.

Открытая студияИдеи. Искусство. Люди.Contrast ≥ 4.5:133 Практика

Контраст текста

Измеряйте контраст текста относительно реального фона.

✓ Готово… Ожидание! Ошибка34 Практика

Смысл помимо цвета

Не передавайте информацию только цветом.

35 Практика

Кадрирование

Сохраняйте часть изображения, которая рассказывает историю.

36

Пропорции изображения

Меняйте размер без искажения объекта.

37

Согласованность изображений и иконок

Сделайте связанные изображения единым семейством.

Открытая студияИдеи. Искусство. Люди.38

Текст поверх изображения

Дайте наложенному тексту надёжную поверхность для чтения.

39 Практика

Адаптивная композиция

Перестраивайте композицию вместо уменьшения всего макета.

12340

Порядок чтения

Сохраняйте смысловую последовательность при смене представления.

ПОСМОТРИТЕ. ПОПРОБУЙТЕ. ПРИМЕНИТЕ.

Ваша следующая идея
заслуживает хорошего дизайна.

Начните с близости ↗