信息量太大,页面怎么设计

08月24日 收藏 11 评论 5 UI/交互

信息量太大,页面怎么设计

信息量太大,页面怎么设计


我们在工作中是不是经常碰到这样的问题呢?

产品主页内容已经很多了,但还是需要加2个新功能的入口和2个活动推广。该放在哪里呢?

界面一眼看上去好像哪个都是重点,哪个都在吸引我的眼球,可是为什么反而觉得找不到重点呢?


其实用户不会花很多精力来阅读,而只是会扫描一下界面,来寻找能吸引其注意力的内容。然而,我们在设计界面时,总是会忽略这一点。觉得这个对用户有用,那个对用户也有用,想让用户看到更多的东西,不知不觉页面就已经被塞满了。


在实际工作中,情况可能会更糟,由于运营的需要,设计师常常被要求在页面侧栏放一个新功能推广Banner;由于和业务方的合作,我们不得不在页面最显眼的位置放一个活动入口,尽管用户也许并不想看到这些东西......


设计师没办法控制页面上要呈现信息的多少,因为这会与产品和业务有关。但我们要保障受众信息的接受效果,掌握信息的展现形式,在页面信息量很大时,决定该如何组织这些信息。没有经过组织的页面就像摆满货摊的集市,杂乱无章,而经过精心设计的页面就像精品商场,秩序井然。


我总结了一下,信息量太大,一般我这样设计


1、让页面层次不言而喻

a、逻辑相关的在视觉上分为一组,这样可以利用“接近原则”将相关内容组织到一起,使页面之间的逻辑关系更清晰。

b、内容或重要程度不同的在视觉上体现出差异;

c、逻辑上有包含关系的视觉上进行嵌套,逻辑相关的部分,在视觉呈现上也应该是相关的,要让用户一眼就能看出内容之前的关系。


2、让重点信息“跳出来”

我们可以通过视觉设计的方法,如字体加大加粗,色彩对比,添加背景色、留白等,强调界面的重点元素。而其他非重点的元素应该尽量藏起来,或者是显得暗淡些,从而使界面的重点“跳出来”。


3、将次要信息“藏起来”

随着产品的发展功能越增越多,界面上的元素越来越多,但是有很多功能只有专家用户才会用到,所以我们不应该把只有专家用户用的功能放在显眼的位置,为了不影响新手和专家用户的使用,我们应该将那些次要信息“藏起来”待用户需要时再将它们展示出来。

本文转自网络,侵权删。


C 5条回复 评论
星星打烊

深圳有好的UI培训班吗?

发表于 2022-08-07 21:00:00
0 0
哒哒哒哒哒

好文,喜欢看,比书上的好

发表于 2022-07-19 21:00:00
0 0
橘子狂人

前端真的不难,后台确实比前台难一点,奥利给。

发表于 2021-09-13 08:45:00
0 0
云散兮

太感谢了! 今年招聘形式特别不好 特别迷茫 感觉给我指了一个努力的方向! 特别感谢!!

发表于 2021-09-12 08:45:00
0 0
孤松玉山

有没有蜕变测试或者ai测试的教程

发表于 2021-09-08 23:50:00
0 0