认识达内从这里开始

认真做教育专心促就业

UI设计规范模板（三）

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

    选择框（单选复选框）-潍坊达内负责整理
    顾名思义，单选框是众多选择里面选一个，而复选框是众多选择里面可以无限制选择。单选框和复选框都需要三个状态，即未选中状态、选中状态和不可点击状态。
    间选择器：
    时间选择器是选择年月日的组件，分别对应年月日星期的信息，在设计的时候需要考虑到4个状态，分别是：Select、Not_Select、Hover和Disable,并且写进设计规范。
    输入框：
    输入文本框是我们软件产品设计必不可少的组件，文本输入框有4个状态：Normal、Active、Disable和
    搜索框：
    和输入框相同的地方是都需要聚焦然后输入内容完成操作，应该有为Normal、Active、搜索下拉状态、Error状态。
    进度条：
    这个需要在规范中注明上传进度条的整个交互操作流程，对Normal状态、点击上传/拖拽上传状态、上传中、上传成功、上传失败，整个流程状态的整理。在上传过程中，任何用户操作都应该有及时响应的动作，这样用户在使用的过程中才不会迷茫。
    分页器：
    分页器是用于切换内容页面的复合组件，常规的分页器有上下页操作按钮、分页页码按钮、输入页码手动查找的搜索框，以及分页器的4个状态：Normal、Hover 、Active、
    提示框：

提示框是一个事件触发弹出面板显示的组件，经常使用提示框的地方是，删除按钮、疑难问题点、提示类弹出信息等。这个风格设计就比较多了，设计风格各不相同，定义底板样式、文字样式和阴影参数。

潍坊达内

    警告框：
    页面报错时的显示样式，常用的警告类信息是：操作成功、提醒用户注意、警告用户注意等。
    表格：
    表格类信息居多，应重点整理表格样式以及文本颜色大小。
    弹出面板：
    弹出面板主要由4个部分组成，分别是面板内的文本信息、按钮、面板大小样式、蒙版颜色和透明度。
    数字步进器：
    数字步进器属于复合类型的组件，可以理解为按钮和输入框联动的组件，所以输入框和按钮拥有的属性状态，步进器都有。
    选项卡：
    切换选项卡即切换内容，和下拉选择框不同的是，选项卡是将多个选项都排列出来的单选组件，需要考虑4个状态：Normal 、Hover 、Active 、
    设计规范对整个项目的规范性推动很强大，但是需要花时间和耐心细心打磨，所以需要花费很多时间和精力去整理资料、编辑素材、分类整合，最后还要在设计软件中将整个规范重新排列设计。
    以上就是潍坊达内给大家做的内容详解，更多关于UI的学习，请继续关注潍坊达内

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

下一篇：达内与浙江广厦建设职业技术学院携手签约，共建达内学院！ >