UI设计切图工具和标注工具有何作用?UI页面怎么进行标注?

如题所述

身为UI设计师,无论你是新手还是老手,那都是得从基础开始学习掌握起来的!那么,关于UI设计的基础,你知道是什么吗?其实和大多数的设计一样,软件的工具认识以及用途是我们首先要了解的!所以说,本文小编就专门来为大家详细的分析一下:UI设计切图工具和标注工具有何作用?UI页面怎么进行标注?

关于UI设计,想要提升技巧的小伙伴就可以来学习课程:30天学UI设计~

UI设计切图工具和标注工具有何作用?

1.切图工具:

Cutterman:一款PS的插件,切图很方便,但不支持绿色免安装的PS版本PS,而且对PS版本要求较高,针对CS6的已经不再维护更新。建议安装PSCC或更高的官方完整版本,目前cutterman的最新版本是3.2.0。

AssistorPS也是一款PS的切图示插件,也被誉为一个神器;我用了,感觉还不错,但在切割和标注方面的体验并不高,不过AssistorPS的其它辅助功能还不错,比如参考线帮助,圆角尺寸,磁铁功能。

2.标注工具:

PxCook(PxCook),是一款切割图标注设计工具软件。从2.0.0版开始,支持文本、颜色、距离自动智能识别等PSD文件。

它的优点是把标注、切图两个项目完成后整合在一个软件内完成,支持Windows和Mac双平台。标定功能包括:支持长度、颜色、区域、文字注释;从2.0.0版开始,整体效率有了显著提高,值得推荐使用。

Parker和cutterman是同一个家,Parker可以自动计算尺寸、距离、文字大小、阴影、描边圆角、更高级别的信息,并根据您的需求对其进行标注,这可以大大节省您的标注时间,大大提高设计效率。(U妹现在一直用Parker标注)

然而,Parker并非免费,它是一个收费软件,需要60RMB。

同时,MarkMan也是一款高效的设计草图标注工具,支持Win/Mac,可以免费使用基本功能,免费版的体验也很差强人意,毕竟是免费的,如果需要高级功能也是要付费的60RMB。

UI页面怎么进行标注?

页面标准主要是标注这些内容:

文字:字体大小,字体颜色。

控件布局属性:控件宽度高,背景色,透明度,描边,圆角大小。

列表:列表高度,列表颜色,列表内容上下间距。

间距:控件间距,左右边距。

段落文字:字体大小,字体颜色,行距。

所有属性:如导航栏的文字大小、颜色、左右边距、默认间距等。,可以提前和开发哥说好,不用标注。

所有页面标记总结为:标记文本、标记间距、标记大小、标记区域。

总而言之,UI设计中的切图和标注都是很重要的!切图能够使得整体UI界面更为高级,而标注则是能够更好的理解UI页面的大体意思!希望以上的内容能够帮助到各位~其实学习UI设计,说困难也困难,说不困难也不困难~只要上学习,那么就不困难~

温馨提示:答案为网友推荐,仅供参考
相似回答