UI标注怎么才能做好

 时间:2024-09-22 18:22:04

设计师怎么做好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标注怎么才能做好

如何使用PS对照片中的人物进行模糊和凸显 InDesign软件怎么修改参考线位置 纸袋印刷制作知识大全 如何使用AI为图形添加海报边缘效果 AI 线条图形的绘制方法和应用
热门搜索
火警图片 大雕图片 动感超人图片 爱护环境的图片 小学生美术作品图片