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

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

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


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

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


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

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

       

       

       

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

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


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


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

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


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

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

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

               

原图

     

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


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

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

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

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



进行一个对比总结



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


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

               

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

        


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

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




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

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


总结,

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


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



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