从人类本能的层面去解决 :“被说设计不舒服怎么办?”

用户头像
深圳/设计爱好者/4年前/163浏览
从人类本能的层面去解决 :“被说设计不舒服怎么办?”
用户头像
视知觉

舒服很大程度上,取决于是否和我们的习惯所匹配,越匹配我们就容易感觉越舒服。习惯有两大类,一是后天养成的习惯,二是先天习惯


我们致力于对视觉设计原理性的问题进行深度挖掘,期待为视觉设计在更深入的层面为大家提供观点与方法。以下文章中的原理来自我们对于阿姆海恩在1957年《艺术与视知觉》的方法探索。

舒服很大程度上,取决于是否和我们的习惯所匹配,越匹配我们就容易感觉越舒服。而习惯有两大类,一是后天养成的习惯,受生活环境、成长过程的影响很大。二是先天习惯,例如肌肉结构的运动方式、动物本能的一些敏感性等等。那么我们今天着重讨论的是先天习惯,而这也是受众最广泛,可以应用最多的习惯。


如何设计符合人眼习惯的设计

  • 在这之前先需要问一个问题:人的视觉流是绝对的吗?

       

       

       

我们经常谈论一个问题:视觉流,其中谈到人的阅读习惯是从左到右的,而观察事物的时候,视觉流也是从左到右的,那么有了一个问题,这是从人的视角出发的;而一旦外界信息出现了是右侧更抢眼的情况,不再符合左到右的视觉流,就会让观看者出现“不舒适”感。而由于人的生理本能(这个在文章后面会谈到,是肌肉原理),视觉流的起点基本都是左侧,所以一旦设计的信息与视觉流相悖过多,就会造成不舒适感。

(补充:若要刻意引导用户注意右侧信息的情况除外,这种情况应该要机制的强化右侧信息对视觉的吸引力,而不要做的均衡,右侧信息的吸引力必须大于人类从左到右的视觉流惯性,不然就会导致蹩脚的感受)


那么作为一个设计师,我们以用户为中心,要做到让用户观看事物的时候更舒适,也就是视觉流的层面上要更顺畅、更舒适呢?我们接下来深入探讨。


  • 怎么设计,才能让视觉流更舒适?

我们经常要求做文章网站、官网、微信宣传内容的设计,那么针对静态的界面或图像,我们来讨论,该怎么让用户的视觉流更舒适?


#实践才是硬道理,做个对比实验#

我们用苹果官网的banner来试试理论够不够硬核!

我们先设定一个目标:通过不同的内容重量大小,测试是否左侧视觉重量更重的情况下,更容易引导用户先看标题,再去看图片,测试内容如下:

               

原图

     

调整后(加强左侧信息的整体视觉重量)


大家有兴趣在评论区参与投票哦:

以“先看标题,再看图片”为目标,哪个更舒适?

  1. 原图会先看标题再看图片

  2. 优化有先看标题再看图片



进行一个对比总结



关于这个实验的基础,我们沿用的是“视知觉”的理论体系中的“视觉重量”,这是由1954年由阿恩海姆编写的《艺术与视知觉》一书中出的,其中讲到的是视知觉对“视觉重量”的感知,后续我们将更新这本书的详细内容,先来看看刚才案例应用的核心理念:视觉重量是什么?


我们再用一个最简案例来做对比实验,下图中,分别进行左右视觉重量的对比。大家可以投票看看:“如果设计师要引导用户先看左侧圆,哪个表达形式更流程的引导了你先看左侧,而不是先看右侧?有兴趣的童鞋也可以在评论区留言,说出自己的观点与想法。

               

当左右的圆同样大小时,你先看左侧还是先看右侧的圆?

        


当右侧圆更大一些,先看左侧还是先看右侧的圆?       

当左侧圆更大一些,先看左侧还是先看右侧的圆?




视觉重量的理念是比较简单易懂的,其核心是人眼的肌肉结构的形态,导致人眼球的运动从左到右运动是比较轻松和节省能量的,所以从左到右的阅读本能上会更轻松一些。

而我们将信息块都抽象为像上面一样的黑色圆时,越大(标准的描述是越有重量感)的信息内容,越容易引起我们的注意。所以当右侧视觉重量更重时,我们会先看右侧;但这时如果左侧还有信息,我们会继续从右至左看信息,这个过程与人眼肌肉的结构不匹配,所以更加费力,从而产生本能上的不适感。


总结,

在应用视觉重量这个方法时,合适的形式是“希望突出表达什么信息,就把这部分信息的视觉重量加大,而且对比要明显”。


希望这个能对大家在实际设计工作中有所帮助。



6
举报
|
3
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
水蜜桃和李子的平面水果图案
城市园林平面布局航拍
城市园林平面布局航拍
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
平面设计 吊牌设计
空的平台平面和自然景观
倒计时,海报,平面
城阙凡花
“知识宅急送”外卖,快递,平面,海报,素材,教育
空的平台平面和自然景观
平面书法字手写
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
平面插画情侣/矢量
平面设计风格的粉色草莓味马卡龙
平面风格黄绿色系花朵装饰
平面插画设计女孩喝咖啡
金色颗粒质地的平面
海底世界插画
平面男孩喝咖啡插画设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
中国传统纹样创新图案设计
古风平面仕女与瓷器
你可能喜欢
相关收藏夹
大家都在看
登录注册