首页 | 建站资讯 | 建站问答 | 建站帮助 | 服务电话:021-61984272
Godzilla. 2018-10-19 网站建设

用于创造优秀的Web/App界面的情感化设计原则(一)

       本文将通过6条有效的情感化设计原则及案例来讲解如何创建有吸引力、令人愉快的Web/App界面,以获得更好的用户体验。

  如今,随着情感化设计的兴起,越来越多的用户体验设计师意识到情感化设计的重要性,并开始为了达到更好的用户体验来创造情感化设计方案。
 
  著名的尼尔森诺曼集团的联合创始人唐纳德·阿瑟诺曼在他的著名著作“情感化设计”(《Emotional Design》)中首次引入了“情感化设计”这个词,并强调了情感化设计对获得更好的Web/App用户体验的巨大影响。
 
  然而,你如何将情感融入到你的Web或者App界面设计中,并以此吸引能多的用户呢?你是否在寻找一些实用的情感化设计原则及案例来帮助你创建一个吸引人的、令人愉快的Web/App界面呢?下文将列出6条有效的情感化设计原则及案例供你参考。
 

 
  在Web/App界面设计中,什么是情感化设计?
 
  在Web/App界面设计中,情感化设计通常指用户体验设计师使用的一种设计方法,即通过创造性的界面元素,比如色彩、动画、版面布局等等来传递积极的情绪(比如快乐、舒适、愉悦等等)。
 
  此外,有时为了唤起用户的正确情绪反应,一些设计师甚至创造性地将一些负面情绪(如悲伤、遗憾和痛苦等)放在用户的Web/App界面设计中,以获取用户更好的用户体验和产品销售。
 
  简而言之,优秀的情感化Web/App界面设计不仅能迅速吸引用户的注意力,还能让他们对你的产品产生好感。
 
  下例中使用的所有的界面元素,特别是照片和文本,都在传递一种安全的感觉,并鼓励用户放心并毫不犹豫地购买这项安全软件。
 

 
  如何通过情感化的界面设计创造更好的用户体验?
 
  正如我们在上面介绍的,Web/App界面的每个元素或细节都可能是情感的潜在来源。那么,如何才能更有创意、更有效地使用这些常用的界面元素来创建一个引人注目的、情绪化的Web/App应用呢?下文列出6条有效的情感化设计原则及案例供你参考:
 
  1.使用视觉元素来唤起用户的特定情绪
 
  视觉元素可以通过设计来唤起情感。下面是一些你可以尝试唤起用户情绪的视觉元素:
 
  (1)使用色彩来吸引用户并唤起情感
 
  色彩是界面设计中最重要的视觉元素之一,它在吸引和留存用户方面扮演着至关重要的角色--即使是第一次预览。它也是设计师表达情感的有效元素。例如,一般来说,红色和黄色通常表示快乐、热情、青春、轻松等等。在你的设计中使用这些颜色或配色方案时,你可以很容易地唤起相应的情感,让用户感到快乐和轻松。
 
  蓝色、绿色和黑色常常带来一种平和、舒适和自由的感觉。当你在界面中使用这些颜色或配色方案时,你可以帮助用户无意识地变得更有耐心和理性。简而言之,在你的设计中使用颜色来唤起不同的用户情绪,并提供不同的情感体验。
 
  下例中,中国餐馆网站选择了红色和黄色,这是东方最典型的颜色,所以作为网站的主题颜色。这种配色方案不仅使整个设计更加美观、引人注目,而且让顾客对东方文化有了更多的了解。而且,你也忍不住想去尝试所有的菜式。
 

 
  下例中,这个404错误页面使用了一个蓝色和白色的配色方案来无形地传达一种舒适和平静的感觉。这样的设计策略可以有效地减少用户在突然收到烦人的404错误消息时的挫败感。
 

 
  (2)用清晰、直观和层级化的排版和字体使用户感到舒适

  一款有更直观、更有层次、更清晰的排版和字体的Web/App应用往往对用户更具吸引力,并为用户提供更多的愉悦体验。这样的界面使得用户可以更容易地、快速地找到所需的信息。
 
  (3)用对比和分组来创造吸引人的界面
 
  你也可以添加对比和分组的视觉元素,使界面更加舒适和愉悦。例如,您可以轻松地添加一些照片、动画和其他可视化元素,以及变化的颜色、位置、大小、任务、层级等,从而创造一个具有清晰层次结构并引人注目的Web/App界面。这个方法对于改善用户体验非常有效。
 
  正如下图网站案例所示,你可以通过以上方法,很容易地运用图像,标签,按钮和更多的组件来创建一个简洁并吸引人的界面。
 
  简而言之,巧妙地设计每一个视觉元素,从而有意识地与你的Web/App应用用户建立情感联系。
 
 

文章标签: Web界面设计 APP界面设计 
文章评论:
客服图标
咨询电话
021-61984272

欢迎您给我们来电,已有13835人通过电话进行免费业务咨询,您也可以