不知道会捶心肝的 UI 标注协作神器!省时又不用输出一堆图,
编辑时间:2020-06-14 作者:

不知道会捶心肝的 UI 标注协作神器!省时又不用输出一堆图,

 

Sympli 是一套涵括设计端与工程端的协作工具,除了网页外,还有 Sketch、Xcode、Android Studio 的对应插件,除了设计与工程也有便于和 PM 沟通管理的功能。

不知道会捶心肝的 UI 标注协作神器!省时又不用输出一堆图,

Share Project 提供连结邀请与信箱邀请,2 个都会让被邀请者成为 User,管理者可以把 User 升级为 Power user (让̶你̶误̶删̶档̶案̶的̶时̶候̶有̶代̶罪̶羔̶羊̶),Power user 赋予和 Project owner 一样的权限,包含上传、更新、删除等,但此功能需要解(ㄈㄨˋ)锁(ㄑㄧㄢˊ)。

Overview

Dashboard — Design

不知道会捶心肝的 UI 标注协作神器!省时又不用输出一堆图,

  1. 由左至右三个小 icon 代表的是
  2. Assets,在 Sketch 里的 symbol 会被建立为一个 png 格式的 asset,工程端可以直接载来用,虽然工程端快速出图好用,但对设计端的作业流程来说就需要把所需图档全部建立成 symbol 了。
  3. Comments,注记数。
  4. 版本号码
  5. 下载缩图:把游标放在缩图卡上,右下的 icon 可以让你直接下载这个 Sketch Artboard 的 png 格式的缩图,你就不必老是麻烦设计师出图或是歪歪的 sceenshop 啦~
  6. 提醒通知:主要拿来看 comments 的,不必点到档案内才能知道 有̶被̶呛̶ 。

Dashboard — Summary

不知道会捶心肝的 UI 标注协作神器!省时又不用输出一堆图,

  1. 系统会自己把档案内的颜色命名,也可把游标放在颜色上选 edit 自己更名,点 brand 则可以注记成主色,被注记的主色会自动排到第一顺位。
  2. 字型方面,如果有上传字型的话则可以直接从这边下载。
  3. 上传字型之后,可以建立 Brand Book 供其他专案使用

Design Page

Spec 是最常用的功能,可以看到个元件间的相对位置,右边栏则是缩图和更详细的绝对位置,也支援图层搜寻和 Ruler 定位,comment 功 能只要点击拖曳到你想注记的地方即可。

不知道会捶心肝的 UI 标注协作神器!省时又不用输出一堆图,

右侧栏分别是:

-Assets,可以直接下载 png 档加速作业

-Colors,除了色码外,也可以按 copy 直接複製程式码

-Fonts,除了字型、色码、还有对齐方式

-Messages,可以依时间顺序看到所有注记

 

不知道会捶心肝的 UI 标注协作神器!省时又不用输出一堆图,

Xcode & Android Studio

安装完 plugin 之后会在右上角看到 sympli 的小 icon,使用方法和 Web 端一样的,同样的 icon 就对应同样的功能

不知道会捶心肝的 UI 标注协作神器!省时又不用输出一堆图,

也可以直接在 Xcode 里面注记

不知道会捶心肝的 UI 标注协作神器!省时又不用输出一堆图,

更好的是可以直接 import 图档、字型

不知道会捶心肝的 UI 标注协作神器!省时又不用输出一堆图,

 

 

上一篇: 下一篇: