ui效果图要怎么标注给程序

发布网友发布时间：2022-04-20 13:43

共5个回答

热心网友时间：2023-07-09 03:47

直接用插件吧，省事。

比如我用的摹客iDoc的PS和Sketch插件，标注和切图都可以解决。

标注：自动+手动，就是标注可以自动生成，只要鼠标停留或者点击图层就可以看到，重点部分可以手动做一下标注，比如字体说明之类的。

切图：用插件一键把图切好，直接下载就可以了，可以选择部分下载，也可以下载全部。如果需要不同平台尺寸也可以快速切换平台和尺寸，还支持自定义。

总的来说花费的时间可以忽略不计。我觉得标注切图这些工作，虽然必须要做，但是如果有捷径可以走的话，一定不能把时间浪费在这些工作上，把时间留在思考设计上比较好一点。

热心网友时间：2023-07-09 03:47

我不知道你用的是什么软件，我用sketch的话我都是用蓝湖，这个插件去完成我的标注的，然后把桌面打包的文件发给开发，开发打开后，鼠标放在想要知道尺寸的地方就可以看到尺寸了。

热心网友时间：2023-07-09 03:48

需要标清楚你的界面所有颜色值，字体及大小，图标的大小尺寸，间距

热心网友时间：2023-07-09 03:48

用蓝湖，设计图逻辑连线、交互说明、分状态展示、高保真原型制作预览。

对设计图进行树状连线，清晰展示跳转逻辑。

还可在一旁添加细节说明，方便团队成员的理解。

热心网友时间：2023-07-09 03:49

用蓝湖插件很方便，直接生成程序代码
周围的设计师都在用这个