养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

UI标注怎么才能做好

时间:2024-09-22 16:39:38

设计师怎么做好UI标注?标注软件工具应该怎么使用?

工具/原料

psd设计稿或sketch设计稿

标注工具:PxCook像素大厨

方法/步骤

1、如果你使用了PS画出设计稿,可以将psd文件直接拖拽进入标注工具PxCook。(Sketch后面有讲)不过为了后面的工作整理起来方便,需要给本次标注项目起一个名字。

UI标注怎么才能做好

2、画板会随之导入。然后就靠鼠标拖拽等简单的操作就能实现智能标注。

UI标注怎么才能做好

UI标注怎么才能做好

3、想要做出完美的智能标注,需要明白开发实现的过程。需要不断积累经验。不过基本上遵循以下几个原则。1.最开始的标注以边缘为准2.耦合要少,尽量不要包含重复的位置信息3.相对位置、绝对位置或其他特殊需求等需要额外用文字写明白4.保持界面整洁,让开发小哥挑无可挑然后我们在说完sketch怎么传之后,介绍一个进阶方法

4、如果你使用的是Sketch,则可以通过PxCook的插件上传

UI标注怎么才能做好

5、更进阶,更niubility的来了,设计师和开发完全可以自动标注。点击顶部的开发模式,就进入了“点击图层或任意元素,然后立刻生成代码”模式

UI标注怎么才能做好

UI标注怎么才能做好

6、最好的标注没有唯一解,开发对于界面的制作往往因人而异。如果能把设计稿直接发给开发,且向他保证,PxCook中可以直接生成位置尺寸和代码(包含字体字号,阴影渐变,边框圆角),相信这样利人利己的做法才是设计师应该给出的好标注。

UI标注怎么才能做好

© 一点知识