Создание адаптивных интерфейсов в Sketch с помощью символов

Создание адаптивных интерфейсов в Sketch с помощью символов

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

Если вы знакомы со Sketch, Principle или InVision, посетите мероприятие.

“Дизайн адаптивных UI не должен быть сложным” – и благодаря опции Resizable Symbols в Sketch, это стало проще!

Опция Resizable Symbols в Sketch

Цель файла, показанного ниже – показать, как работает опция Resizable Symbols в Sketch и как это можно использовать при создании адаптивных интерфейсов.

Resizable Symbols в Sketch
Символы с возможностью ресайза (слева) и адаптивные макеты (справа).

Я постараюсь обновить этот файл через время, когда в Sketch появятся новые фичи, которые изменят процесс. Посмотрите в файле на элементы, которые были сделаны при помощи Stretch, Pin, Resize или Float. Данные опции могут применяться к символам и папкам.

Для адаптивного дизайна опция “pin” используется чаще всего. Сочетание клавиш – “Control+2” (соответственно 1,3 и 4 для остальных опций).

Опции Stretch, Pin, Resize и Float
Опции Stretch, Pin, Resize и Float для папок и символов
  1. Скачайте файл.
  2. Редактируйте символы и вы увидите, какие опции были применены.
  3. Измените их размер в макете и посмотрите, что произойдет.

Если вы знаете другие способы использовать смарт символы для адаптивных UI, дайте мне знать по имейлу [email protected] Вы можете найти официальный гайд здесь.

http://ux.pub/kak-ispolzovat-resajz-simvolov-v-sketch-po-polnoj/

3 Комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи
Рассмотрим примеры организации рабочего процесса разработки мобильного приложения для Android в Sketch 3
Подробнее

Как улучшить процесс дизайна и разработки под Android в Sketch 3

Создание дизайна под родные Android-приложения приносит массу удовольствия; временами даже счастья. И весь этот кайф длится ровно до момента, пока вы не возьмете ваше красивое приложение, на шлифовку которого у вас и вашей команды ушло несметное количество часов, и не… экспортируете исходники [и тут звучит драматическая музыка].
Подробнее

Быстрое прототипирование с использованием символов и шаблонов Sketch

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

Лучшие статьи, раз в неделю, с доставкой на почту

Total
0
Share