Основы графического дизайна являются базой для любой визуальной среды: от изобразительного искусства до современного web-интерфейса.
Даже такие мелкие детали как шрифты могут составлять большинство композиции.
Что же общего во всех этих примерах? Это самые основные элементы: линии, фигуры, формы, текстуры и баланс.
Они не кажутся чем-то особенным по-отдельности, но вместе они — часть почти всего, что мы видим и создаем.
Основы графического дизайна могут быть пугающими, особенно если вы не считаете себя художником. К счастью, есть много всего, что может научить вас создавать различные простые элементы с нуля. Давайте начнем с начала, с самого базового элемента из всех.
ЛИНИЯ
Линия — это часть прямой, которая соединяет 2 или более точек.
Она может быть толстой или тонкой, волнистой или зигзагообразной.
Линия часто встречается в дизайне, например в рисунках или иллюстрациях, в графических элементах, таких как текстуры, модели.
Также линии очень распространены в композиции текста, где они могут выделять, разделять, либо упорядочивать контент, или даже направлять глаза зрителя.
Когда вы работаете с линиями — уделяйте внимание толщине, цвету, текстуре и стилю.
Эти мелкие детали могут иметь большое значение для того, как ваш дизайн будет восприниматься.
Взгляните на то, как линии прячутся на самом видном месте, например в тексте.
Даже здесь экспериментируя со свойствами линии вы можете получить совершенно разные результаты.
ФИГУРА
Фигура — это любая двухмерная площадь с узнаваемыми границами, включая круг, квадрат, треугольник и тому подобное.
Фигуры разделяют на две основные категории — геометрические (или «обычные») и органические (или «бесформенные»).
Это очень важная часть визуальной коммуникации идей. Фигуры придают образам важность и делают их узнаваемыми.
Мы понимаем знаки, символы на улице и даже абстрактное искусство по большей степени благодаря фигурам.
Фигуры занимают очень серьёзное место в повседневном дизайне. Они помогают компоновать и разделять контент, создавать простые иллюстрации и просто добавлять что-то интересное в вашу работу.
Фигуры очень важны, потому что они есть основа для большого количества вещей. Учитесь искать их в различных конструкциях и скоро вы начнете замечать их везде.
Когда фигура становится трёхмерной — мы называем её ФОРМОЙ.
Формы могут быть трехмерными и существовать в реальном мире…
..или быть смоделированными с использованием таких техник как свет, тень и перспектива, чтобы создать иллюзию глубины.
В трехмерном дизайне форма делает возможным реализм. Так из простого круга получается объёмный мячик.
3D-здание — не более чем совокупность прямоугольников.
Даже в плоском дизайне используются тонкие техники, чтобы намекнуть на форму и глубину.
В повседневных вещах цель формы такая же, но в меньшем масштабе. Например, простая тень может создать иллюзию слоёв или дать объекту восприятие места.
Базовые формы могут добавить оттенок реализма в вашу работу. Это очень мощный инструмент, если использовать его в меру.
ТЕКСТУРА
Текстура является физическим свойством поверхности.
Также как и форма, она может быть трехмерной (то что можете видеть и трогать), или же она может быть смоделирована такой, какой могла бы выглядеть в реальном мире.
В дизайне текстура добавляет глубину и тактильность плоским изображениям, благодаря чему объекты становятся гладкими, грубыми, жесткими или мягкими, в зависимости от того, какие элементы задействованы.
Текстуры помогают создавать отличное фоновое изображение и придавать проекту интересный вид.
Если вы присмотритесь, то сможете увидеть текстуру даже в самых неожиданных вещах, таких как грязные шрифты или глянцевые иконки.
Только будьте осторожны, чтобы не переборщить — много текстур в дизайне может быть слишком банальным решением.
БАЛАНС
Баланс — это равномерное распределение визуальных объектов.
Другими словами, это то, насколько один из объектов привлекает глаз зрителя.
На баланс может влиять множество факторов, включая цвет..
..размер..
..количество..
..и пространство между объектами.
Освоение баланса может быть непростым занятием для начинающих, потому что для этого потребуется немного интуиции.
К счастью, в дизайне есть немало примеров, которые помогут понять разницу между различными принципами:
- симметричный дизайн — дизайн, который одинаково скомпонован на обоих сторонах вертикальной оси. Он выглядит сбалансированным, так как каждая сторона одинакова, если не идентична.
- ассиметричный дизайн — немного другое решение, в котором компоненты распределены не равномерно, но при этом композиция остается сбалансированной, потому что привлекает внимание зрителя к главным элементам.
- в балансе также популярна техника, которую называют «правилом трёх» или «золотое сечение». Композиция этого изображения разделена в сетку 3 на 3, а координирующие точки изображения при этом размещены возле одной из этих линий либо прямо на ней, создавая визуальный баланс оставшимся местом. Согласно исследованиям, нас привлекает это изображение потому, что человеческий глаз от природы следует определенному шаблону, когда просматривает дизайн композиции.
В своей сущности дизайн учит видеть полную картину вещей, другими словами это умение ценить много мелких деталей, из которых состоит каждая композиция.
Эти принципы могут быть использованы практически в любом виде проекта: создаёте ли вы графику, или же ищете простые способы выделить вашу работу.
По материалам: GCFLearnFree.org
