5 главных принципов для новичков в дизайне
Почему один сайт нам нравится, а другой хочется тут же закрыть? Дело в дизайне. Простые четкие линии выглядят более понятными и привлекательными, чем нагромождение текста и взрыв цвета.
Привет! Меня зовут Даша, и я графический дизайнер. Именно желание делать просто и красиво привело меня в профессию десять лет назад. Все четыре года обучения в наши юные студенческие головы вкладывали стопки информации, которые в итоге можно сформулировать просто: принципы дизайна — база, на которой стоит весь графический и веб-дизайн.
Начнем с основ — композиция
Это баланс элементов, каждый из которых имеет визуальный вес. Она определяет, насколько понятным и дружелюбным будет ваш дизайн. Баланса можно достичь с помощью расположения объектов, их размеров, количества, цвета.
Представим весы, на одной чаше который железная гиря на 1 килограмм, а на другой — столько же ваты. Вроде бы вес сравнялся, но из-за разного объема композиция выглядит несимметричной. Однако если заменить вату на килограммовую гирю, мы достигнем нужного баланса.
Так и в дизайне можно сбалансировать композицию не только одинаковыми элементами, но и объемом, цветом и формой.
Существует еще радиальный баланс. В этом случае элементы расположены вокруг центральной точки. Такой баланс хорошо удерживает внимание в центре композиции, но его редко используют в дизайне.
Избегайте разрозненных элементов на странице — это создаст хаос, и воспринимать информацию станет сложнее.
Приближенность
Связанные смысловые элементы должны располагаться близко друг к другу — так, чтобы они выглядели как единая логическая группа.
Приведу пример с парочками на улице. Мы сразу понимаем, кто идет вместе, а кто поодиночке, именно из-за близости объектов — людей.
Старайтесь, чтобы на странице не было слишком много элементов, иначе принцип приближенности применить будет труднее.
Выравнивание
Выровнять элементы не менее важно, чем создать композицию. Человеческий мозг всегда и во всем стремится найти закономерности. Воспринимать гармоничную и уравновешенную композицию легче, не нужно тратить время на упорядочивание хаоса. Как следствие, пользователь быстрее находит нужную ему информацию.
По горизонтали можно выровнять:
по верхнему краю — для основного сообщения (картинки или текст);
по центру — для привлечения внимания;
по нижнему краю — для сносок.
Выравнивание по вертикали такое:
по левому краю — для больших массивов текста;
по центру — для акцентов;
по правому краю — для комментариев, деталей или как художественный элемент печатной продукции.
В качестве примера приведу беспорядок на столе. Нам сложно найти нужную вещь, любимую ручку или документ, если на столе все лежит кучей. Но стоит разложить предметы аккуратными стопочками, как работать становится легче. И любимая ручка лежит на своем месте.
А вот так выглядит выравнивание в верстке визиток.
Не используйте сразу нескольких способов выравнивания на одной странице, в документе или печатной продукции. Исключения — заголовок и тело текста.
Повтор
Повторяющимися элементами в дизайне могут быть:
шрифт;
цвет;
форма;
паттерн.
Они нужны для разных целей. Например, чтобы задать направление взгляда, напомнить о визуальном стиле, создать узнаваемый узор/паттерн или выделить главное.
Особое внимание дизайнеру рекламы или бренд-дизайнеру стоит уделить повторяющимся элементам и цветам в фирменном стиле. Дизайнеру-верстальщику — повторяющейся структуре текста, заголовкам и выноскам.
Очень наглядно это на подиумах, когда дизайнеры одежды представляют свои новые коллекции. У моделей обязательно будет один или два общих элемента: одинаковая обувь, прически или макияж. Этот прием помогает сделать шоу на подиуме.
Старайтесь избегать разрозненных, не повторяющихся элементов в дизайне — это делает его менее узнаваемым.
Контраст
Эффективный способ привлечь внимание к дизайну. Когда элементы контрастируют, люди легко их различают. Сильный контраст расставляет акценты на конкретных областях, а слабый — наоборот, делает их менее заметными. Так формируется визуальная иерархия.
Контраст бывает по:
цвету;
размеру (большой, маленький);
форме (круги, квадраты, звезды и т. д.);
текстуре (шероховатый, гладкий);
начертанию шрифта (толстый или тонкий, с засечками или без).
Вот несколько вариантов контраста — угадаете, какие? Пишите в комментариях!
Примером контраста может служить оазис в пустыне. Среди единого пейзажа путник ищет единственное, что ему нужно — оазис. И тот сразу бросается в глаза в бескрайних невыразительных песках.
Старайтесь избегать слабого контраста в дизайне. Людям с особенностями зрения будет тяжело воспринимать ваше сообщение.
Я перечислила всего пять принципов дизайна, но их намного больше. Если хотите расширить свои знания, вы можете пройти бесплатный курс по визуальным презентациям от Практикума. Они пригодятся всем, кто хочет научиться доносить свои идеи и мысли через визуальные образы.
А если вас, как и меня, затянет тема дизайна, то убедитесь в выборе профессии и пройдите бесплатный тест по профориентации. И потом со спокойной душой приступайте к приятной учебе. Потому что дизайн — это интересно, красиво, а главное, полезно. Он делает мир лучше, я в это верю.
Реклама ООО «Яндекс»