November 2, 2021

Выбор, ресайз, снэп — теперь еще удобнее

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

Селект

Раньше виджеты внутри группы можно было выбрать двойным кликом. Мы сохранили эту механику, но добавили еще одну, более удобную: наведите курсор на виджет удерживая Cmd / Ctrl, чтобы увидеть его рамку — и выберите его одним кликом.

Выбор виджета с зажатым Cmd / Ctrl

Удерживая Shift + Cmd / Ctrl можно выбрать несколько виджетов — вне зависимости от того, сгруппированы они или нет.

Выбор нескольких виджетов с зажатыми Shift + Cmd / Ctrl

На рамке выбранного виджета теперь восемь точек для ресайза — чтобы можно было менять размер в любом направлении. Рамка скрывается, когда вы передвигаете виджет с помощью стрелок на клавиатуре или меняете его размер с помощью стрелок и зажатого Cmd / Ctrl. В виджетах мельче 15 x 15px точка для ресайза только одна, и показывается она только при наведении.

Бандл-драг

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

Бандл-драг по отдельному виджету

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

Бандл-драг по группе виджетов

Треугольный контрол для бандл-драга стал компактнее, а для виджетов мельче 15 x 15px он отображается только при наведении.

Снэп

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

Снэппинг одного виджета к другому

Направляющие и сетка

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

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

Задаем ширину колонки

Фиксированная позиция

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


Регистрируйтесь в Readymag, создавайте собственные проекты и экспериментируйте с типографикой.

Скоро вас ждут и другие обновления! Чтобы ничего не пропустить, подписывайтесь на нашу русскоязычную рассылку.