颜色
让我们从最明显的样式属性入手,这是一个样式属性可以用现代设计工具进行命名、存储和重用:颜色。
品牌颜色
大多数ui至少需要以下几种灰色:
一个非常浅的灰色背景。
一个稍暗的灰色作为边界、线条、分隔线。
一个中度的灰色作为小标题,支持附加内容。
一个深灰色作为主标题、内文和背景。
阴影
阴影在ui中是另一种常用的样式属性。我们所看到的许多设计师仅仅是在设计的组件中加入阴影。
边界半径
现在只是相同的过程把样式属性值应用到每一个特定的对象。关于圆角,我们需要以下圆角半径值:
小的边界半径适用于小型组件,如复选框标记和标签。
间距规范
在任何设计中最常用的样式属性是留白。是否间隔分开标题中的链接,间隔网格中的项目网格,添加一些副本或者在链接之间的距离填充下拉组件——在我们的产品中空格应该是有意义的。
字符间距
如前所述,字体大小并不是的样式属性,还需要定义文本组件。字符间距是另一个有用的属性,我们可以使用它来平衡大标题和小标题。3或4字符的间距值应该足够了。
创建一个组件库
现在我们已经定义了全局样式面板,可以开始创建一个组件库。
按钮
让我们先从一个简单的按钮组件,解释如何只使用我们预设的样式定义组件。
更多的组件
同样,这些颜色、字体大小、阴影和填充都是上面我们预设的样式。
以上ui培训机构老师要给大家讲的建立设计体系的规范,之后还会更大家分享ui知识,不要错过噢!
编辑短信:姓名+电话+想要学习课程 发送至:18487146383,发送短信即可获得1000元免费7天试听机会哦!
联系人:李老师
电话(微信):18487146383
网站:http://cs.ui.tedu.cn/
昆明达内职业培训学校
18087159764