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

Элементами дизайна являются:

- Точка
- Линия
- Форма, фигура
- Движение
- Цвет
- Узор
- Текстура
- Текст, шрифт

Точка

Точка - простейший элемент визуального дизайна

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

Даже если на чистом листе бумаги присутствует только одна точка, одна метка, наш мозг непременно старается придать этому какое-то значение, пытается найти какую-нибудь связь или закономерность, либо использовать эту точку в качестве отправной. Если точек две, глаз немедленно пытается их "соединить" и создает воображаемую линию между ними. Если точек три, неизбежно наше сознание рисует треугольник; сознание достраивает то, чего нет. Это невольное соединение точек называется группировкой или гештальтом (gestalt).

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

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

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

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

Точки или пятна можно эффективно использовать в изображениях:

Подчеркнуть ключевую идею

Привлечь внимание

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

Линия

webmaster - Графика в веб-дизайне

Из рубрики: Веб-дизайн глазами профессионалов, graphics web-design - виртуальная школа веб-мастерства, статьи по графике.

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

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

Линия

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

Линия может использоваться независимо, создавая формы даже в тех случаях, когда сами линии незамкнуты. Это можно проследить по иллюстрациям приведенным здесь, например по рисункам Сола Штайнберга (Saul Steinberg) (см. начало параграфа), либо по минималистским проволочным скульптурам Александра Кальдера (Alexander Calder). В о всех этих случаях несколькими линиями раскрывается огромная информация о предмете.

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

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

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

Выразительные свойства линии

Определенные расположения линий несут в себе определенное значение.

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

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

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

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

Горизонтальные линии создают ощущение покоя или отдыха. Объекты, которые расположены параллельно земле, покоятся относительно линии силы притяжения. Следовательно композиции, где доминируют горизонтальные линии, несут в себе заряд спокойствия.

Одна из характерных черт архитектурного стиля Френка Ллойда Райта (Frank Lloyd Wright) - это использование сильных горизонтальных элементов, которые подчеркивают связь конструкции с землей.

Вертикальные линии создают ощущение высоты, полета и воздушности.

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

Диагональные линии создают ощущение движения или направленности, оживляют изображение.

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

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

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

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

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

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

Вам не хватает гармонии в собственной спальне? Хотите перемен в своем доме?

Попробуйте включить семь принципов дизайна в интерьер, которые использует при создании дизайна иньерьера компания StarLight Scenery .

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

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

Баланс

Баланс в дизайне интерьера играет немаловажную роль. Визуальный баланс основывается на правильном распределении предметов в комнате. Есть три способа создания баланса:

• Использование симметричного баланса является наиболее распространенным способом достижения визуального равновесия. Чтобы создать симметричный баланс в комнате с камином, расположите один большой объект в центре (например, живопись или зеркало) и разместите соответствующие объекты по обе стороны от него. Это упрощенный пример, но он демонстрирует идеальный баланс.

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

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

Единство

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

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

Контрастность

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

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

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

Ритм

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

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

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

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

Акцент

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

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

Масштаб и пропорции

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

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

Детали

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

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

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

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

01. Линия

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

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

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

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

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

С другой стороны у нас брендинг для бренда соков Frooti от Sagmeister & Walsh . В отличие от предыдущего примера, которые выбрали палитру, которая мягко дополняет себя, в этом брендинге были выбраны контрастные цвета, которые сделали дизайн энергичным и игривым.

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

Посмотрите на этот ежегодный отчет от Brighten the Corners и Аниш Капур , который привлекает внимание к симметричности текстовых столбцов, отражая их по обе стороны страницы.

Ежегодный отчет Zumtobel от Brighten the Corners и Аниш Капур

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

07. Прозрачность

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

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

DME Promotional poster 2008 от Джека Кроссинга

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

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

08. Текстура

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

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

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

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

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

10. Иерархия

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

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

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

Посмотрите на это свадебное приглашение от Southern Fried Paper . Обратите внимание, как дата (очень важная часть приглашения) сделана больше, смелее и заметнее, чем текст ниже. Но при этом дата не затмевает имен «Одри и Грант».

Одри и Грант от Southern Fried Paper

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

Взгляните на этот плакат для The Night Market от Мэри Гэллоуэй . Вы легко сможете определить где заголовок, подзаголовок, дата, и информация, которая важна меньше.

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

