前言：
最近学习了后台设计的一些要素，简单地做了一下学习笔记，总结了一下，仅做学习与参考
原文参考：http://www.woshipm.com/pd/2175658.html
一、辅助设计
1.辅助文字
相对于正文内容来说做了弱化处理的文字，做提示引导用户的作用，一般放在比较明显的位置上
2.帮助文字
帮助文字相对于辅助文字，位置不明显，一般都是收起，以图标代替，鼠标点击或者划过都可能触发显示
3.输入框设计
输入框主要是输入内容，因此需要让用户定位到输入的位置和输入的内容，一般在输入框中添加提示文字
4.限制条件
限制条件一般在输入情况会出现，需要明确输入的限制，比如文字数量、中文还是英文、图片的尺寸、格式等
这与辅助文字和输入框设计存在交叉关系
5.可视化反馈
可视化反馈一般情况会出现在一些比较重要的节点、或者重要的信息填写
比如用户注册时填写信息，正确的信息和错误的信息有比较明显的提示；
或者是在提交时，提交成功或失败有弹窗提示/toast提示
二、表单设计
一般表单分为只读和可操作两种
1.只读表单
只读表单的可操作性比较弱，一般侧重可读性，因此需要易读懂
通常用在操作日志之类的表单中
2.可操作表单
可操作表单的可操作性很强，因此会有大量的控件对表单中是数据进行操作，包括全局和局部的，比如全局的搜索、删除操作，局部的筛选、编辑操作，其中局部操作还分对字段和对记录的操作
可操作表单页面的布局一般如下图所示：
三、搜索框设计
搜索栏跟进搜索条件数量、使用频率可以将布局分为隐式、半隐式、显示
1.隐式
通俗的来说，隐式布局就是不能直接看到搜索条件的布局，需要用户触发后才能看到的
一般为不那么重要的搜索条件，包含收起、展开两种状态
也存在为了界面美观整洁，将过多的搜索条件隐藏起来，前提是这些搜索条件的优先级不高，使用频率低
2.显式
与隐式相反，所有的搜索条件都能直接看到，相对而言这些搜索条件数量比较少，使用频率高
3.半隐式
即为隐式和显示的结合，将比较常用的搜索条件直接展示，其他则收起
四、页面设计
1.多列式布局
将信息模块化，关联性比较强的信息分组展示，通常用于信息比较多的情况，更易读懂
2.单列式布局
适用于信息比较少，关联性比较强的页面，实际上就是多列式布局中的一个模块/分组，通常用于弹窗等页面
3.拟物型布局
利用拟物的展示形式，帮助用户加深对信息和场景的理解，比如卡片式、车票样式
其中，将数据展示进行模块化区分，数据展示上更加清晰明确，在一些数据可视化展示上也会使用类似卡片式的展示布局
4.步骤导向型布局
一般用于分步骤进行的，信息比较复杂的信息填写情况，将信息按照不同的步骤一步步完成，流程条理上更加清晰，且能够时刻告诉用户当前的进度，通常用于注册等类似场景
五、导航栏设计
常见的导航栏设计有顶部导航栏、侧边导航栏、动态导航栏、多级导航栏和组合式导航栏
一般情况下，在一个页面中，可能存在多种不同样式的导航栏
1.顶部导航栏
2.侧边导航栏
3.动态侧边导航栏
动态侧边导航栏就是在侧边导航栏的基础上，添加了鼠标滑过时显示子菜单的交互效果
当然可有动态顶部导航栏的样式，常见于网站导航
4.多级导航栏
菜单中包含多级菜单，不同层级的菜单位于一个菜单栏中，直观来看只展示一级菜单，点击一级菜单可展开二级菜单，以此类推。
5.组合式
利用上面几种基础的导航栏样式进行组合
例如，顶部+侧边导航栏结合，则可以将不同层级的菜单都展示出来