UI学习 -3 企业微信第三方应用管理页面设计零碎总结

公司的产品界面设计不是那种花哨很炫的界面，属于耐看实用型的，目前在企业微信上长期排名前三，最初上线时也有企业微信产品经理的全力指导，从我一个技术人员角度上，总结下整体的设计风格

产品地址：https://hr.bhuitong.com/

1、首页是各种统计数据及快捷入口，总背景灰色，各个模块使用白色背景，重点提示在顶部，使用橙色

 

 2、列表页面，背景灰色，Panel使用白色，标题在顶部，顶部下使用分割线与其他模块隔开，分割线下是当前模块使用说明，再下面是搜索栏，搜索栏下使用按钮，按钮都不带图标，点击链接使用主色调。

 

 3、编辑页面，顶部风格同上，如果有返回按钮位于左侧，下面lable和编辑功能都居中，底部分隔条，分隔条下是保存按钮，所有左侧的label文字都是用灰色，不是黑色

 4、功能说明配图，顶部区域是功能总体介绍，右边是图片，下面panel区域使用白色和顶部色调区分，各个模块功能使用截图，人员绘制，流程绘制在模块上方