基于人因的用户体验设计课
刘石
前华为用户体验设计系统部部长,新中国成立 70 周年用户体验设计 70 人之一
7027 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已完结/共 34 讲
开篇词 (1讲)
基于人因的用户体验设计课
15
15
1.0x
00:00/00:00
登录|注册

04 | 重新认识视觉(上):色彩有重量吗?

你好,我是 Rocky。
在上节课里,我给你讲了如何在设计中正确理解人的感觉,我们学习了感知觉的几大特性:整体性、选择性、对比性、理解性、恒常性、联觉性和错觉,以及这些特性在具体设计中如何运用。
在感知觉中,最重要的是视觉。因为人类获取世界 80% 信息都是来自于视觉。你以前理解的视觉大部分是从美学角度去理解,但这远远不够。我这门课就是深挖设计背后的理性逻辑。所以我们至少要从物理学、生理学和心理学这三个角度来理解视觉。接下来我会用三节课详细和你谈谈视觉对设计的影响。
视觉是怎么产生的?套用圣经创世纪的第一句话:上帝说,要有光,于是便有了光。但是有了光就足够了吗?当然不是。
光作为一种电磁波,从光源开始在空间内传播。光要穿过媒介照到被照物,或反射、或折射,然后光波被视网膜底的感光细胞感觉到,最后再由感光细胞传到大脑形成视觉。在这个过程中少了任何一个环节都不行。

光源和被照物

咱们先从光源谈起。在用户体验的设计领域,光源非常重要。一般如果要在画面空间中营造某种氛围的话,至少要有一种稳定的主光源。画面的明暗关系、投影方向都要和主光源对应。再复杂一点儿可以有多个光源,包括主光源和辅助光源。辅助光源可以是单独的一个实体光源,也可以是一个反光板。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 中文繁体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
    • 阿拉伯语
  • 解释
  • 总结

本文深入探讨了色彩对设计的影响,从物理学、生理学和心理学三个角度来理解视觉。首先介绍了光的传播和视觉产生的过程,强调了光源在用户体验设计中的重要性,以及正确使用辅助光源的技巧。接着,详细解释了人眼的生理结构和视野范围,指出了在设计虚拟空间主页面大小时的参考价值。此外,还涉及了视锥细胞和视杆细胞的作用,以及它们在设计中的应用。最后,介绍了色彩心理学,探讨了不同生物对色彩的感知能力差异,以及人类对不同频率光波的敏感度。通过科学的角度深入探讨了视觉对设计的影响,为读者提供了全面的视觉设计知识。 文章还提到了色彩的心理属性,如红色的兴奋感、橙色的活力、黄色的明亮和愉快感、绿色的平静与希望、蓝色的冷静与理性、紫色的高贵与不安等。此外,还强调了不同文化对颜色的偏好和憎恶,需要根据当地文化情况使用不同的色彩,以降低误解的风险。 总的来说,本文通过科学的角度深入探讨了视觉对设计的影响,包括光的传播、人眼的生理结构、色彩心理学以及不同文化对颜色的认知差异。这些内容为读者提供了全面的视觉设计知识,有助于他们更好地理解和运用色彩在设计中的重要性。

仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《基于人因的用户体验设计课》
新⼈⾸单¥59
立即购买
登录 后留言

全部留言(13)

  • 最新
  • 精选
  • 汤某某
    有个问题 关于您提到的反例:授权登录注意不到复选框,在生活中确实常常遇到这个问题,但也曾看过某种解释是说:这样的界面中 同意条款 的复选框之所以设计的小 是因为想让用户再多看看上方的条款内容 而故意设计的阻碍 防止用户一点也不看直接勾选复选框 您怎么看这样的解释呢?

    作者回复: 不管复选框放在哪里,用户都很难改变去阅读条款内容的。如果要强化客户阅读,应该是另外一套设计逻辑。

    2021-10-29
    1
  • 吴萍萍
    左右 60 度,上下 32 度的舒适区视野请你着重记一下。在设计中,我们要保证关键交互物大小不要超出我们在空间(包括虚拟空间)中的舒适区。左右60°、上下32°,这个需要进行具体转换,转换成交互物的大小,且不同交互物其感知到大小是不同的,那如何进行转换呢?

    作者回复: 具体交互物的大小,还要和交互物和人的距离有关。当然,这个舒适区范围内可能有多个交互控件,具体交互控件尺寸不必撑满舒适区。

    2021-05-28
  • 猪崽儿
    在健身房里很多杠铃片、哑铃等用的都是黑色。这会不会也是为了加重人对重量的感知,对保护人的身体有好处,这样拿起它的时候就会对重量有心理准备,以免拉伤受损。
    2021-05-14
    19
  • Ken
    色彩的心理属性真是干货满满,无论是用于设计页面,还是玩摄影。
    2021-05-09
    3
  • PDTon
    案例——— 化妆👉化妆本质是通过色彩重塑脸型,新手打阴影可能会让脸型不流畅甚至奇怪地凹进去,这也是对色彩及光影不恰当的作用 装修👉室内居住环境选择大红大绿这些高饱和颜色 思考参考维度——- 光源 眼睛聚焦 颜色重量 颜色心理属性
    2021-10-09
    1
  • Geek_f8a19b
    老师的普通话很标准,只有中央凹读做了中央熬……听课的时候忍不住一直留意……
    2023-08-28归属地:广东
  • 宇霞Alicia
    最后一张色环图 没有太看懂。 E代表中国, 举个例子,E 40 是黄色代表健康 是这样理解吗?
    2023-07-07归属地:上海
  • 大眼睛
    之前在做图片上传时,当图片大小超出限制时,用的是 toast 提示,忽略了用户留意不到页面最顶端的部分,学了这节课知道可以保留 toast 提示,但是在图片上传的框也要变红提示用户
    2023-02-14归属地:北京
  • 王强
    从色彩心理学看文化变迁,白色在中国传统中是不吉祥的颜色,我们的结婚礼服都是大红,而现在基本都开始默认婚纱的白色,大了说是文化意识的被入侵,小了说也是价值观的潜移默化。色彩是一种反射,也是一种潜移默化的手段。
    2022-09-19归属地:上海
  • 陈文博
    一直有几个疑问想请教一下老师。1、一般产品中主色通常用来表示“重要、确定”的含义,层极高的信息、按钮可以用主色来凸显,而通常代表”错误,警示“的含义,用在错误提示等场景,,那如果产品的主色是红色时,设计师该如何处理呢?(我目前的处理方法是把主色做成渐变色,或者把错误提示的红色跟主色的红色拉开一定的色相明度差异) 2、一般产品中会用绿色代表”成功,完成“的含义,但是涉及金融类的产品,绿色在股民的认知里是下跌,是让其很敏感很抗拒的信号,产品也要求产品中尽量不要出现绿色,这种情况该如何处理呢?(我目前是把绿色色相尽量往蓝色上偏……)
    2022-04-28
收起评论
显示
设置
留言
13
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部