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

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

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

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

主要分两层：

底层

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

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

顶层

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

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

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

f、所有页面都可滚动

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

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

 

 2、我的主页

设计原则和管理端一致

 

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

 

 

 

 

 

 

 

 

版权声明：本文为zhaogaojian原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/zhaogaojian/p/12543311.html