6 простых правил дизайна для недизайнеров

Роман Горбачёв, основатель и директор брендингового агентства Логомашина, рассказывает, как недизайнерам подбирать цвета, работать со шрифтами и создавать композицию в визуальных материалах.

Чем полезно знание основ дизайна недизайнерам

Знание основ дизайна для многих специалистов сегодня становится не просто преимуществом, а необходимостью. Если вам потребуется дать обратную связь о работе дизайнера, базовое понимание принципов дизайна поможет оценить изображение не в категориях «красиво» и «некрасиво», а с точки зрения удобства его восприятия и функциональности.

Более того, в условиях кризиса и сокращения издержек, компания может отказаться от услуг дизайнера. Тогда менеджерам и маркетологам придётся взять на себя создание презентаций и макетов, а SMM-специалистам заняться разработкой визуального контента для социальных сетей.

Правило 1. Соблюдайте контрастность цветов

Контраст цветов помогает сделать акцент на главном элементе вашего изображения. Вы всегда можете использовать классическое контрастное сочетание чёрного и белого цвета — оно универсально и привычно для глаза человека.

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

Механика, задачи, ошибки и как их исправить.

Кейс Adv.Cake и Skillbox →

Спецпроект

Пример чёрно-белого дизайна макета

Если вы хотите сделать изображение более красочным, разместите белые и чёрные элементы на цветном фоне. Следите, чтобы объекты на изображении не сливались с задним планом: не размещайте белые элементы на светлом фоне, а чёрные на тёмном.

Правило 2. Упрощайте дизайн

Нагромождение элементов усложняет восприятие макета, зрителю становится трудно сфокусировать своё внимание на главном. Чем проще ваш дизайн, тем легче зрителю его воспринимать. Откажитесь от элементов, которые используются «для красоты» в пользу тех, которые будут нести смысловую нагрузку.

Пример перегруженного деталями дизайна

Сопоставляйте размер макета с объёмом информации, которую вы хотите на нём разместить. Возможно, будет лучше сократить текст, чтобы не создавать визуальный хаос.

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

Правило 3. Не используйте больше двух шрифтов

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

Пример макета, который перегружен большим количеством шрифтов

Для официальных презентаций и документов лучше использовать только один шрифт, но в разных начертаниях. Отдавайте предпочтение стандартным Montserrat, Roboto и Calibri — они есть на каждом компьютере, а значит, текст документа будет одинаково отображаться у всех людей, которым вы его отправите.

Читайте также  Тестирование элементов сайта с Google Optimize: итоги эксперимента

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

Правило 4. Не выравнивайте текст по правому краю

После того, как вы выбрали подходящий шрифт для текста, определитесь с форматом выравнивания, который лучше всего подойдёт вашему макету или презентации. Самый стандартный вариант — выравнивание по левому краю. Текст, который оформлен таким образом, удобно читается и аккуратно смотрится.

Пример неудачного выравнивания текста в макете

По центру обычно выравнивается заголовок или небольшое количество текста (не больше одного предложения). Лучше не центрировать длинные тексты, это затруднит чтение — взгляд зрителя будет «прыгать» по строчкам. По этой же причине стоит отказаться от выравнивания текста по правому краю.

Правило 5. Пользуйтесь готовыми цветовыми палитрами

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

Пример макета с использованием фирменных цветов компании

Если у компании нет брендбука, воспользуйтесь сервисами Coolors и Color Claim, где можно выбрать готовую палитру цветов или создать собственную на основе любого изображения. Ещё один полезный сайт для генерации цветовых палитр — Khroma. Сервис не только поможет подобрать цветовое сочетание, но и подскажет, какой цвет выбрать для шрифта, чтобы сохранить читаемость текста.

Правило 6. Расставляйте акценты в изображении

Если объекты на изображении будут расположены в хаотичном порядке, зрителю будет трудно понять, на что в первую очередь ему нужно обратить внимание. Есть несколько базовых принципов, как выстроить правильную композицию в изображении.

Правило третей. Разделите изображение на девять равных частей. Точки, где линии будут пересекаться — это те места, куда зрители подсознательно смотрят в первую очередь. Именно здесь лучше всего размещать важные элементы вашего изображения.

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

Сместите ключевые объекты вправо. Чтение сформировало у нас привычку восприятия информации: люди «считывают» смыслы слева направо. Зрителям будет проще воспринимать изображение, если их взгляд будет двигаться навстречу главному элементу композиции.

Дизайн — это не творчество, а система, выстроенная по определённым принципам. Базовые правила дизайна помогают управлять вниманием зрителя и доносить смыслы с помощью изображения.

Вот правила, которые помогут вам в создании визуальных материалов.

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

  • Соблюдайте иерархию текста — заголовки и подзаголовки должны отличаться от основного текста размером и форматом начертания.

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

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

Читайте также  Как автопроизводителю в 2 раза снизить CPA и оптимизировать расход рекламного бюджета

Рекомендуем:

  • Тренды в нейминге и дизайне логотипов на конкретных примерах. Рассказывает и показывает студия Pixies
  • Как дизайн влияет на эмоции покупателей
  • Как разгадать русский дизайн-код
  • 15 трендов в дизайне логотипов: версия Билла Гарднера из LogoLounge
  • 10 главных скиллов digital-дизайнера. Личный топ Евгении Дацко, экс-РБК
  • Детям — логотипы, пенсионерам — брендбуки. Что нужно взрослым?
  • Как дизайнеру повысить продуктивность: микродедлайны, технологии и разгон мозга
  • Чем сервис-дизайнеры отличаются от обычных и зачем они нужны бизнесу

Мнение редакции может не совпадать с мнением автора. Ваши статьи присылайте нам на 42@cossa.ru. А наши требования к ним — вот тут.

Источник: cossa.ru

Строй Сам