发布作者: Anand
百度收录: 正在检测是否收录...
作品采用: 《 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 》许可协议授权
网页设计布局的原则看似好像和产品经理关系不大,实则是强相关的,好的原型设计必然它的布局也是非常合理的。
文件名 | 在线浏览 | 下载 |
---|---|---|
《网页设计布局原则》 | 《网页设计布局原则》 | |
《原型排版设计及设计风格类型》 | 《原型排版设计及设计风格类型》 | |
《菲茨定律在产品设计中的应用》 | 《菲茨定律在产品设计中的应用》 |
{/collapse-item}
网页设计布局的四个原则:对比、重复、对齐、亲密。今天着重给大家讲解如何灵活运用这四大原则。
如果信息之间的相关性越强,它们之间的距离就应该越近,越像一个视觉单元。亲密性的基本目的是实现组织性,使用户对页面结构和信息层次一目了然。
例如通过间距俩拉开彼此的关系,使页面内容更有条理和逻辑性,版式布局更美观,用户也会更容易阅读。
在认知过程中,人们往往把感知对象直线继续化为直线,曲线继续化为曲线。在界面设计中,元素的对齐不仅符合用户的认知特征,还可以引导视觉的流动,让用户更顺畅的接收信息。
例如运用大量的右对齐、左对齐,让页面上的所有元素彼此存在某种视觉联系,让页面更统一,内容更突出。
对比是增加视觉效果最有效的方法之一,同时也可以在元素之间创建一个有组织的层次结构,使用户能够快速识别关键信息。
例如页面通过多层级的文字对比,色块对比,突出主次内容关系,增加页面视觉效果。
在整个界面中不断重复相同的元素,不仅可以有效降低用户的学习成本,还可以帮助用户识别这些元素之间的相关性。
例如页面使用相同的字体,同样粗的标题字号,相同的项目符号、颜色、设计元素、图标和文本布局形式、空间关系等大量的重复性元素,将作品的各个部分连在一起,从而增强作品,使页面更具有识别性、一致性,减少用户理解的负担。
—— 评论区 ——