Sketch iOS Library
Страница плагина Я решил взять стили из Xcode и попробовать скопировать их для Sketch. По мере работы, я документировал весь процесс и как я достиг результата. Вам нужно скачать San Francisco: https://developer.apple.com/fonts/
UIBlurEffectStyle
API не предоставляет никаких спецификаций для блюра, поэтому его сложно копировать. Из соображений производительности, я понимаю, почему Apple не дает этих спецификаций. Однако, будучи дизайнерами, мы должны знать и учитывать эти ограничения.
Использование
- Открыть UIBlurEffectStyle.sketch
- Скопировать стиль типа блюр
- Вставить стиль в любой шейп
Процесс
Создано несколько цветных шейпов для блюра Визуализировано и экспортировано все 3 типа блюра шейпов в Xcode:
- extraLight
- light
- dark
Каждый тип блюра скопирован в Sketch
UIFontTextStyle
Системные шрифты Apple предназначены для разборчивости и имеют разные размеры, которые автоматически подстраиваются под различные ситуации. О том, почему лучше использовать системные шрифты, вы можете прочесть здесь.
Использование
- Откройте UIFontTextStyle.sketch
- Скопируйте и вставьте артборд в документ Sketch
- Установите тексты в системе стилей
Процесс
Создан список всех 10-ти текстовых стилей:
- Title1
- Title2
- Title3
- Headline
- Subhead
- Body
- Footnote
- Caption1
- Caption2
- Callout
Спецификации напечатаны в Xcode (например: UIFontTextStyle(_rawValue: UICTFontTextStyleTitle1): .SFUIDisplay-Light, 28 ) Используется трекинг шрифта по рекомендации designcode.io
Участвуйте
Предложите стиль
- Создайте задачу
- Опишите стиль iOS, который нужно скопировать
- Бонус: Наблюдайте за задачей для обеспечения обратной связи
Оставьте отзыв
- Создайте задачу
- Укажите стиль, по которому у вас возник вопрос
- Бонус: Наблюдайте за задачей для обеспечения обратной связи
Возникли вопросы?
HSL Color Picker
Установка
- Скачайте master.zip, распакуйте его.
- Двойной клик на "HSL_Color_Picker.sketchplugin"
Лицензия
CC-BY-SA 4.0
Топ коментарі (0)