文章目录
前言
本文为学习原型设计的心得体会,主要针对内容排版。
一、一般布局注意事项
1.确保主要内容以其默认大小清晰。
避免用户水平滚动来阅读重要的文本,或者缩放来查看主要内容
2.在整个应用程序中保持整体一致的外观。
一般来说,具有相似功能的元素应该看起来相似。
3.使用视觉重量和平衡来传达重要性。
大元件吸引视线并且多出现比小原件更重要,较大的元件也更容易点击,一般来说,将主要项目放在屏幕的上半部分,在从左到右的阅读环境中放在靠近屏幕的左侧。
4.使用对齐和缩进来简化页面并传达组织和层次结构。
对齐使页面看起来整洁有序,帮助用户在滚动时集中注意力,并使查找信息更容易。缩进和对齐还可以指示内容组如何相关。
二、内容及其排版
1.列表信息项分隔开。
当列表信息较多时,不同类别列表项用水平线(或虚线)分隔或用不同矩形框将其区分,同一页面列表信息排版设计最好相似。
2.善于利用矩形元件。
不论是在页面排版还是列表项等小部件,矩形是使用率最高的元件,可以帮助我们页面排版更清晰。在使用矩形时注意最好将其圆角化,使得页面看起来柔和,边框颜色也使用浅色。
3.反馈机制提供预设反馈。
当前页面如需做评价反馈时,可提供预设反馈,例如“缺少必要材料”“需求方未及时提出建议”等,方便用户进行一般情况的评价反馈。
4.数据分析如需展示图表类元件,可切换展示形式。
用户所需数据类型不唯一,最好提供多种数据展现形式,例如柱状图、折线图、饼图。
在一些数据或列表项设置可导出pdf、png等格式文件。
5.适当做出留白,给页面交互流出弹性空间。
网页设计中的留白要使元素之间保持距离,拥有呼吸的空间。处理好了留白问题,前景主体部分将会凸显,用户就能看到你想表达的信息。
6.层级关系用树形结构,简单却清晰。
当页面显示内容涉及层级关系的时候,例如省市县级等关系时,建议采用树形结构,会使用户对于想要操作的内容更清晰。整个页面也会显得条理清晰。
7.页面有较多数据,数字以不同且明显的颜色颜色呈现。
例如大数据监督平台等,页面主要是数据展示,数据则是页面主体,需要突出强化。
总结
提示:以上为内容设置布局排版的心得体会,可供参考。