Графический дизайн основы: Основы графического дизайна. Понятия и определения — Независимое театральное объединение "Зрительские симпатии"

Содержание

Основы графического дизайна. Понятия и определения

Привет! Прежде чем начать наше самообразование, давайте узнаем основные понятия и требования к специальности Графический Дизайн. Составим список тем для изучения и создами план их изучения.

Начнем с главного вопроса: Что такое Графический Дизайн ( ГД )?

ГД — это процесс и искусство комбинирования текста и графики, передавая эффективное сообщение в дизайне логотипов, брошюр, бюллетеней, плакатов, знаков, и в любом другом типе визуальной коммуникации. Цель ГД — коммуникация, передача сообщения о продукте.

Основными заданиями ГД являются:

стимулирование;
информирование;
организация — пример, журналы и газеты;
локализация / навигация — дорожные символы;
идентификация;
притягивание внимания;
визуальное удовольствие.

В чем состоит работа графического дизайнера?

Дизайнер в первую очередь должен быть коммуникатором.

Каждый созданный дизайн должен передавать сообщение, историю. Графический дизайнер — это переводчик между клиентом, обратившимся к дизайнеру, и аудиторией, на которую ориентирован дизайн. У каждого клиента есть своя история, которую он хочет рассказать, работа же дизайнера донести эту историю так, чтоб аудитория поняла и заинтересовалась этой историей / купила товар. Графический дизайнер “ решает проблемы”. Каждый проект имеет некоторые проблемы, которые нужно решить. На пример, размещение элементов сайта так, чтобы посетителю сайта было легко найти нужную ему информацию.

Навыки, которые необходимы для устройства на работу (согласно kadrof.ru):

Знание основ ГД: основы рисунка, колористики (использование цвета) и композиции;
Специальные знания в области ГД такие как: виды и жанры графики и графических техник, работа со шрифтами, типографика, использование фотографии и иллюстраций, модульные сетки .
Владение программным обеспечением для графического дизайна: Illustrator, Photoshop, InDesign ( или как минимум их бесплатные варианты Gimp, Scribus, Inkscape, Pixlr )

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

Мой план обучения следующий:

Основы рисунка. Я лично беру уроки рисования по скайпу у Вики и смотрю видеоуроки. Тут я буду выписывать некоторые на мой взгляд важные рекомендации, которые в свою очередь могут помочь и Вам делать первые шаги в рисовании.
Композиция. Изучение и отработка на практике. Будем постить свои работы и разбирать их вместе.
Собсвенно колористика).
Следующей остановкой будет типографика и модульные сетки.

И напоследок, хочу дать совет, который, возможно, упростит Вам жизнь:

Чтобы стать лучшим в своей области определитесь, в какой именно области Вы хотели бы работать

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

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

Очень надеюсь, что этот пост оказался для Вас полезным Ваша Таня

#дизайнер #дизайн #основы #понятия #графический_дизайн

Основные принципы графического дизайна для недизайнеров | by Olga Zholudova | Основы визуального дизайна

Вы читаете перевод статьи “Essential Graphic Design Tips for Non-Designers”. Над переводом работали Ольга Скулкина и Ринат Шайхутдинов. При поддержке iSpring.

Возможно, вы вызвались сделать приглашения на корпоративную вечеринку в попытке (наконец-то!) добиться расположения начальника. Или вы ушли в предпринимательство и теперь самостоятельно занимаетесь созданием всех маркетинговых материалов для вашего молодого бизнеса. В любом случае, вам нужно создать дизайн. И если вы в этой области новичок, то, скорее всего, ваши первые попытки были не очень удачными. Возможно вы сейчас думаете, что достигли пика своей художественной карьеры в 5 лет, когда мама повесила ваш рисунок на холодильник.

Интересуетесь свежими статьями по дизайну? Подписывайтесь на канал в Telegram | ВКонтакте, Instagram, Facebook

Ищите системное погружение в тему? Загляните в блог для дизайнеров.

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

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

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

Существует несколько способов управления визуальным весом:

Размер
Цвет
Пространство
Группировка

