СПРАВОЧНИК ДЛЯ ВАШЕГО ВЗГЛЯДА
Хороший дизайн.
Начните с основ.
Маленькие принципы. Большая разница. Учитесь видеть удачные решения и создавать свои.
Те же элементы. Чуть больше порядка.
РАЗВИВАЙТЕ ЧУВСТВО ДИЗАЙНА
Основы
40 правил найдено
Визуальная иерархия
Сделайте важность заметной.
Точка внимания
Дайте композиции заметную точку входа.
Визуальный вес
Замечайте визуальную тяжесть, а не только размер.
Баланс
Распределяйте внимание по кадру осознанно.
Симметрия и асимметрия
Выбирайте структуру под характер сообщения.
Негативное пространство
Считайте пустое место частью композиции.
Ритм
Повторяйте мотив и меняйте его осмысленно.
Правило третей
Используйте трети как отправную точку для смещения центра.
Близость
Размещайте связанные элементы ближе.
Сходство
Дайте элементам одной роли общий облик.
Общая область
Используйте границу для обозначения группы.
Связанность
Соединяйте элементы при наличии реальной связи.
Продолжение
Направляйте взгляд по понятной траектории.
Фигура и фон
Отделяйте главное от фона.
Выравнивание
Дайте элементам общий край или ось.
Колоночная сетка
Согласуйте ширину и положение с помощью колонок.
Поля и промежутки
Различайте поля страницы и промежутки внутри неё.
Система отступов
Выбирайте отступы из небольшой повторяемой шкалы.
Внутренние и внешние отступы
Пусть отступы передают вложенность.
Оптическое выравнивание
Проверяйте видимые края, а не только измеренные.
Выбор шрифта
Выбирайте шрифт под текст и задачу.
Сочетание шрифтов
Назначьте каждому шрифту отдельную роль.
Шкала размеров
Используйте несколько заметных размеров для разных ролей.
Начертания и насыщенность
Используйте насыщенность для выборочного акцента.
Длина строки
Сохраняйте удобную ширину абзацев.
Интерлиньяж
Разделяйте строки так, чтобы их было удобно читать.
Трекинг и кернинг
Различайте общий интервал и расстояние в паре букв.
Выравнивание текста
Дайте длинному тексту предсказуемый край начала.
Цветовые отношения
Изучите отношения тонов, затем проверьте их роли.
Ограниченная палитра
Используйте меньше цветов с понятными задачами.
Акцентный цвет
Отдайте самый сильный цвет самой важной задаче.
Светлота и насыщенность
Меняйте не только тон, создавая различия.
Контраст текста
Измеряйте контраст текста относительно реального фона.
Смысл помимо цвета
Не передавайте информацию только цветом.
Кадрирование
Сохраняйте часть изображения, которая рассказывает историю.
Пропорции изображения
Меняйте размер без искажения объекта.
Согласованность изображений и иконок
Сделайте связанные изображения единым семейством.
Текст поверх изображения
Дайте наложенному тексту надёжную поверхность для чтения.
Адаптивная композиция
Перестраивайте композицию вместо уменьшения всего макета.
Порядок чтения
Сохраняйте смысловую последовательность при смене представления.