Прежде чем вы сможете освоить дизайн, вы должны сначала освоить основы

На прошлой неделе один из моих читателей задал вопрос: как мне стать лучшим визуальным дизайнером?

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

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

Хорошие визуальные проекты не рождаются. Они сделаны. Ключ к тому, чтобы стать лучшим визуальным дизайнером, - это строгость. Вы будете совершенствоваться как визуальный дизайнер, только если будете прилагать сознательные усилия.

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

Основное # 1: вернуться к основам с типом

Вы можете многое рассказать о дизайнере, посмотрев на их типографику. Это потому, что тип является фундаментальной основой для дизайна.

Введите как образ

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

Разработать словарь для описания типа. Узнайте, что означают такие термины, как отслеживание, кернинг и ведение. Статья «Красиво иллюстрированный глоссарий типографских терминов, которые вы должны знать», является отличным визуальным ресурсом для изучения этих терминов.

Затем, если вы хотите получить полное представление о том, как применять типографику в Интернете, прочитайте Веб-типографика: элементы типографского стиля, применяемые в Интернете.

Сопряжение шрифтов может сделать или сломать дизайн

Наконец, научитесь соединять шрифты вместе. Большой ресурс для этого - FontWolf и FontPair. Возможность сочетать шрифты кардинально изменит динамику вашего дизайна.

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

Основное # 2: использовать пространство для создания баланса

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

Создать баланс и визуальную гармонию

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

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

Упрощение отмеченного наградами плаката Крейга Уэлша

Еще одно упражнение, которое поможет развить ваше зрение, заключается в следующем: возьмите существующий дизайн, нарисуйте оси x и y, упростите дизайн до базовых форм, проанализируйте, как дизайн сбалансирован, а затем измените порядок элементов. Обратите особое внимание на то, как отрицательное пространство влияет на баланс элементов.

Принцип № 3: Используйте размер, чтобы установить визуальную иерархию

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

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

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

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

Используйте размер, чтобы установить визуальную иерархию

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

Ключ просит обратной связи.

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

Выполняя это упражнение, помните о следующих вопросах:

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

Принцип № 4: Используйте цвет, чтобы передать смысл

Цвет играет много ролей. Он передает смысл, создает эмоциональный резонанс и вносит единство в дизайн.

Цвет помогает передать смысл в дизайне

Чтобы глубже погрузиться в цвет, вы можете прочитать мою статью «Проектирование в цвете». Вот несколько ключевых моментов из статьи.

  • Определите цель вашего дизайна, прежде чем выбрать цветовую палитру. Хороший дизайн выровняет свою цветовую палитру с целью.
  • Определите свою аудиторию. Люди воспринимают цвета по-разному. Цвета по-разному влияют на людей в зависимости от их личных предпочтений, культурного воспитания и опыта.
  • При выборе цветовой палитры простота является ключевым фактором. Выберите нейтральный цвет фона. Затем выберите основной и дополнительный цвет акцента. Наконец, основываясь на других ваших цветах, выберите цвет ошибки и успеха для разных состояний пользовательского интерфейса.

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

Фильмы и шоу - отличный источник цветового вдохновения.

Вот упражнение, которое поможет развить ваш глаз к цвету.

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

Обратите внимание на то, как это меняет настроение и тон дизайна. Это также меняет смысл?

Относитесь к своей работе как к ремеслу, в котором всегда есть что-то, что вы можете улучшить. Положитесь на себя, чтобы стать мотивацией, чтобы стать лучшим дизайнером.

Какие у вас стратегии для улучшения как дизайнер? Оставьте мне записку или отправьте мне твит в Твиттере.

Если вам понравилась эта статья, вам также может понравиться CSS в Javascript с Aphrodite, библиотекой Khan Academy.

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

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