产品经理实习心得之设计原型（三）

---

前言

本文为学习原型设计的心得体会，主要针对内容排版。

一、一般布局注意事项

1.确保主要内容以其默认大小清晰。

避免用户水平滚动来阅读重要的文本，或者缩放来查看主要内容

2.在整个应用程序中保持整体一致的外观。

一般来说，具有相似功能的元素应该看起来相似。

3.使用视觉重量和平衡来传达重要性。

大元件吸引视线并且多出现比小原件更重要，较大的元件也更容易点击，一般来说，将主要项目放在屏幕的上半部分，在从左到右的阅读环境中放在靠近屏幕的左侧。

4.使用对齐和缩进来简化页面并传达组织和层次结构。

对齐使页面看起来整洁有序，帮助用户在滚动时集中注意力，并使查找信息更容易。缩进和对齐还可以指示内容组如何相关。

二、内容及其排版

1.列表信息项分隔开。

当列表信息较多时，不同类别列表项用水平线（或虚线）分隔或用不同矩形框将其区分，同一页面列表信息排版设计最好相似。

2.善于利用矩形元件。

不论是在页面排版还是列表项等小部件，矩形是使用率最高的元件，可以帮助我们页面排版更清晰。在使用矩形时注意最好将其圆角化，使得页面看起来柔和，边框颜色也使用浅色。

3.反馈机制提供预设反馈。

当前页面如需做评价反馈时，可提供预设反馈，例如“缺少必要材料”“需求方未及时提出建议”等，方便用户进行一般情况的评价反馈。

4.数据分析如需展示图表类元件，可切换展示形式。

用户所需数据类型不唯一，最好提供多种数据展现形式，例如柱状图、折线图、饼图。
在一些数据或列表项设置可导出pdf、png等格式文件。

5.适当做出留白，给页面交互流出弹性空间。

网页设计中的留白要使元素之间保持距离，拥有呼吸的空间。处理好了留白问题，前景主体部分将会凸显，用户就能看到你想表达的信息。

6.层级关系用树形结构，简单却清晰。

当页面显示内容涉及层级关系的时候，例如省市县级等关系时，建议采用树形结构，会使用户对于想要操作的内容更清晰。整个页面也会显得条理清晰。

7.页面有较多数据，数字以不同且明显的颜色颜色呈现。

例如大数据监督平台等，页面主要是数据展示，数据则是页面主体，需要突出强化。

---

总结

提示：以上为内容设置布局排版的心得体会，可供参考。