Самый лучший вариант — когда в дизайне один доминирующий элемент. Но их может быть и два (например, крупный заголовок и кнопка-призыв к действию) — главное, чтобы остальная композиция была сбалансирована. Обычно доминирующим элементом делают самую важную часть сообщения. Эта идея применима ко всем визуальным элементам, а также к текстам (подробнее об этом читайте в нашей статье об иерархии шрифтов).

В дизайне выделяют два типа пространства: позитивное и негативное (или белое). Позитивное пространство — это место, которое занимают сами элементы дизайна, а негативное пространство — это свободное место вокруг позитивного. Когда оба пространства “звучат” гармонично, дизайн выглядит сбалансированным, проработанным и упорядоченным. Негативное пространство также можно использовать для создания супер-крутых зрительных иллюзий.

Как понять, что вы нашли то самое соотношение позитивного и негативного пространства? Сложность в том, что здесь нет четких правил. Как говорит один наш профессиональный дизайнер: “В итоге все сводится не к количеству негативного пространства. Все сводится к балансу элементов и к удалению ненужного”.

Шрифты — это не только уйма веселья, но и огромная дизайнерская мощь. О шрифтах надо знать две основные вещи:

Не используйте слишком много шрифтов. В большинстве случаев достаточно одного. Ну, может двух — если вы хотите добавить контраст (например, что-то рукописное для заголовка и простое и четкое для основного текста). Больше информации о подборе и использовании шрифтов вы найдете в нашей статье о шрифтовых парах. И еще, помните: и один шрифт может выглядеть интересно — достаточно поиграть с его размером, весом и расположением.
Помните о читабельности. Если вы когда-нибудь пытались прочитать ярко-красный рукописный шрифт размера 8, то знаете, насколько важна читабельность. Чтобы слова оставались четкими, обратите внимание на цвет, размер, интервалы и стиль шрифта, а также на протяжении всего процесса проектирования помните об итоговом размере дизайна.

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

Если вы создаете дизайн для печати, умножайте размер желаемого объекта в дюймах на 300 (обычно столько пикселей приходится на дюйм). То есть, посчитаем: если вы создаете нечто размером 5×7 дюймов, то нужно разрешение 1500×2100 пикселей. Используйте этот размер при работе с дизайном, чтобы потом не было проблем.

breezzly.ru

Если вы проектируете под дисплей, найдите баланс между размером дисплея (в пикселях) и размером файла (в мегабайтах), чтобы изображения отображались корректно и не замедляли работу сайта. В инструменте Picmonkey перед сохранением изображения вам предлагается три опции размера: Roger, Pierce и Sean (Роджер, Пирс и Шон — имена актеров, исполнявших роль Джеймса Бонда — прим.перев), которые позволяют найти идеальный баланс размера файла и качества картинки. Кроме того, отредактировать размер своего творения можно при помощи инструментов Crop и Resize на вкладке Basic Edits. Все еще не чувствуете уверенности в этой теме? Почитайте нашу статью про размеры.

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

Ваши улучшенные изображения не должны быть голыми. О нет, речь не о том, что на фото. В мире дизайна термин “голые изображения” (naked images) означает, что изображения вставлены как есть и размещены без определенной идеи. Чтобы избежать эффекта голых изображений, используйте границы, рамки и лейауты-сетки.

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

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

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

Ваша аудитория, характер мероприятия и даже время года — все это может подсказать вам правильное направление дизайна. Шрифт Exquisite Corpse, возможно, идеально подходит для приглашений на Хэллоуин, но теряет свою крутизну, если использовать его на флаерах об игре в бинго в доме престарелых. Шрифты, цвета — да и все остальные элементы дизайна — пробуждают определенные эмоции. К примеру, красный повсюду в день Святого Валентина, потому что это цвет страсти. Шрифт Budmo Jiggler чаще всего выбирают для приглашений на детские праздники, потому что он веселый и игривый. Убедитесь, что эмоциональный посыл каждого элемента совпадает с общим настроением вашего дизайна.

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

Если вам понравилась статья и перевод, дайте нам знать — нажмите ♡
А если у вас есть на примете какая-нибудь классная статья по UX и не только — скиньте нам ссылку, и мы будем рады над ней поработать.
Нас можно найти в Facebook: Ольга Скулкина и Ринат Шайхутдинов.

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

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

