探索视觉,不止于看见。


3楼猫 发布时间:2025-03-18 16:36:59 作者:廢物設計師 Language

人类依靠五种感官来收集各类信息,听觉、触觉、视觉、味觉和嗅觉。

我之前也谈及过这个话题,不过在我的认知里,最常依赖的其实是 “想象”。据说,人类获取的信息中有 80% 源自视觉,大脑只有三分之一的部分用于处理视觉信息。以我的工作为例,我从事设计,主要就是通过视觉的形式向人们传递信息。

探索视觉,不止于看见。-第0张

眼睛所看到的东西

探索视觉,不止于看见。-第1张

在日常工作中一般使用以下内容,比如说UI和平面设计之类的

探索视觉,不止于看见。-第2张

颜色和形状是关键要素。而 “运动” 元素,则多用于网站和应用程序中,通过动态变化来展示功能及状态。

我在实际工作里用平面较多,“运动” 很少成为关注点。所以,在这里我着重讲 “颜色” 与 “形状”。

颜色相对容易被理解,那形状呢?

想必有人会疑惑:圆形、三角形、正方形、直线、曲线…… 这些形状又是什么?

其实,利用 “形状” 传递信息,主要通过两个方法

  • 形状自身的特点

  • 布局,排版的方式

形状的不同,能引发人们不同的心理感受与联想。

所以说,如果是对颜色和形状的属性、特征没有了解,我们就难以精准理解其中的意义,也无法表达出来。

颜色

探索视觉,不止于看见。-第3张

为你展示的这张图,是一个典型的 “利用颜色传达信息” 的案例。

  • 交通灯,靠红、黄、绿三色,顺畅交通。

  • 麦当劳用醒目颜色刺激食欲

  • 路线图借不同颜色梳理复杂信息

  • 制服凭颜色让人快速分辨敌我

颜色能快速传达信息。相比形状,人们识别颜色差异更快,但需有一定色差。正因如此,颜色传达信息易于理解。

但是,人类能够辨别的颜色数量是有限的。

探索视觉,不止于看见。-第4张

这是颜色在信息传达方面的一个缺点,以成都地铁路线图为例,有时就会让人犯难。比如面对蓝色系的线路,很难一眼看清究竟有多少条蓝色列车行驶的线路。

理论上颜色的种类无穷无尽,不过,能让人一眼就轻松辨认出差异的颜色数量却极为有限,可能也就 30 种左右。不同人对颜色的辨别能力有别,但总体而言,可快速识别的颜色数量并不多。

所以,在考虑配色时,建议以黑白色的颜色种类为基础,在此之上,再运用这些颜色间的过渡色。

形状

探索视觉,不止于看见。-第5张
  • 字母借形状差异表声音,助力详细多样的信息交流

  • 条形码和支付二维码靠形状差异,高速处理大量文本、数字

  • 面部识别系统通过识别面部形状来判断是否真人

形状有 “无限” 的特性。字母组合成词句,为信息传递提供多样方式。条形码、二维码单色,凭形状传信息。面部识别系统聚焦脸部形状,因颜色受环境影响无定式。

文字形状

探索视觉,不止于看见。-第6张

我列出了所有 “盒” 字的标志,形状各异,所谓的相同只是视觉错觉。设计师要按需求去合理运用这些字符,还要兼顾可读性、力量感。

但,人类真的很奇妙,尽管 “盒” 字符大小、粗细有别,甚至扭曲,却都能被识别为 “盒”字。

再聊聊排版。

排版效果很重要,得明确不同形状给人的感觉。

美观均衡的排版,空白美观且比例协调,正是 “空白” 塑造了排版 “形状”。调整 “边距” 时,要留意其对 “形状” 的影响。

探索视觉,不止于看见。-第7张

“尺寸/大小” 属于形状范畴,能传达重要性与形象。设计时,文本要大小合适、方便阅读,符合目标受众最小可读尺寸 。

运动,可以被定义为 “颜色”“形状” 和 “深度” 的变化

人们对变化格外敏感,在视觉信息里,最吸引我们关注的当属 “运动”。

然而,运动带来的只是 “情报收集”,接下来更重要的是如何抓住受众?想想看,捕捉静止的昆虫或鱼,是不是比捕捉移动的要容易得多?

例如下面的例子

探索视觉,不止于看见。-第8张

人物的神态、伸出手掌的动作,都有强烈的引导感和动态感。不同场景、食物、文字等元素组合在一起,元素间看似随意却有节奏的排列,给人一种画面在不断变化、涌动的视觉感受,这都是运动和深度。

UI和网页设计中,运动作用不少:直观传达用户操作、引导目光、优化体验、表达世界观、让内容随滚动展开、助力高效信息沟通。虽运动重要,但并非主要信息 。

探索视觉,不止于看见。-第9张


© 2022 3楼猫 下载APP 站点地图 广告合作:asmrly666@gmail.com