而交互设计师，拥有跨学科的知识结构，将会成为最抢手的设计师之一。

本期文章，我们就带大家一步一步了解用户体验思维怎么影响视觉设计。希望大家能举一反三，运用到自己的专业。

↓↓↓

*设计师最核心的竞争力是

探索人性需求的能力

乔布斯说到：我们必须从 消费者的体验出发，来回推使用什么技术，而不是思考着用什么技术去找用户。

视频截图来源于 bilibili

原研哉在《设计中的设计》也有提到：设计的原点不是产品，而是人。

图片来源于网络

可见，无论是在 UX 设计师 还是 视觉设计师，「以人为本」都是最核心的设计理念，拥有用户体验设计的思维，是核心的竞争力。

*

UI 与 UX 设计师的区别是？

UI 设计师一般只做视觉，输出的内容有：

因此，对视觉能力要求很高，除了做界面本身，还需要有品牌、产品的意识，因为你做的是品牌形象的一部分。

如果平面设计师转 UI 会感觉难以适应的话，通常就是缺乏交互知识。

交互设计师 （ UX 设计）负责设计用户使用产品时的全链路体验，分别有：

简单来说，视觉设计师（UI）是创造视觉吸引力，而 UX 设计师是设计用户体验的过程，是一个切实可行的解决方案。

*

几个视觉设计师

也能用的 UX 法则

1.重力 Gravity

重力适用于物体和形状，甚至在视觉交流中。

重力在我们对现实的感知中根深蒂固，甚至可以转化为一页纸上的二维物体。以下图为例。

仔细一看，它会让你有一种坠落感，总觉得顶端的圆圈随时会掉下来。

那么，我们现在再来看下面这张图。

在相反的图片中，你会明显感到平和、稳定许多。就像是一个物体停在页面的底部。

所以，如果你在排版设计时，在版式的顶部放上视觉效果很「重」的物体时，会在排版上就给观众带来一种不舒服的焦虑感。

2.阅读方向 Reading Direction

根据我们的阅读习惯 — 从左到右，自上而下阅读。正因为如此，我们的潜意识就会认为左边的物体就是「进入」，而右边的物体就是「离开」。

“ Hello, 大家好，我来了！”

“ Byebye大家！我走了！”

当然，你还可以这样玩：

想要一种“对话”的感觉的话，你可以试试看这样

又或者：你想要营造一种「偷溜」的感觉的话，也能这样：

3.阅读优先 Reading Priority

因为我们从左到右从上到下阅读，我们自然会首先看到左上方的物体，然后我们的眼睛自然会移动到右下方，然后再看到那里的东西。

这个知识点很关键，因为如果你试图通过排版创建视觉层次结构（也许你想让你的用户先看到标题，然后再看到内容)，那么，你放置文字 / 图片内容的地方，即使它们是相同的形状 / 颜色 / 大小，对于用户的体验来说，都会有区别。

以下面这个例子为例：

你第一眼可能会先看到左上角的圆，然后再看到右下角的圆。

4.视觉张力 Visual Tension

这个知识点简单来说，就是让身体感觉一种「紧张感」。当你看到桌子边上有一杯满满的水时，你就会有这种：啊，好像杯子快要掉在地下的「危险感」。

视觉张力通常只是无意识的 —— 当你将形状相似的图案相邻放置，在一定情况下，就会让观众自然产生张力。

大家先看看下面这张图，

可以找找看「视觉张力」的「紧张点」在哪里？

大家有猜中吗？下面圈住的就是图中所有的「紧张点」。

接下来我们可以试试看，用同样的构图，看看会出现什么化学反应。

当看到这张图片时，你的注意点被一下子集中到一个点上，你可以使用这种规则将重点突出。

5.动态与静态 Dynamic vs Static

静态的构图很容易会让观者感到无聊，有一个简单的方法可以让它变得更有趣，那就是倾斜它的地平线。

举个例子，如何将下面的配图，变得有趣起来？

倾斜地平线后，一下子就会让城市景观变得十分生动。

为了使构图更加动态和具有活力，你可以设置边框，让形状在边框外流动。看看这张 3 点透视构图：

以上这些视觉原理适用于任何媒介，因为它们是人类大脑和眼睛感知视觉信息的方式，也是用户体验思维的产物。

用户体验设计思维对于设计师来说，最大的好处在于结束盲目地工作，你会知道为什么而做。因为用户体验设计是基于美学，与用户产生共鸣的设计。

*只差一步你也能做到

☻ 你能创造又好看又好用的产品

关于用户体验设计最常见的一个误解是，可用性比美学更重要。但其实，有吸引力的产品效果更好，因为视觉是用户的第一印象。 学习用户体验设计原则，你就能打造好看又好用的产品。

Instagram 设计改革，使得用户量跃升至10亿

☻ 你能跃升成为跨学科 T 型创作者

用户体验设计处于许多领域的交叉点，涉及到许多知识流派，比如人类心理学、交互设计、信息架构、用户研究技术和许多其他学科。

Dan Willis UX umbrella

学习用户体验设计对视觉设计师来说是一个机会，理解其他设计学科，解锁大局观思维，提高在团队的话语权。

☻ 改进设计过程，让你的设计更加有理据

日本 Good Design 的评审副委员长，齐藤精一说到：“系统，是创造设计的源头。型态、服务、过程任何一个环节都会改变结果，这就是设计。”

用户体验设计过程是一个反复解决问题的过程， 链接到不同的部门和设计环节，真正发现并且解决用户的问题。

双钻模型，通过4个阶段发现&解决用户问题

☻ 你的职业可能性，将会从 1 变成正无穷

交互行业的兴起就是互联网行业崛起的过程。随着 5G 时代的来临，移动互联网将会产生更多更丰富的新场景，新需求。 而所有这些场景，都需要交互设计师来负责构思和设计。

因此，让很多 UX 的职业火起来了，比如：UX研究员、UX作者、信息架构师......

只要互联网行业还是时代的宠儿，交互设计行业也会一直需求旺盛，也会涌现不同的职业需求。

*就差这一步

让你成为未来设计师

2020年，我从视觉设计师跨界到 UI 设计，成为互联网大军中的一员，迷茫着如何将自己所学用于工作当中，不想做螺丝钉，想要获得工作的自由度。看完今天的文章，发现原来我缺少的用户体验思维&产品思维 ，仅将好不好看成为评选标准。

但其实，最受欢迎的设计师不仅创造外观好看的设计，还能创造出真正改变人们生活体验的产品。

最毕设与谷歌交互设计师 余杰明

共同打造「交互思维 · 职前赋能课」

通过 7 周项目实战 + 定制化直播辅导

带大家系统学习用户体验思维

完成一个完整交互项目

超过 40 个知识点搭建交互思维框架

最快掌握职场所需

所有软硬技能

调研 & 总结、沟通&合作&、展示&传播

顺利通过导师考核

还能获海内外大厂 内推机会

2021年，一起成为

最具竞争力的未来设计师吧！

🙋

报名仅剩 4 天

扫码联系助教

抢占最后学习席位

编辑：关

审核：叶欣

-

欢迎指正和投稿：media@zuibishe.com

🎊🎊🎊

最毕设&helloup 招人啦

期待你的加入（全职办公）

后台回复「招聘」，阅招聘详情

应聘请投递至：join@zuibishe.com

声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。