Скачать приложение в Appstore →

https://itunes.apple.com/ru/app/mental-notes/id993592407?l=ru&ls=1&mt=8

Вас ждет плотная проектная практика по анимации интерфейсов, дизайну сайтов, а также мобильных и веб-приложений. Под руководством наставников в стиле «смотри и повторяй»!

Breezzly — это среда для тренировки digital-навыков. Здесь вы встретите комплекты видеокурсов в актуальных инструментах интерактивного дизайна, среди них Figma, Principle и Invision Studio. А каждый проект — это живой кейс с историей, собранной по горячим следам!

Посмотреть каталог курсов →

Семь основных элементов графического дизайна

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

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

Быстрые ссылки

Линия
Изображение
Заключение

Изображение через Temi Coker

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

Улучшите свои дизайнерские навыки

Присоединяйтесь к иллюстратору Дилану Миржвински в игре «Повышение уровня вашего искусства: элементы и принципы дизайна» — ускоренном курсе по основам дизайна, идеально подходящем для начинающих художников.

Возьми класс

Линия

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

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

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

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

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

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

Из Skillshare Staff Pick Дилана Миржвински, Повышение уровня вашей художественной игры: элементы и принципы дизайна . Есть два типа форм, которые должен понимать каждый графический дизайнер: геометрические и органические (или «плавные»).

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

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

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

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

Цвет

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

В графическом дизайне некоторые цвета группируются в определенные категории.

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

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

Дополнительные цвета расположены напротив друг друга на цветовом круге. Они очень контрастны и могут выражать яркость и энергию или быть визуально резкими, в зависимости от того, как они используются. Красный и зеленый – дополнительные цвета.
Аналоговые цветовые схемы используют цвета, расположенные рядом друг с другом на цветовом круге. Они визуально приятны и могут создать ощущение гармонии и спокойствия в дизайне. Тем не менее, они также могут показаться скучными, если их использовать неправильно или если в них нет других контрастных элементов, которые заряжают их энергией.
Триадные цветовые схемы используют цвета, равномерно распределенные по цветовому кругу. Они очень яркие и требуют баланса, чтобы быть визуально приятными.
Раздельно-дополнительные цветовые схемы используют базовый цвет и два цвета, смежные с его дополнительным цветом. Они обеспечивают отличный визуальный контраст, не вызывая резкости, поэтому многие дизайнеры предпочитают их.
Tetradic или прямоугольные цветовые схемы используют два набора дополнительных цветов. Поскольку они имеют четыре цвета, тетрадные схемы предлагают дизайнерам множество вариантов и возможных результатов.
Квадратные цветовые схемы содержат четыре цвета, которые создают форму квадрата на цветовом круге. Они также представляют множество возможных результатов проектирования, но всегда должны быть сбалансированы при использовании.

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

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

Как использовать теорию цвета

Узнайте, как вызывать у зрителей определенные чувства и реакции, из оригинального руководства Skillshare дизайнера Доминика Фласка «Введение в графический дизайн: выражение эмоций с помощью теории цвета».

Возьмите класс

Текстура

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

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

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

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

Тип

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

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

Знакомство с дизайном шрифтов

Отличный начальный курс для начинающих или идеальный курс повышения квалификации для более продвинутых дизайнеров.

Возьмите класс

Пространство

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

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

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

Изображение

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

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

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

Смешение изображений и дизайна

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

Пройдите курс

Заключение

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

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

5 основных принципов графического дизайна и их важность

Что делает дизайн «плохим»? Что делает дизайн «хорошим»? И как ты вообще можешь отличить? Разве ты не знаешь, когда видишь это? Что ж, графический дизайн, несомненно, связан с эстетикой, которая может быть субъективной. Ведь красота в глазах смотрящего. Но здесь, в Shillington, наши преподаватели считают, что для успешного создания графического дизайна необходимо учитывать и соблюдать установленные принципы графического дизайна. Если они не работают в синергии, страдает весь дизайн.

(Если вам интересно, подождите минутку — что вообще означает термин «графический дизайн»? Сначала прочтите здесь.)

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

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

Выравнивание
Повторение
Контраст
Иерархия
Балансировка / Балансировка с использованием натяжения

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

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

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

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

