Дизайн границы: 8 советов
и современные примеры

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

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

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

1. Чернила и тату-стиль

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

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

Совет по использованию: 

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

2. Винтажная рамка

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

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

Совет по использованию: 

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

3. Акварель

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

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

Совет по использованию: 

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

4. Ретро-стиль

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

Ретро-стиль обычно — это доминирующий визуальный эффект, поэтому не смешивайте несколько стилей в одном дизайн-проекте. 

Совет по использованию: 

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

5. Белые границы

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

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

Совет по использованию: 

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

7. Простые линии

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

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

Совет по использованию: 

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

8. Использование рамки в середине

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

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

Совет по использованию: 

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

Источник: designshack.net