在做过几个项目,画过不少后台页面后,发现后台界面中重复使用的控件其实就那么几个,这些常用的控件也被很多产品经理整理成合适的控件,加载到原始库中,在设计原型页面时,只需要轻轻一拖,再稍微优化一下,就形成了。
老师已经编制了一系列常用的控件列表,并将它们汇总为产品的新手,以免每次与前端或后端通信时都不会遇到任何障碍。
制作原型时,后端无法没有几个主要控件:搜索框,日期选择框,输入框,下拉框,操作按钮,收音机/复选框,表单,提示框,tab,加载控制,页面转动控制,步进,进度栏,班车,班车等。
来自:百度图片
来自:百度图片
搜索框
搜索框通常是在查询订单信息,事务信息和用户信息时使用的。
如果需要将输入内容设为可选,模糊搜索后会弹出下拉选项,选择即可进行搜索。
日期选择框
根据使用场景不同百度搜索框下拉,日期选择框的时间粒度也不同百度搜索框下拉,有时候需要选择单日,有时候需要选择某个时间段,所以对应的时间控件种类也很多。在我使用过程中,我发现带时间区域的插件适用范围最广,既能满足单日的需求,也能选择某个时间段。
输入框
创建信息时,最常用的是输入框,您可以在其中输入要添加的信息。
当要输入的内容太复杂时,用户通常会在输入框之后或下方使用规则,例如设置密码时,通常会提示用户输入大写字母和小写字母,而不是所有数字。
下拉框
下拉框是在用户点击选择时,提供若干个选项供用户选择的框,限制了用户输入内容的范围,减少了用户临时输入的错误。下拉框包括多级联动下拉框和树形下拉框。有些下拉框还支持搜索。
操作按钮
用户点击操作按钮后360搜索下拉★64xl.com最专业的下拉平台,关键词搜索引擎工具,会跳转到下一页或者弹出下一页。每个操作按钮都有各自的功能,通常会在操作按钮上添加文字,告诉用户这个按钮是做什么的,当然很多操作按钮都被图标化了,有具体的含义。
来自:百度图片
来自:百度图片
As in the , the one is for , the one is for , and the one is for add.
单选/复选框
无线电按钮适用于选择多个选项,而复选框支持在开发过程中选择多个选项。
形式
the data the , for , we it when .
提示框
顾名思义,当用户不熟悉文本的含义,在操作中犯错误或提交信息时,提示框是一个指南。
标签
标签有两个基本布局,一个是网页的顶部,即标签,另一个是页面的左侧。
加载控制
加载控件用于反馈上一步的操作,一般会给出倒计时提示,也可以通过沙漏、进度条来提现。
翻页控制
翻页控制通常位于表的左下角。
步进机
当我们购买商品或订购食物时,我们经常使用草原,我们可以单击右侧的添加按钮以增加数量。
进度条
详细条用于展示当前的操作步骤到了哪个阶段,提示用户还有多少步骤才能完成所有的申请,给用户明确的时间节点。
穿梭
穿梭器类似于多选框,左侧是全部的待选项,右侧为添加的结果项,可以将左侧的内容添加到右侧,左侧的内容也可以取消分组到左侧。
基本的控件类型就是以上的介绍了,每个控件在使用过程中也有自己的规范。合理的使用控件,才能够让后台界面恰好划一、布局简洁大方。
来自:百度图片
来自:百度图片
由于后端产品的界面设计更偏向于功能设计,所以在工作中没必要追求华丽的动画效果和交互实现,但布局合理、交互清晰是基本原则之一。在使用过程中多思考如何让用户的感知和这些空间的功能目标保持一致是一个基本的要求。
在我们的日常工作中,我们还应该与开发人员进行更多的沟通,了解当前流行的控制元素,每个控制所能实现的互动效果,在相互交流中积累经验并增强革命性的友谊。