恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
【交互设计】原研哉の设计思维深处的探索(实践篇)
0.0°
2019-11-24 原创文章 经验/观点 举报 1065 2 1 0

【前言】

日本平面设计原研哉大师的设计理念对我印象较深的是五感的觉醒redesign再设计

工作中遇到的问题和平时生活中看到的事物,连接到大师的设计理念也有较多的思考,逐渐形成自己的知识网络体系。

以下是结合平时收集的优秀交互案例来深入挖掘探索。



【交互设计深度探索】

探索大师的设计思维,连接到交互设计,从两个方面作为链接切入点:事物原有呈现打破固有思维。




第一,事物原有呈现
——看不见的亲密性

五感的觉醒中提到,设计一个猕猴桃味的饮料,采用猕猴桃本身的触感,设计材料来包装饮料瓶,色彩上也延展其本身的颜色。更给人亲切,自然,惊喜的心流体验。

从视觉,触觉上,直接还原了水果的外观。草莓汁,盒子就是红红的草莓的表面;猕猴桃汁,盒子就是猕猴桃皮那黄绿色、毛茸茸的样子。
这是从事物本身的属性出发。无论哪个国家的人拿起来一看,不需要任何解释,就知道这是什么。平面设计和用户也有交互,只不过是隐性的。恰恰是这种隐形的交互,才能打动人心!

其实再延伸一下,他的设计思维也正是设计四原则中的“亲密性”体现,是事物属性本身某种特征的亲密性。"触觉、视觉"的设计体验。日常的界面设计更多的是看得到的,排版、字体、颜色的亲密性。

这些是看得见的亲密性,更多时候我们会遗漏看不见的亲密性。


实际工作中,无论是B端还是C端,都可以留意一下那些看不见的亲密性。比如高德地图的线路导航图:

根据实际地铁运营图,对应色彩到导航线路中,是视觉亲密性的完美对接。非常的人性化设计!


比较复杂的信息型B端网站,设置筛选条件时的交互流程,往往很容易忽略用户视角,而迷失在设置复杂筛选条件的逻辑中。最后呈现给用户的是茫然,不知道筛选后的界面发生了什么变化,不能让用户“所见即所得”。忽略这种前后关系的亲密性,往往让用户更为疑惑。

越是看不见的亲密关系越是要刻意呈现!


 修改信息后的界面变化:通过设计某种交互,告诉用户发生的变化。事件发生前后的变化-亲密性关联。


工程软件使用过程中,常会有白班夜班的选择,考虑到用户更多是工地人员,使用场景往往是嘈杂的,没办法认真去关注文字的状况。那么设计的过程,更要直观的呈现给用户白班夜班的差异。

 采用“白+黑”组合弹窗,也是能够让用户快速聚焦,快速感知并理解使用。亲密性应用和地铁导航线路有异曲同工之妙!


其实早期的感冒药创意广告“白+黑”组合也一样,“白天服白片,晚上服黑片”,深入人心。


综上,大师的设计理念往底层说,其实还是离不开最最基本的设计四原则之亲密性原则。看得见的亲密性,如界面设计的颜色、大小、排版等。看不见的亲密性,如空间上的亲密;事物本身某一属性的关联;感官上(视觉、触觉、嗅觉等)的亲密性;容易被忽略的用户视角,与实物视觉的亲密性等。


交互设计是人机交互的重要一环,应用好“亲密性”原则就掌握了80%的交互知识,而看不见的亲密性的呈现更会有意想不到的效果。




第二,打破固有思维
固有思维束缚了我们的想象力,如何突破固有思维的局限,去挖掘你的想象力?

也可以从2点入手:


  1. 从事物的功能性出发
从无到有是创造,将已知变成未知也是一种创造行为。

就像一个杯子是用来盛水的,追逐它的本源目的,才不会被现行的构造和趋势所禁锢,只要你设计的物品可以盛水就可称为杯子,这样你的思维才会更加活跃。


微信最基本的聊天功能。

由最初的纯文字聊天到后来增加的语音,再到后来的语音转文字,到现在新增的发送时语音可转文字(识别)


这一些列的发展变化,有没有注意到2点:

第一,由最初,发送者视角的文字,语音到接收者视角的文字,语音转文字。

第二,无形的【声音传播条件】上的关键节点。现实中两个人对话,满足“发出声音—传播介质—声音接收”这一过程。

