功能界面的视觉设计，更注重标准性和规范性。界面上采用统一的颜色、布局、弹框、字体等，会形成良好的产品体验。以下摘取了微厅部分界面设计规范内容，主要给大家提供搭建功能界面设计规范和标准的角度和思路。
1.颜色使用规范
微厅针对每个公众号都单独建立了一套用色体系，针对品牌色、辅助色做了明确的定义，同时设定了文字、背景、按钮等所有内容的用色标准。
2.页面布局规范
页面布局规范，主要是设定页面元素的摆放位置及元素间的间距。比如，当两个层级关系完全不同时，两者的间距为40px，当两者有对应关系时，两者的间距为30px。
3.字体识别使用
在移动产品的设计上，如果没有特殊需求，一般采用系统默认的字体。在iOS平台上，要达到与系统默认字体一致的显示效果，中文需选择“黑体—简”或者HeitiSC，数字和英文选择Verdanan，如手机上没有其字体变显示为Helvetice（Neue）。通常字号在34、32、28、26、24、22号，其中22号为最小建议字号。除了大小区分层级外，还有通过颜色区分功能。文字状态主要有：常态、选中、强调、辅助说明、链接等。
4.控件识别使用
控件包括了界面按钮、列表按钮、输入框、控件元素等。每类控件都有专业的控件识别规范，以下以界面按钮的设计规范作为案例。
界面按钮：圆角10px，高度84px，最大宽度600px，字体颜色#ffffff，字号36px，点击状态文字透明度60%。按钮圆角、高度、最大宽度、文字常态及点击态颜色，数值都需严格遵守规范。
5.弹框规范使用
弹框包括了双按钮弹框、单按钮弹框、说明性弹框、无按钮弹框、选项弹框、提示性弹框等不同的弹框类别。
6.导航设计
标签式导航、九宫格导航、桌面式导航、下拉列表导航、列表导航、分段选项卡导航等各种不同类型的导航模式。
7.加载设计
每一次互动都是一次加载的过程，要完成页面间的跳转会有各种加载策略，它贯穿用户的行为路径，所以加载的细节设计需要设计师特别关注，同时加载的各种策略需跟技术人员认真沟通过，以确保加载策略能正常实现。
加载设计的原则：让加载时间变得更有价值、让等待变得更有趣、保持用户感受的连续性。
以下是缓存加载的相关内容。缓存加载是针对在无网络的情况下，让用户仍然能看到缓存在本地的有用信息，不会出现空白界面。它解决了设计体验和感官上的很多问题，主要体现在以下一些方面。
（1）一般在主要界面上的处理都会使用缓存加载，避免在无网络时让用户面对一个空白界面。例如，首页内容一般都会使用缓存加载，以给用户最好的观感。
（2）缓存加载可以有效减少用户的访问流量，同时加快访问速度。
（本文内容及图片收集于网络，如有侵权，请联系我们删除。）
