网页个人中心界面设计思路，打造高颜值用户中心！

今天又搞一天网页设计，累死我。不过总算把个人中心界面给弄出来，现在就跟大家分享一下我的实践过程。

摸鱼开始前的准备

我当然是先想想，这个个人中心页面到底要放些啥东西？用户进来最想看到总不能一堆东西乱七八糟地堆在一起？

我就去看看几个常用的网站，比如某宝、某东，还有一些常用的APP，看看人家的个人中心都是咋设计的。然后，我就把自己平时用这些网站时的一些感受记下来，哪些地方我觉得好用，哪些地方我觉得麻烦，都一一列出来。

动手画草图

有初步的想法，我就开始画草图。先用笔在纸上随便画画，把大概的布局和功能模块都画出来。这一步主要是为让自己心里有个数，不用太在意细节。

• 用户信息区域：肯定得有头像、昵称、用户名这些基本信息。
• 订单信息：如果有购物功能的话，那订单信息肯定少不，得让用户能方便地查看自己的订单状态。
• 常用功能：比如修改密码、设置收货地址、查看优惠券等等，这些常用的功能也得放在显眼的位置。

开始设计

草图画好后，我就打开设计软件。我用的是我比较熟悉的软件，你们用啥都行，顺手就

我喜欢简洁一点的风格，所以整个页面我打算以白色为底色，然后用一些简单的线条和色块来区分不同的功能区域。

用户信息区域我放在最上面，头像用圆形，旁边是昵称和用户名。下面再放一个“编辑资料”的按钮，点击就能跳转到编辑个人信息的页面。

订单信息区域我用卡片式的布局，每个卡片显示一个订单的基本信息，比如订单号、商品名称、订单状态等等。点击卡片可以查看订单详情。

常用功能区域我用一个列表来展示，每一行一个功能，图标加文字，简单明。

反复修改，不断调整

设计过程中，我可不是一次就搞定的。我一会儿觉得这里不好看，一会儿觉得那里操作不方便，反反复复改好多次。

我还找几个朋友帮我看看，提提意见。毕竟自己看久容易有盲点，别人的意见有时候能给你新的启发。

最终实现

经过一番折腾，最终的个人中心界面总算是出炉！虽然看起来很简单，但背后可是花不少心思的。

用户进来一眼就能看到自己的基本信息，也能快速找到自己想要的功能。我觉得，这应该算是一个比较合格的个人中心页面。

这只是我个人的实践，每个人的需求和喜好都不同，大家可以根据自己的实际情况来设计。最重要的还是要多尝试、多思考，才能做出让自己和用户都满意的设计。

上一篇：app网页模板，先看它有没有这些功能

下一篇：企业电商平台搭建， 怎么才能留住用户