ui设计规范怎么写

ui设计规范怎么写,第1张

一、UI标注的规范

1、尺寸。例如图标、这些内容关于尺寸维度的标注。
需要注意,比如的尺寸比例,不是固定的它的大小数字,这样开发才能更好的适配,常用的比例有4:3、16:9等。如果控件给出固定的尺寸数值,按钮的宽和高度都标注出来,开发就会写死按钮的尺寸,一旦遇到屏幕有比例不同的时候,按钮还是固定的大小,就会影响视觉效果;

2、标注文字的字体、字号、颜色、行高和透明度等等。
这些都要给出一个极限情况的规范,如最多显示几个字符,字符超过极限值就用“”的方式处理;

3、间距的规范。
间距相对比较简单,只要标注清晰就不会有太大问题。但有时候将间距和尺寸混淆。我们可以这样理解为尺寸是容器的大小,而间距是容器之间的距离,所以间距和尺寸有着很大的不同;

4、颜色标注规范。
文字的颜色已经归类到文字属性里面,不用重复标注。颜色标注内容有:分割线颜色、背景色、按钮颜色等等。 建议使用公司或品牌原有VI配色,可提高公司或品牌VI之间的关联,增加可辨识性和记忆性。
二、UI里处理规范:
除了风格、色调等常规的统一性意外,还要着重注意切图和优化。
1、安卓系统

安卓系统切图:

统一采用Png格式

部分需要做适配的需要制作9格式

安卓系统优化:

压缩优化

ICON 可采用PNG 8

支持完全透明和完全不透明两种效果和256色

需要高清的可采用 PND24/32

2、iOC系统

iOC系统切图:

统一采用Png格式

以640/750宽分辨率为@2x输出三套尺寸:@1x @2x @3x

iOC系统优化:

压缩优化

ICON 可采用PNG 8

支持完全透明和完全不透明两种效果和256色

需要高清的可采用 PND24/32

三、UI中的命名规范:

统一的、规范的命名对我们自己的文件整理有很大的帮助,后期修改文件、图层的时候更加方便快捷。

并且做好版本管理、文件归档的工作,会提高项目沟通衔接,能更好的为版本管理、文件归档做铺垫。

比如常见文件包命名规则是:项目名字+切图+作者名字+日期。

比如常用的英文单词列表:

bg(backgrond 背景)

nav(navbar 导航栏)

tab(tabbar 标签栏)

btn(button 按钮)

img(image )

icon(图标)

selected(选中)

default(默认)

pressed(按下)

back(返回)

content(内容)

1、首要介绍下作品的信息,例如作者,用料,设计师,设计公司等。

2、然后讲一下设计的初衷与理念,浅谈一下自己的想法。

3、最后根据设计思路以及设计之后的优势,表达一下对于设计的确切想法,进行一个简单直接的总结。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12915430.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-28
下一篇 2023-05-28

发表评论

登录后才能评论

评论列表(0条)

保存