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

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

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

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

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

Вот некоторые основы, которые вам следует освоить, чтобы вывести свой визуальный дизайн на новый уровень.

Фундаментальный # 1: вернитесь к основам с шрифтом

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

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

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

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

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

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

Фундамент № 2: используйте пространство для создания баланса

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

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

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

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

Фундамент № 3: используйте размер для создания визуальной иерархии

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

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

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

Вот упражнение, которое поможет вам в выборе размеров.

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

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

При выполнении этого упражнения имейте в виду следующие вопросы:

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

Фундамент №4: используйте цвет для передачи смысла

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

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

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

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

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

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

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

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

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

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

CSS в Javascript: будущее стиля на основе компонентов

На этой неделе я хочу познакомить вас с концепцией CSS в Javascript с помощью Aphrodite от Khan Academy. Афродита позволяет… medium.com

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

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