网站首页 > 界面表现> 文章内容

三种界面交互类型四种隐喻设计方法

※发布时间:2019-3-11 11:36:12   ※发布作者:habao   ※出自何处: 

  隐喻设计是一种常用却很少有人提及的概念,人们往往身在其中却不知究竟为何物。简单说,隐喻设计它可以将现实生活中用户熟悉的事物以多种形式映射到界面中,从而使用户不熟悉的概念、陌生且复杂的操作等变得熟悉与简单。

  它不等同拟物设计,隐喻是一个大的概念,界面中着不同的隐喻元素。本文将常见的隐喻元素按照视觉、听觉、触觉三种界面交互类型分类,并整理了四种隐喻设计方法,以供大家参考。

  常见的功能命名类语言有:“解锁、、登录”等等。功能命名类语言主要是运用隐喻的方法对界面中经常使用的功能进行命名,例如“”本义是驾驶某种交通工具从某个地方去往另外一个地方,它可以人们线,设计师将界面中“依据地图行走可以到达目的地”这一功能命名为“”,可以和现实生活中人们熟悉的本义结合起来,方便记忆。

  常见的产品定义类语言有:应用市场中的“市场”、文件助手中的“助手”等等。而产品定义类语言,不仅可以准确表达功能要求,还能传递给用户某种情感。例如,文件助手中的“助手”两个字本义是可以帮助他人的人,设计师将手机中的文件夹定义为“文件助手”,意图是这一功能可以为用户整理文件排忧解难,给用户传递一种被的情感。

  在界面设计中也有两种形式的色彩隐喻。一种为性的设计,运用用户熟悉的某种颜色界面中的某种状态,例如QQPC版用绿色icon代表我在线上、红色icon代表忙碌或请勿打扰。另一种为气氛的营造,借用色彩带给用户的某种心理暗示,为产品营造某种氛围,例如支付宝软件整体采用蓝色的风格,可以营造一种安全的氛围。

  材质的隐喻可以使界面不再生硬,用户使用起来更加亲切。例如读书APP的阅读界面采用纸质效果,使用户在阅读时更像是阅读一本线 图形隐喻

  常用的图形隐喻非常多,例如界面中锁可以代表“密码”,火箭可以代表“加速”,调色板可以代表“主题”,齿轮可以代表“设置”,地球可以代表“浏览器”,雨伞可以代表“安全”等等

  界面中的手势操作:滑动,放大,缩小,旋转,拖动,抓取等;将垃圾文件放置回收站,将商品放入购物车;手机滑动解锁等等。

  读书软件中翻书书页模拟真实的效果;点击或触摸屏幕时视觉水波效果的反馈; 页面转场的加速度,惯性等物理运动曲线. 听觉隐喻听觉隐喻元素是指界面系统反馈给用户的某种能够准确映射出这种交互行为的隐喻性声效。例如,

  (当将一个文件放入回收站后系统会模拟纸张被撕开,扔入垃圾桶的音效);当用户读翻页时,纸张的摩擦声的音效;此外还涉及

  :当用户玩游戏植物大战僵尸游戏的时候存在多种听觉隐喻元素,种下植物时植物与地面结合周公解梦和死人说话的音效、植物发射子弹打在僵尸身上的响声、僵尸来临时的营造氛围的恐怖音效、最终失败时主人公大脑被吃掉时的叫声,听觉通道上的隐喻音效让整个游戏更加线. 触觉隐喻

  触觉上的隐喻可以理解为,设计师模拟真实世界用户获得的某种触觉体感,为界面提供适当的仿真反馈,从而提高用户体验的方法。常见触觉上的隐喻,例如:

  iPhone7的home键并非实体按键,但为了保持用户的使用习惯,仿真设计成实体按键的外形并提供用户实体按键的反馈;iPhone的3DTouch可以理解为设计师为了模拟电脑鼠标的右键,为产品提供更多功能的一种移动端快捷方式;此外,在游戏中,撞车时、飞机被击中时的震动反馈也属于触觉上的隐喻形式。

  例如,现在最普遍的两大电脑操作系统Mac OS系统与Windows系统的“桌面”界面都是由现实生活中的工作桌面的概念映射而来。

  2. 从特征上进行隐喻设计例如,设计师会使用盾牌的图形来表示安全软件,因为盾牌与安全管家等软件同样具有防护的特征。

  好的隐喻设计可以简单高效地传达一个功能所代表的意义,或能更加匹配用户模型从而引导用户进行正确的操作。

  作者:李扬,网易CC交互设计师,东南大学专业设计系毕业,职场新人,参与多款游戏相关产品的交互设计工作。希望可以成为一名有想法、有创造价值的设计师。

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集、培训、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

  

相关阅读
重庆学习网zslpsh,0755深圳房产人才招聘网,拾年网90后,anedc股票,最新电影下载淘娱淘乐,重庆中学生网高考,重庆中学生网高考,学习重庆方言网,重庆中学生学习方法,重庆俗语网,中学生网zslpsh,0755深圳交友网,重庆初中生,贵州重庆方言网,025新闻网,西南重庆方言歌曲,025南京交友网,重庆农家乐美女,观赏蟹种类zadull,云南重庆方言网,重庆中学学习网,028成都交友网,推广taoyutaol,西南四川方言网,观赏龟论坛zadull,四川重庆方言网,022天津交友网,重庆中学生网家长,鹦鹉鱼zadull,重庆俗语,电影淘娱淘乐,taoyutaole娱乐,华夏视讯网,0755深圳旅游招聘,昆明重庆方言网,淘娱淘乐影视,www.00game.net,观赏鱼zadul,重庆高考zslpsh,重庆中学生网高考,027房产招聘网,坝坝舞wagcw,西南重庆方言网,贵州重庆方言网,重庆言子儿网,热带鱼zadull,重庆高考zslpsh,0755深圳旅游招聘网,淘娱淘乐影视网,0571.361.cm,重庆方言学习网,028成都新闻,异形观赏鱼种类,影视网淘娱淘乐,最新电影下载淘娱淘乐,0773桂林论坛,拾年网80后动画片,观赏蟹论坛zadull,观赏龟繁殖教程,重庆一中zslpsh,重庆俗语网,广场舞wagcw,观赏虾的种类zadull,观赏鱼观赏虾观赏龟,西南方言网,观赏鱼之家论坛zadull,战争前线辅助00game,西南重庆方言小说,重庆中小学zslpsh,推广taoyutaol,战争前线论坛00game,0871交友网,025南京新闻网,重庆言子儿网站,娱乐taoyutaole,022天津交友网,025新闻网,重庆中学生网学习,022天津交友网,重庆方言歌网,www.120.cm健康网,anedc股票,重庆初中生