UXPUB 🇺🇦 Спільнота дизайнерів

Cover image for Представляем Auto-Layout в Sketch
Редакція
Редакція

Опубліковано

Представляем Auto-Layout в Sketch

Для чего нам нужен Auto-Layout?

Нам нужен способ для определения и просмотра того, как выглядит наш дизайн на ВСЕХ размерах экранов, а не только для iPhone 7.

Auto-Layout

...

...

Что такое Auto-Layout для Sketch?

Плагин, который интегрируется в Sketch и предполагает определение и просмотр лейаутов в различных размерах (iPhone/iPad) и ориентациях (книжной/альбомной).

Auto-Layout для Sketch

Простое определение Auto-Layout

Также, в данном плагине реализована возможность генерировать разные режимы просмотра для всех размеров экранов одновременно:

Sketch Auto-Layout

Сгенерированный обзор всех размеров экрана

...

Как его использовать?

  • Скачайте плагин бесплатно: https://animaapp.github.io/Auto-Layout/
  • Откройте .zip и дважды нажмите на “AutoLayoutPlugin.sketchplugin” для установки
  • Определите ограничения для каждого слоя
  • Сгенерируйте просмотр для того, чтобы убедиться, что ваш дизайн хорошо выглядит на всех размерах экранов.
  • Выпейте пива с вашим разработчиком за то, что вы экономите много времени при помощи данного плагина.

Sketch Auto-Layout

Используйте простые или продвинутые ограничения. Все зависит от вас!

...

Sketch Auto-Layout все размеры

Просмотр позволяет легко просмотреть дизайн на всех размерах экранов.

...

Скачайте бесплатный плагин: https://animaapp.github.io/Auto-Layout/

...

Апдейт: Auto-Layout теперь поддерживает Android и Web


Перевод статьи Anima App

Топ коментарі (0)

Курси дизайну UX, UI

Вивчай UX, UI, дослідження, райтинг чи продуктовий бік дизайну, щоб створювати круті інтерфейси
Дізнатись більше