Добавить в корзинуПозвонить
Найти в Дзене
dessaign.ru

Основы графического дизайна: принципы

Основные принципы дизайна Ранее были рассмотрены основные элементы дизайна, такие как форма, линия, пространство и другие. Предлагаем углубится и рассмотреть основные принципы дизайна, которые необходимо знать, потому что именно они отличают хороших дизайнеров от самых лучших. Некоторые из принципов, применяются неосознанно, но они определенно существуют, и мы покажем вам примеры, чтобы проиллюстрировать эти концепции. 1. Баланс Баланс - это то, как элементы дизайна распределены по макету. Чтобы заметить, какой баланс имеет, к примеру, веб-сайт, необходимо знать, что есть три вида баланса: симметричный, асимметричный и радиальный. Первый происходит, когда обе стороны дизайна одинаковы по форме, линиям, текстуре и так далее. Поскольку именно так мы проектируем сегодня, это происходит в большинстве случаев вдоль вертикальной оси, поэтому, когда мы говорим о двух сторонах дизайна, мы говорим о левой и правой. Есть также примеры вдоль горизонтальной оси, а иногда даже вдоль обеих, но они р
Оглавление

Основные принципы дизайна

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

1. Баланс

Баланс - это то, как элементы дизайна распределены по макету.

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

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

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

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

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

Duplos использует асимметричный макет, который работает очень хорошо.
Duplos использует асимметричный макет, который работает очень хорошо.

2. Доминирование и приоритет

Эти два принципа неразделимы и тесно связаны. Отсутствие приоритета и доминирования элементов может сбивать с толку.

Доминирование - это первый уровень приоритета элемента.

Различают 3 основных уровня приоритетности. У нас есть заголовок или призыв к действию, который является основным элементом; затем идут второстепенные элементы, такие как изображения. Очевидно, что они не самый важный элемент, но все-таки без них не обойтись.

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

Area17 подчеркивает доминирующий элемент в верхнем левом углу, и приветствие привлекает из-за шрифта.
Area17 подчеркивает доминирующий элемент в верхнем левом углу, и приветствие привлекает из-за шрифта.

3. Пропорция

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

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

Bluecated Interactive использует пропорции, чтобы привлечь внимание к изображени
Bluecated Interactive использует пропорции, чтобы привлечь внимание к изображени

4. Контраст

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

Наличие достаточного контраста между элементами гарантирует, что некоторые из них выделяются больше, чем другие. Если нужно смешать элементы, то контраст должен быть минимальным, если нужно выделить что-то, то соответсвенно контраст будет выше.

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

Кнопка eHarmony «Find My Matches» выделяется благодаря хорошему использованию контраста
Кнопка eHarmony «Find My Matches» выделяется благодаря хорошему использованию контраста

5. Ритм

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

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

Существует 2 типа ритмов: текучий и прогрессивный. В первом варианте лучшим примером является движение воды, которая течет в основном в одном и том же направлении, однако может иметь много вариаций. Прогрессивный ритм возникает, когда уже есть четкая последовательность того, как глаз должен двигаться между элементами.

В портфолио Дэвида Десандро наблюдается прогрессивный рит
В портфолио Дэвида Десандро наблюдается прогрессивный рит

6. Гармония и единство

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

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

Здесь нет нужды в примере, мы все знаем, что гармоничные сайты можно найти везде.

Заключение

Это была вторая статья этой серии, посвященная анализу самых главных принципов дизайна, о которых действительно стоит знать. Итак, вы в значительной степени обладаете знаниями, необходимыми для начала разработки собственного макета после прочтения первых двух статей, но подождите ещё немножко. Дальше-больше!