Выравнивание

Выравнивание делает дизайн более четким и унифицированным

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

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

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

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

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

Авторы и права: Collider / Surry Hills Library

В этом первом примере вывески из библиотеки Surry Hills в Сиднее все выровнено в пределах четкого поля, как показано зелеными пунктирными линиями. Шрифт и значки располагаются слева, а все стрелки выравниваются по правому краю. Это создает визуальную связь между элементами и упрощает компоновку.

Предоставлено: Бренд Motyw Studio для семейного кафе

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

Повторение

Повторение усиливает дизайн, связывая воедино отдельные части и в результате создавая ассоциации.

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

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

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

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

Кредит: Olipop Sparkling Tonic Cans

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

Кредит: брендинг пива Four Point, руководство

Авторы и права: Брендинг пива Four Point от Manual

Этот пример дизайна визуальной идентификации пива Fort Point Beer от Manual показывает, насколько жизненно важно повторение в брендинге. Компания пытается создать сильное чувство узнаваемости, а повторение шаблона и стиля иллюстрации в различных точках контакта с потребителем создает сильную согласованность и узнаваемость бренда.

Контраст

Контраст — это наиболее эффективный способ сделать акцент и произвести впечатление в дизайне.

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

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

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

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

Давайте посмотрим на несколько хороших примеров контраста в графическом дизайне.

Предоставлено: Notebook II от Imprimerie du Marais

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

Авторы и права: Мухиттин Гюнеш

В этих двух черно-белых плакатах Мухиттина Гюнеша использование масштаба в заголовках и основном тексте создает глубину и более динамичный макет.

Авторы и права: Рон Энрикес и Андре Каласанс

Контраст через масштаб работает и наоборот. Как этот пример из «Желтых страниц» от арт-директоров Рона Энрикеса и Андре Каласанса, где большое пространство вокруг небольшого объекта привлекает внимание, создавая четкую фокусную точку.

Авторы и права: Vasjen Katro/Baugasm

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

Предоставлено: ZBS Brands

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

Иерархия

Иерархия создает организацию

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

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

Заголовок
Изображение
Подзаголовок
Призыв к действию на веб-сайте
Копия тела

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

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

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

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

Предоставлено: материалы кампании для Taidehalli от Tsto

Иерархия использована в дизайне этого плаката и открытки, рекламирующих выставку, проводимую Tsto в Kunsthalle Helsinki, за счет изменения стиля текста. . Существует четкая группировка информации, которая визуально направляет зрителя от наиболее важных элементов (исполнитель и дата) к наименее важным.

Предоставлено: Упаковка от TheStudio.se

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

Авторы и права: Studio Dumbar

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

Хотите узнать больше о типографике? Ознакомьтесь с нашим подробным описанием условий и правил.

Для получения дополнительных наглядных примеров ознакомьтесь с этими замечательными ресурсами от Tech Jini.

Баланс

Баланс обеспечивает стабильность и структуру конструкции либо за счет симметрии, либо за счет натяжения элементов.

Баланс — это вес, распределенный на странице за счет размещения элементов.

Давайте рассмотрим несколько хороших примеров баланса — как симметричного, так и сквозного — в графическом дизайне.

В самом простом случае симметричный баланс может быть создан с невидимой центральной линией, где вес элементов на обеих половинах страницы одинаков. Например, симметричный баланс можно увидеть в символе инь/ян или в знаменитой картине Леонардо да Винчи «Тайная вечеря».

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

Кредит: Luna de Oriente от Estudio Menta

Предоставлено: Luna de Oriente от Estudio Menta

В этой айдентике центра восточной медицины Luna de Oriente от Estudio Menta активно используется симметричный баланс, чтобы показать, что они авторитетны, высококлассны и заслуживают доверия. Сам логотип использует симметричный баланс, как и общие макеты, используемые в наборе канцелярских принадлежностей.

Авторы и права: Made For by Christopher Doyle & Co.

Баланс через напряжение. страница играет против изображения, расположенного в правом нижнем углу. Существует напряжение между двумя элементами и негативное пространство между ними. Эффект имеет динамичное и смелое качество.

Заключение

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

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