大家看这个理论的名称,可能感觉比较陌生,但实际上却是一个很常见的一个方法论,相信看到下面模型就豁然开朗了。
也叫做四象限(十字)模型,最初建立该模型是用于做时间管理计划,把自己要做的事都放进去,然后先做紧急重要那一象限中的事,用来提升工作效率。
实际上,我们也可以通过四象限(十字)模型用来处理时间管理以外的事,比如界面设计。
当设计师面对一个元素较多的界面的时候,可以通过该模型,有效快速化繁为简,分清主次,同时结合其他设计原理,最终使界面的设计表现更符合用户操作体验。
关键字就是——
举个应用实例,我们尝试去优化下支付宝的蚂蚁庄园。
个人觉得目前的蚂蚁庄园操作按钮布局层面上存在几个明显的问题:可操作的按钮越来越多,可玩性越来越高,相对操作就越来越复杂,对新手友好度越来越低,甚至有些重要且高频的操作放在了不易点击的区域,比如加速喂食速度的道具按钮等等。新人第一次进去游戏,可能最大的感觉,我是在哪里?我要干什么?得花不少时间点击操作去熟悉,甚至要仔细阅读操作说明才能弄懂规则。这次优化的方向,是做到"奶奶都会玩"的用户体验程度。
首先分解布局层元素。
然后建立十字模型,分为重要和操作频率两个维度,把界面功能操作进行分组,再排优先级分布放在四个先后等级象限内。
结合前面学习的菲茨定律,按优先级先后把操作按钮放进去操作热区模型,重要且高频的操作放在易操作的区域内,最后优化完的布局层,视觉上更具备游戏易操作的特性,对新手友好度提升,奶奶都不用看说明就知道怎样玩了吧。
这是个典型的结合多个方法论去解决问题的案例。
接下来继续学习下一个方法论——
怎么去理解配色黄金法则呢?
氛围色
可以理解为背景色,一般选用中性(黑白灰)或带灰调的色彩,不会抢占过多视线,起到烘托氛围效果。
辅助色
可以理解为配角色,相当于催化剂,在背景色中有存在感,但又能加强主强调色的视觉效果。可以不保留,配色比例可以调整成80%氛围色、20%强调色,即82法则。
强调色
可以理解为主角色,简单来说,它就是万绿丛中一点红,人群中你最爱的那个墙头!大胆用那些妖艳贱货色彩吧,大红大绿大紫,想用就用!当然了,设计一般以品牌色为主,可以单色,也可以双色组合或渐变色。
该理论不仅仅是广告界的宠儿,实际上——
色彩除了表达情绪、承载品牌信息外,更多是在构成版面设计的同时,形成对比,突出关键信息。不同色彩比例的组合,特别是在需要展示的信息较多的应用界面,需要考虑如何在有限的版面更直观、更高效传达重点信息,并能给浏览者留下深刻的记忆。
越来越多的APP也逐渐参考6/3/1配色黄金法则进行配色,以60%灰调背景、30%信息传达、10%强调色的黄金比例组合。在有效传达关键信息的前提下,10%的强调色更是承载了品牌信息的同时又不破坏整体视觉重心,起到画龙点睛的作用。
飞特游客
委托设计