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

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

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

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

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

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

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

原文地址:https://www.cnblogs.com/zhaogaojian/p/12537141.html