Adobe XD недавно сделали большой всплеск во время его анонса из-за нескольких уникальных функций, включая “Repeat Grid”. Эта волшебная кнопка, которая превращает любую группу элементов в сетку, а затем повторяет эти объекты.
Однако это не лучшая часть. Используя повторяющиеся сетки, вы можете легко заполнять текст и изображения, чтобы каждая сетка имела уникальный контент. Это делает его банальным инструментом для использования при создании таблиц и списков. Но некоторые могли бы задаться вопросом, какие другие виды использования повторяющейся сетки можно применять в своем рабочем процессе проектирования.
Видеоурок
Что ж, больше не стоит беспокоиться. Ниже приведены шесть творческих способов использования повторяющихся сеток.
#1 — Меню “гамбургер”
Поскольку интервал в иконках не противоречит остальным элементам, вы можете использовать повтор сетки для довольно быстрого тестирования подходящего интервала.
#2 — Меню “больше”
Подобно повторяющимся строкам меню “гамбургера”, вы также можете использовать повторяющуюся сетку, чтобы продублировать круги в меню “больше”, чтобы быстро отрегулировать интервал по своему вкусу.
#3 — Рейтинг 5 звезд
Ещё один изящный трюк об использовании повторяющейся сетки для рейтингов — это способность обрезать последнюю звезду до ½ (или четверти, если вы действительно хотите детализировать рейтинг).
#4 — Списки
Это, пожалуй, наиболее распространенное использование повтора сеток. Вы можете легко выбрать группу объектов и создать повторяющуюся сетку для заполнения разными изображениями и текстом в списке.
#5 — Слайдеры альбомов или товаров
Воссоздайте новые альбомы или исполнителей в слайдере с помощью повтора сетки, которая позволяет на лету заполнять обложки альбомов.
#6 — Выезжающее меню
Вместо того чтобы создавать 10 разных ссылок в меню, которые вам нужно будет изменить 10 раз, если вы передумаете в выборе стилей объектов или шрифта, используйте повторяющуюся сетку. Таким образом, вы сможете изменить своё решение в будущем (и немедленно внести изменения).
Заключение
Это всего лишь несколько примеров того, где повтор сетов может быть полезен. С таким инструментом как “Repeat Grid” в Adobe XD, возможности бесконечны. Если у вас есть другие примеры использования повторяющихся сеток, мы будем рады услышать о них в комментариях!
