认识达内从这里开始

认真做教育专心促就业

UI设计规范模板（二）

发布：潍坊达内
来源：潍坊达内
时间：2018-11-30 20:03

    潍坊达内的老师说，需要注意的是：在定义段落默认字体的时候还需要定义一个后备字体，即默认字体不能正常显示情况下显示的字体。设计的水平层次就在于对细节的打磨，这也就是段落规范在设计中存在的意义。
    、图标
    图标是重要的软件标识，在设计资源中是最重要的模块之一。在软件产品中甚至可能每个页面都存在图标，图标除了美化的作用以外，还有着明确指代含义的计算机图形。
    具体分为以下三个作用：
    图标是与其它网站链接以及让其它网站链接的标志和门户。
    图标是网站形象的重要体现。
    图标能使受众便于选择。根据图标大小和使用用途进行分类整理设计规范，这样才更清晰明了。
    、图片
    图片也是属于设计规范最重要的部分之一，按照用途分类整理图片资源，设计风格系统化。
    、度量
    在设计的过程中，我们经常会使用一套规范的度量标准，来保持产品的一致性，分别为圆角值、间距、大小。

对度量解释最好的是设计中经常使用到的栅格系统（Grid Systems），运用固定的格子设计版面布局，其风格工整简洁。这就是我们在网页和APP设计的过程中经常使用到栅格系统的原因。

潍坊达内

    、阴影
    阴影风格及参数也是设计规范中的一部分，在整理设计规范的时候，需要注意的是阴影的参数值是网页中控制阴影的参数值，而不是设计软件中的参数值。
    举个例子：网页中阴影对应的参数值为：box-shadow: type:Outset offset X:0px offset Y:4px Blur:8px Spread:0px color:#000000 ,不透明度：10%,这才是程序员需要的阴影参数值，否则最终开发出来的阴影会出现不一致的情况，无法达到规范的目的。
    、组件
    常用的UI组件（Component）：Button控件、下拉框、选择框（单选复选框）、时间选择器、输入框、搜索框、进度条、分页器、提示框、警告框、表格、弹出面板、数字步进器、选项卡等。
    控件
    按钮是最常见的组件之一，按钮有5个状态：Normal、Hover、Active、Disabled 、
    需要在规范中分别罗列出这五个状态，标注上对应的按钮填充色、边框色、圆角值、按钮宽度和高度，按钮文本大小、颜色值。如果是图标按钮的话，除了上述参数值以外还需要标注icon和按钮文本之间的间距和icon图标的大小。
    、下拉框
    下拉框是为用户提供多个选择的单选组件，优点是用最简单的界面布局方式收纳了很多的选项，需要注意定义下拉选择框弹出的时候，鼠标移动上去的Normal、Hover、Active状态。
    以上就是潍坊达内给大家做的内容详解，更多关于UI的学习，请继续关注潍坊达内

< 上一篇：UI设计规范模板（一）

下一篇：UI设计规范模板（三） >