Photoshop里标注UI尺寸的工具
2016-07-29 21:13
399 查看
1、UI做好的切图和标注好尺寸信息的图片交给我,是这样的
做UI的艺术家使用的另一款软件,手动点击位置去标注好尺寸,
这种表达往往会有一些和程序真实使用的对接不上,这就增加了沟通成本,有时候我需要推算控件到窗口的内间距。
2、下面这张图表示这些标注都是浪费艺术家时间的工作量,我一直坚信,能用计算机觉得坚决不要人去参与,
下面是一个简单的实现,做好一点可以直接导出html+javascript带交互的,我会把UI信息导出成一个Json数据,每个程序员
可以根据自己使用的UI框架,解析到自己的UI界面上。我目前使用的是winform,我想可以直接用艺术家标注好的UI信息直接生成
界面布局的代码,甚至直接提供编译成Win32的功能。
做UI的艺术家使用的另一款软件,手动点击位置去标注好尺寸,
这种表达往往会有一些和程序真实使用的对接不上,这就增加了沟通成本,有时候我需要推算控件到窗口的内间距。
2、下面这张图表示这些标注都是浪费艺术家时间的工作量,我一直坚信,能用计算机觉得坚决不要人去参与,
下面是一个简单的实现,做好一点可以直接导出html+javascript带交互的,我会把UI信息导出成一个Json数据,每个程序员
可以根据自己使用的UI框架,解析到自己的UI界面上。我目前使用的是winform,我想可以直接用艺术家标注好的UI信息直接生成
界面布局的代码,甚至直接提供编译成Win32的功能。
相关文章推荐
- 3.2 使用直线段工具标注尺寸信息 [Illustrator CC教程]
- 【UI 设计】PhotoShop基础工具 -- 移动工具
- 【UI 设计】PhotoShop基础工具 -- 移动工具
- 尺寸标注工具
- Android APP界面标注、尺寸换算和APP标注工具
- UI 标注工具MarkMan的测量像素使用
- UI设计 Android开发尺寸标注
- Android APP界面标注、尺寸换算和APP标注工具
- IOS APP开发UI上的尺寸注意问题(屏幕、适配、分辨率)
- IOS设计UI工具大全
- Android 4.1:UI开源,连接,服务和工具 全面升级
- AutoCAD VBA尺寸标注
- 在GATE工具中使用自己的XSD模式进行语义标注
- 一个强大的LogParser的UI工具--logparserlizard简介
- CocoStudio工具集开发入门之UI编辑器教程
- Photoshop 渐变工具使用
- 【Android工具】UI检视利器:Hierarchy Viewer!!!
- Kite for Mac(Mac和iOS的UI动画和原型设计工具) v1.6最新破解版
- 光线分析工具鉴别Photoshop照片真假