Ребята, мы вкладываем душу в сайт. Cпасибо за то,
что открываете эту красоту. Спасибо за вдохновение и мурашки.
Присоединяйтесь к нам в Facebook и ВКонтакте

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

сайт делится с вами самыми важными из этих правил.

1. Определитесь с предназначением помещения

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

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

2. Продумайте настроение и характер

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

• Подумайте о цветовой гамме – спокойная или яркая.
• Какие будут материалы и фактуры – теплые и натуральные, или, наоборот, искусственные и гладкие поверхности.
• Используйте контраст масштабов – то есть крупные и мелкие предметы. Это поможет избежать однообразия и создаст стимулирующее воздействие. Главное, их должно что-то объединять (форма, цвет, фактура).

3. Симметрия и баланс для гармонии

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

• Найдите центральную фокусную точку в помещении (например, камин, картина, окно) и постройте интерьер симметрично относительно ее.
• Используйте вертикальные линии – это зрительно вытягивает помещение вверх.
• Добавьте с одной из сторон нюанс. То есть сначала создайте симметрию, а потом слегка ее нарушьте.

4. Цвет и фактура всегда вместе

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

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

5. Освещение – самая чувственная составляющая дизайна интерьера

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

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

6. Детали определяют интерьер

• Ответственно подойдите к выбору шкафа. Следует учитывать, что его цвет и материал зададут тон всему помещению.
• Между разными элементами должны быть связующие моменты. Например, разнообразные подушки – идеальный способ объединить все цвета и фактуры помещения в единую схему.
• Оконный дизайн – важный центр помещения. Лучше выбирать нейтральный цвет занавесок, поскольку меньше вероятность того, что он вам быстро надоест.
• Ткани делают помещение более обжитым и уютным. Перекиньте винтажную шаль через быльце кресла. Используйте покрывала, накидки, подушки и пледы.

7. Окружайте себя тем, что любите

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

• Начните с того, чтобы освободить все стены и поверхности. Теперь расставляйте снова, пытаясь не повторять то, что было прежде.
• Картины или фотографии в рамке, которые вам очень нравятся, должны стать главными предметами вашей комнаты. Освещение, цвет и расстановка мебели – все можно организовать вокруг них.
• Не вешайте картины слишком высоко. Они будут гармонично смотреться на уровне глаз человека среднего роста.
• Полки весьма существенны для дизайна, поскольку помогают не только содержать дом в порядке, но и сами являются естественным местом для размещения аксессуаров.
• Живые цветы имеют свойство вдохновлять. Так что они должны стать неотъемлемой частью интерьера.

Вы когда-нибудь задумывались, что станет для вас возможным в маркетинге даже с небольшим запасом знаний дизайна? Хотите вывести ваши соцсети на новый уровень, увеличить количество подписчиков, лайков и шеров? Без хорошего визуального контента не обойтись! К счастью, в эру интернета обучение новому стало доступным каждому, кто умеет пользоваться поисковиком. Чтобы легче было осваиваться в новой области, изучите эти 48 понятий дизайна и область их применения. Для удобства чтения мы разбили термины на группы.

Оформление

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

1. Золотое сечение

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

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

2. Правило третей

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

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

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

Шрифты и отступы

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

3. Шрифты с засечками (serif)

Засечки – это как бы маленький «взмах» или завитушка на буквах. Самый известный представитель – Times New Roman. Шрифты с засечками лучше использовать для заголовков и других выделяющихся элементов. Они цепляют взгляд читателя.

4. Без засечек (sans-serif)

«Sans» означает «без», соответственно, «sans-serif» – шрифт без засечек на буквах. Типичный представитель – Arial.

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

5. Шрифты с засечками в виде пластин (slab serif)

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

Пример такого шрифта – Museo Slab.

6. Рукописные стили текста

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

Пример, как может выглядеть текст шрифта в рукописном стиле.

7. Моноширинный шрифт

Моноширинный шрифт (также известный как шрифт фиксированного шага, фиксированной ширины или непропорциональный шрифт) – когда буквы и остальные знаки (числа и значки обозначений) занимают одинаковое количество горизонтального расстояния. Иными словами: и буква «ж» и буква «т» будут равны по ширине, равно как и цифра «2». Большой массив моноширинного текста воспринимать сложно. Зато это может быть хорошим дизайнерским решением для заголовках на афишах.

