Создание адаптивных интерфейсов в 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, дайте мне знать по имейлу Francesco@FreeAndWilling.com. Вы можете найти официальный гайд здесь.

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

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Каллиграфия и леттеринг для начинающих

Изучение каллиграфии – непростой процесс, но с правильными методическими материалами это может занять меньше времени, чем вы думаете.

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Zeplin.io – способ подружить дизайнера и верстальщика

Zeplin – это новый и очень перспективный сервис, цель которого подружить и ускорить взаимодействие дизайнеров и других разработчиков. На данный момент сервис вышел с бета тестирования и уже его испытать в действии. Поддержка Sketch уже есть из коробки, а Photoshop появится немного позже.