个人中心网页设计html,超全面!个人中心页面从思考到设计全过程

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

转自:海盐社(ID:hys-ssc)

作者:风筝KK

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

我想着主要是因为平时长期的分析总结的结果,我能够很明确的知道什么时候该用什么交互方式,什么时候该用什么样式。因此今天想拿“个人中心页面从思考到设计全过程”和大家分享一下。(在这里特别感谢一下@菠萝盖儿@小溜Epik的意见才有了这篇文章)

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

个人中心网页设计html,超全面!个人中心页面从思考到设计全过程_第1张图片

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

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

个人中心网页设计html,超全面!个人中心页面从思考到设计全过程_第2张图片

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

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

3、突出核心功能入口(突出核心功能入口,比如电商APP中我的订单是用户常用入口,因此该模块需要将其突出设计,拉开和其他功能入口的差异,帮助用户快速操作。)

个人中心网页设计html,超全面!个人中心页面从思考到设计全过程_第3张图片

个人信息区相当于是一个定位,用户进来首先需要看到的个人

你可能感兴趣的:(个人中心网页设计html)