6 Творческих способов использования повтора сетки в Adobe XD

Adobe XD недавно сделали большой всплеск во время его анонса из-за нескольких уникальных функций, включая “Repeat Grid”. Эта волшебная кнопка, которая превращает любую группу элементов в сетку, а затем повторяет эти объекты.

 

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

Видеоурок

Что ж, больше не стоит беспокоиться. Ниже приведены шесть творческих способов использования повторяющихся сеток.

#1 — Меню “гамбургер”

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

The Hamburger Menu

#2 — Меню “больше”

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

More Menu

#3 — Рейтинг 5 звезд

Ещё один изящный трюк об использовании повторяющейся сетки для рейтингов — это способность обрезать последнюю звезду до ½ (или четверти, если вы действительно хотите детализировать рейтинг).

5-Star Rating

#4 — Списки

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

Lists

#5 — Слайдеры альбомов или товаров

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

Album or Product Sliders

#6 — Выезжающее меню

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

Pop-out Menu

Заключение

Это всего лишь несколько примеров того, где повтор сетов может быть полезен. С таким инструментом как “Repeat Grid” в Adobe XD, возможности бесконечны. Если у вас есть другие примеры использования повторяющихся сеток, мы будем рады услышать о них в комментариях!