UI设计中如何设计个人页面，提升设计效率攻略(个人主页制作html代码)

最近刚做完一个项目，发现设计效率提升了30%以上。以前总是会纠结采用什么样式、布局，现在再看了原型就知道怎么做了，效率自然提升。

主要归功于平时长期的分析总结，能明确什么时候该用什么交互方式、样式。针对UI设计中个人页面设计攻略进行说明。

一、个人中心是所有功能点的***入口，查看个人资料、相关信息、以及其他功能界面等。

个人中心与个人主页需分清楚，个人中心是个人信息和功能的***入口，通常叫“我的”，只有用户自己能看到。而个人主页展示发布的动态等，其他人可看到。

二、个人中心设计目的：

1、个人信息展示，让用户进来就知道这是我的个人中心，不是别人的。

2、功能入口设计是主模块，清晰展现方式可帮助用户高效使用。

3、突出核心功能入口，如电商APP中的我的订单是用户常用入口，需设计突出以便用户快速操作。

个人信息区相当于定位，用户首先看到的，常放在界面开头。设计应强调功能入口、突出重要功能，不会使用大量空间进行头部设计。

个人设计要对背景进行设计，起到视觉引导作用，让界面更具层次感。根据功能入口数量不同，可以设计区域高度。

设计时可采用卡片式、色块方式、大图背景等，根据产品整体设计风格确定。

功能入口设计：

核心模块是功能入口，清晰、有层次的布局尤为重要，统计有列表式、宫格式两种形式。

列表式是常见展现方式，优势在于清晰、灵活，适用于工具类、阅读类APP。缺点是同级过多时易疲劳，视觉样式弱。宫格式可强化功能操作，适用于电商、外卖等APP。

宫格式设计图标占比重，可用线性、线+面、面型图标，风格根据整体规范确定。

突出核心功能入口：

每个界面有核心功能，功能入口较多时可采用宫格+列表式对比，突出宫格内内容，差异化图标、颜色可强调核心功能。

采用差异化图标、利用图片突出核心功能，引起用户点击。希望这些设计思考对你有所帮助。