如何用html5做个人中心,个人中心页面从思考到设计全过程

原标题：个人中心页面从思考到设计全过程

最近刚做完一个项目，我发现我的设计效率相比之前竟然提升了30%以上，在以前做界面时总是会纠结采用什么样式，什么布局。而现在在看了原型之后就大概知道我要怎么做了，没有了以前做页面时的纠结，效率自然提升了。

我想着主要是因为平时长期的分析总结的结果，我能够很明确的知道什么时候该用什么交互方式，什么时候该用什么样式。因此今天想拿“个人中心页面从思考到设计全过程”和大家分享一下。

在设计前我们需要想两个问题，个人中心是什么？个人中心设计的目的？

个人中心是什么

个人中心是APP中所有功能点的集合入口，在这里可以查看个人资料、个人相关信息、以及其他相关功能界面等。

在应用中一般有两种界面我们需要分清楚，那就是个人中心和个人主页的区别，个人中心是个人信息和功能的集合入口，我们通常叫“我的”，只有用户自己能看到；而个人主页展示我发布的动态等，其他人可以看到。而今天我们要分析功能较为复杂的个人中心页面。

个人中心设计的目的

1、个人信息的展示(让用户进来就知道这是我的个人中心，而不是张三或李四的。)

2、功能入口设计(功能入口可是个人中心页面主模块，清晰的展现方式可以帮助用户高效实用)

3、突出核心功能入口(突出核心功能入口，比如电商APP中我的订单是用户常用入口，因此该模块需要将其突