当前位置:首页> 2019

ui设计中的标注规范

发布者:乾学教育 发布时间:2019-5-8 0浏览

俗话说,“没有规矩,不成方圆”,除了要提高审美,熟练掌握设计软件,从事南京ui设计还需要熟悉各种设计规范,标注规范就是其中之一。

标注主要是以下四种不同属性的内容:尺寸、文字、间距、颜色。

在进行标注时,首先去除导航栏和标签栏,因为这些控件通用性非常强,需要单独拿出来进行统一标注,这里我们只对内容区来进行标注示例。

文字

文字,需要标注文字的大小、字体、颜色、透明度、行高等等,当然也可以和开发进行沟通,对一些内容进行删减。

关于文字的标注需要注意的事项:文字有一个很特殊的属性,就在某些场景下,文字是动态的,所以这个时候,就需要将极限情况考虑清楚。

表面上我们将标题文字的大小、颜色这些内容标注清楚就可以了,但是如果标题文字过多的时候该怎么处理呢?

所以必须要给出一个极限情况的规范,比如最多显示多少个字符,字符超过极限值就用打点的方式处理。推荐阅读>>>UI设计师如何快速提升审美能力

ui设计中的标注规范

间距

有人可能会觉得间距和尺寸有些相似,但其实它们有着很大的不同,我们可以这样理解:尺寸是形容容器的大小,而间距是形容容器之间的距离。间距相对比较简单,只要标注清晰就不会有太大问题。

颜色

需要标注颜色的内容有分割线颜色、背景色、按钮颜色等等。关于颜色的标注需要注意的事项:切记文字的颜色已经归类到文字属性里面,不用重复标注,思路一定要保持清晰。

尺寸

我们要将页面上有所需要告知尺寸的内容进行标注,例如图标、图片、头像等等。关于尺寸维度的标注我们需要注意的是:有圆角的地方,需要将圆角半径标出。

对于一些控件,如button、列表,一定要随时问自己有没有特殊状态,如按压状态、无效状态、选中状态等等,如果你不标明,开会就会默认没有这些效果。

一般情况下,图片的尺寸是需要告诉比例的,而不是固定的大小,这样开发才能更好的适配,常用的图片比例有4:3、16:9等。

很多没有经验的设计师不理解适配的原理,所以很容易将一些控件给出固定的尺寸大小,如果你将这个按钮的宽度和高度都标注出来。

开发就会将这个按钮的大小写死,一旦遇到屏幕(白色区域)较宽的时候,按钮还是固定大小,就会影响视觉效果。

所以正确的标注方法是给出按钮两边的间距,让整个按钮的宽度自适应(当然高度还是要固定的),这样不论遇到哪种分辨率的尺寸,都能够保持相同的视觉效果,扩展性极强。

总结:本文为大家整理的ui设计中的标注规范包括文字、颜色、间距以及尺寸四个方面,准备从事ui设计行业的亲们在以后的工作中可能用得到,建议收藏下哦~
热门文章

ui设计中的标注规范(文章)免费

乾学原创课程1已学习

PS免费体验课 拯救你的朋友圈(文章)免费

乾学原创课程28已学习