UI学习 -4 企业微信第三方应用产品手机端设计

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

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

最早版本的设计，数据使用的测试数据

1、最早的版本管理页，功能比较简单，看下设计

主要分两层：

底层

a、主页头部图片背景，body灰色背景

b、非主页没有头部图片背景

顶层

c、底部是tab切换小图标，当前选择项蓝色

d、统计类数字可以点击进入、更多设计右边加箭头表示可以点击进入

e、扁平化图标，白色图形，使用高饱和度颜色。

f、所有页面都可滚动

g、按功能划分区域，主要分为统计类和导航类两类

h、上层分为多个区域，每个区域白色色块，提醒信息使用加粗颜色，各个模块用小图标表示

 

 2、我的主页

设计原则和管理端一致

 

2、经过将近一年的迭代，取几张截图示例如下，总体上大的设计风格没有改变。