8. Иерархия

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

Пример, иллюстрирующий важность иерархии объектов в тексте.

9. Кернинг

Кернинг — избирательное изменение интервала между буквами. Этот элемент определяет пространство между двумя специфическими буквами (или другими знаками: числами, пунктуацией и тд). Таким образом, происходит регулировка пробелов, которая улучшает читаемость текста.

10. Отступы между словами

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

11. Пространство между строками

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

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

12. Висячие строки

Это линии текста, которые остаются «в одиночестве» наверху или внизу абзаца. Есть 2 варианта висячих строк:

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

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

13. Lorem Ipsum

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

Цвета

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

14. RGB

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

15. HEX

Hex – модель, состоящая из 6 цветов, которую используют в HTML, CSS и в дизайне приложений программного обеспечения для репрезентации цветов.

16. CMYK

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

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

17. Цветовая модель Пантон

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

18. Теплые цвета

Теплые цвета, как красный, оранжевый, желтый или вариации из этих цветов несут дружественный, радостный, уютный настрой.

19. Холодные цвета

Холодные цвета, такие, как синий, зеленый, фиолетовый, имеют способность успокаивать.

20. Аналоги

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

21. Комплиментарность

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

22. Триады

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

23. Цветовая теория

Есть 3 базовых понятия в цветовой теории:

1. Цветовые круги – дают подсказку, какие цвета лучше использовать вместе.
2. Цветовая гармония – согласованность цветов в результате найденной их пропорциональности форм и объемов использования.
3. Контекст того, как используются цвета, их влияние на человеческое восприятие.

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

24. Палетка

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

25. Монохромность

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

26. Градиент

Градиент – это постепенное изменение цвета в другой цвет (например, зеленый плавно переходит в синий) или плавный уход цвета в прозрачность. Есть 2 типа градиента: линейный и радиальный.

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

27. Прозрачность/непрозрачность

Это позволяет сделать некоторые элементы дизайна прозрачными. Чем меньше уровень непрозрачности, тем более прозрачным выходит элемент. Например, 100% непрозрачность означает объект в обычном виде.

Более прозрачные объекты «весят» меньше. Можно выделять остальные предметы на изображении. С помощью прозрачности «играют» с оттенками цветов.

28. Тон

Тон – способ описания цвета. Любой цвет в цветовом круге – это тон. Красный, синий и желтый – это тона.

29. Оттенок

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

Насыщенные тона позволяют выделить главное. Использование оттенков делает объекты визуально мягче и легче.

Брендирование

Название, логотип, брендовый символ для бизнеса – почти как имя для человека. Определенный стиль компании подчеркивает ее уникальность и позволяет отличить от других.

30. Логотип

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

31. Брендовый символ

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

32. Иконка

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

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

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

33. Стайл-гайды

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

Работа с дизайном

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

34. Сетка

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

35. Масштаб

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

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

36. Соотношение сторон

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

37. Текстура

Текстура – это определенный вид «поверхности» изображения. Можно сделать объект на картинке как будто выложенным из кирпича или сделанным из ткани. Текстура придает изображению объем и реалистичность, делает картинку «вкусной» и продающей.

38. Симметричная раскладка предметов

Это раскладка вещей на картинке так, чтобы они были под углом 90 или 180 градусов друг к другу. Иными словами: предметы лежат параллельно или перпендикулярно друг другу.

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

39. Белое пространство

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

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

40. Разрешение

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

41. Контраст

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

42. Насыщенность

Понятие насыщенности относится к интенсивности и чистоте цвета. Чем более насыщенный цвет, тем более ярким он кажется. Ненасыщенные цвета кажутся бледными.

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

43. Blur

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

44. Кадрирование

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

45. Реалистичная отрисовка объекта

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

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

46. Плоский дизайн

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

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

47. Растр

Растровые изображения состоят из сетки пикселей. При изменении размера изображения оно может стать размытым. Скорее всего большинство картинок, которые вы когда-либо видели, были растровыми.

48. Вектор

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

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

Материал подготовлен на основе текста, взятого с сайта blog.bufferapp.com .