微信聊天功能把这个过程的关键点设计应用的淋漓尽致。


微信的聊天功能考虑到发送者的场景(语音文字)接收者的场景(语音文字)便捷性,效率,特殊人群(比如文盲用户听语音)

作为日活亿级的微信来说,单从聊天功能性全覆盖(场景,人群)出发,还可以做的更加人性化和有温度,照顾到特殊人群。比如发送者不方便发语音,发文字情况下,对于文盲/未识字的孩童接收者,如果有文字转语音功能,会更有温度。


现实中话术的连续性。

微信语音转文字功能力求做到下沉再下沉:有多条未读语音(>2)时,转文字具备连续性,即转文字第一条,后面未读语音自动转成文字。

和之前的连续播放:播放一条未读,连续播放后面未读语音,功能上做到了极致的一致。


微信聊天发展史,广泛性上做到了使用场景和人群特点的更多可能,深度上也是声音—介质—接收这一过程的全覆盖。只是不知道微信开发团队是有意为之,还是无意识做到“声音传播”功能性的主线。


微信聊天无疑在众多的聊天软件中最具高效,便捷,人性化,有温度的。

那自家产品可借鉴吗?答案是肯定的。与其绞尽脑汁的去想,翻尽各种交互设计书籍,查阅各种学习资料,不如回归本质,从功能性出发。


虾米音乐的改版,选中标识的设计回归音乐属性,且播放音乐时还随着音乐跳动。这一交互设计是改版的一大亮点。无论从设计角度还是用户角度,在同类播放器产品中,我个人更愿意因此而选择虾米音乐。


另外,电台界面,类似90年代收音机元素,戳中8090的内心,满满的回忆和年代感,打动人心的设计。


这些交互设计的思想和上面说的“白班+夜班”,其实都殊途同归。

28原则,尽管看了市面上80%的书籍和资料,应用到实际的能有20%吗?更何况看的资料有没有80%还未可知。

那不如掌握这20%知识,创造出80%的业绩,多些思考和观察。



2. 要做的是打破固有思维,所以从非固有出发


就是逆向思维。

很多人都知道这个道理,但是遇到问题能想到应用才是关键。

还是分有形和无形:成功和失败;懒惰和勤奋;规则形和不规则;复杂与简约;白与黑;热与冷;高与低,大与小等等。有形(视觉)也是大师的五感觉醒设计理念(不同出发点却有相同的表象,异曲同工之妙)


  • 海报设计的正负形运用

《黄金时代》美版海报
负空间是人物剪影:萧红的侧影,立在笔尖。她一生遭受的苦难和泪水,成了笔尖的墨水,和丰裕如金的灵魂。



  • Logo正负形设计

IGragh logo,品牌属性是知识图谱,大众印象中就是点的链接,利用负空间融入图谱元素。


想要成功,先罗列出所有失败的可能性。就像成功路上一颗颗地雷,发现它,避开绕行,成功就只是时间问题。


可能有人已经发现:就是对比。这也是设计四原则之一,我认为这可以看做是一种底层的逻辑知识,向上去指导我们的行为,做出更好的解决方案。




【总结】

第一,事物原有属性出发
  • 看不见的亲密性

  • 看得见的亲密性


第二,打破固有思维

  • 从事物的功能性出发
  • 非固有-逆向思维



【最后】

发现,掌握,运用底层知识,身处不同领域时,能够解决我们遇到的问题。这是一个从上到下,再从下到上的过程。

我们可以把类似“设计四原则”这样的知识,看做是临界知识。它可以解决设计问题,也可以解决生活中方方面面的问题,待你去理解,发现和体验。



欢迎关注 wx 公众号【芭蕉的成长日记】,更多内容,尽情呈现。



Powered by Froala Editor

更新:2019-11-24

收藏

2人已收藏

绿了芭蕉

设计的高度在于走进大众

  • 4

    作品

  • 3

    粉丝

  • 8

    关注

  • 设计稿还原度不高的解决方法总结—侧面迂回战术5步走
  • 轻奢给你
  • 【白】搜狗输入法皮肤参赛作品

    猜你喜欢

      2019-11-24 原创文章 经验/观点 举报 1065 2 1 0

      【交互设计】原研哉の设计思维深处的探索(实践篇)

      0.0°

      你确定要举报【交互设计】原研哉の设计思维深处的探索(实践篇)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年11月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录