网站视觉设计:情绪板携手视觉设计


  一.视觉设计的现实困境

  互联网产品的视觉设计存在着很多不确定性,譬如:

  你按照“典雅”去设计的,他却觉得是“清新”?——评判的主观性&看到图画才明白

  有时不喜欢某些设计作品,却无法立即说出原因——潜意识

  开始要求一种风格,很快变卦要求改成另一种风格——不了解用户

  如果“以用户为中心的设计”不是一个噱头的话,我们可以试试让“用户”来给视觉设计一个方向。


  虽然传统用户研究方法对于“了解用户”有些帮助,但似乎对“直接指导视觉设计”无能为力。

  有没有一种用户研究方法可以同时解决视觉设计中的“评判主观性”、“看到实际作品才明白”、“说不出潜意识感受”的问题,进而“直接指导视觉设计”?

  二.情绪板方法的理论基础

  情绪板是一种借助于图像,启发和探索用户的体验,然后再作用于视觉设计的研究方法。 可以调查并形成具有指导意义的“风格感受”和“设计元素”。

  情绪板的核心原理是依靠“图像”,沟通产品与用户、用户的潜意识与意识、用户的感性(情绪)与理性,其神经心理学基础为:

  大部分沟通为非语言的

  思考是通过影像产生的

  感官影像为重要隐喻,而这些影像大多是视觉的

  思考中的深层结构是可触及的

  体验是理性与感性(情绪)的混合

  三.情绪板方法的操作过程

  完整过程总览:


  获得关键词:


  图片素材的收集:


  邀请用户来参与创建情绪板:


  四.情绪板用于视觉设计的实践

  前文第三部分已经详细描述了从准备到参与创建情绪板的过程,此部分不再赘述这个过程;重点阐述如何分析、利用情绪板的结果,并与视觉设计很好地结合起来(就目前实际工作中的体会而言,此部分可能比前期情绪板的制作过程更有强调的必要)。

  在APP Store 随意选择一款手机应用《老偏方》,用作实践。


  对《老偏方》采用情绪板的用户研究方法(具体过程略去)。情绪板结果如下:


  情绪板结果分析、及提取视觉元素:


  设计过程:

  背景


  导航


  点击导航


  最终成果(对比)


  总结:

  工作中有两种认知加工模式:

  自上而下的加工,是指人在认知活动时运用个体已有的知识和概念去加工当前的信息的过程。

  自下而上的加工,也叫数据驱动或材料刺激驱动加工,它强调了刺激物本身在模式识别中的重要性。


  平时我们视觉设计工作中可能采用得更多的是偏自下而上的加工方式,而若能很充分仔细地分析情绪板的结果、并发挥主观能动性充分利用,则能帮助我们锻炼自上而下的加工方式(并且这种主观能动性的发挥还有正确大方向的保障)。两种认知加工方式的反复轮替训练和结合使用则有助于我们提升设计的思维水平。

  感谢赵设计师,后半部分《老偏方》的视觉设计的示范由她完成。

时间: 2024-08-03 12:02:43

网站视觉设计:情绪板携手视觉设计的相关文章

情绪板携手视觉设计

一.视觉设计的现实困境 互联网产品的视觉设计存在着很多不确定性,譬如: 你按照"典雅"去设计的,他却觉得是"清新"?--评判的主观性&看到图画才明白 有时不喜欢某些设计作品,却无法立即说出原因--潜意识 开始要求一种风格,很快变卦要求改成另一种风格--不http://www.aliyun.com/zixun/aggregation/8860.html">了解用户 如果"以用户为中心的设计"不是一个噱头的话,我们可以试试让&

vs 2010-如何在做好的网站添加留言板

问题描述 如何在做好的网站添加留言板 运用vs和Access做的网站,怎样添加一个留言板,步骤是怎样?

购物类网站产品或主题页面视觉设计一致性

在设计中保持一致性(uniformity)是网页设计中一个重要的组成部分,它能使你的设计有效地传达信息而不会导致用户迷惑或焦虑.保证一致性的一个有效方法是撰写正式的"设计风格标准"文档,也就是俗称的视觉规范.这一文档规定了一个产品或系列产品的图形用户界面设计中都必须遵守的设计准则.遵守这些准则将视觉元素保持大小一致的尺寸,有助于你的需要的时候更容易地将这些元素组合成一个新的设计. 由于网站有时候是被临时或各自独立建立起来的,它们的视觉设计的一致性已经被折腾得千疮百孔了,一般有以下两个问

详解2012网站建设新元年的视觉设计趋势

他有些紧张的扶扶黑框眼镜,又习惯性的把裤子提到胸口,找到自己的位子坐下,上船的时候他就发现了,自己的票和别人的不太一样,难道被黄牛涮了?如今只好见机行事了--"这位先生".他抬起头,只见一戴圆眼镜的外籍男子彬彬有礼的说:"请让一下好吗?您坐的这个位置是我的." 老江和老乔,大家想必已猜到一二,一段小小深水区的船票开胃故事过后,我们步入今天的主题. 逆推网页设计这十几年,网络整合营销不断细化,面临着2012年的市场洗礼,哪些网站表现将被淹没在这滚滚洪流中,而哪些又将收

视觉设计研究:网页前端视觉设计的内容

本文是关于视觉设计的研究类文章,说的很有深意很精彩,本站截取关于网页前端视觉设计的内容,希望大家从中找到一些设计趋势与灵感. 3D 效果的网站在浏览3D效果Flash网站时,会不自觉被惊人的效果迷住.网站的设计者和开发者为网站提供了丰富的内容,震撼的视觉体验和让用户难以置信的互动效果,令人印象深刻. 像素级完美细节文字的布局和排版网站的布局排版,是一门艺术,可以通过不同图片,文字,段落等元素的排列组合,体现想要表达的重点及细节,从而使用户自然接受信息!可用范围: 门户,活动,广告场景化运用真实场

白热化竞争的视频网站与服装企业再次携手,实现强强联合

http://www.aliyun.com/zixun/aggregation/834.html">乐视网与知名时尚休闲品牌战狼世家在北京召开战略合作发布会,宣布双方达成战略合作伙伴关系,未来,战狼世家将与乐视网深度合作.此次,预备斥资千万投向乐视网,被视为战狼世家全面转向网络营销的开端. 据悉,此次乐视网与战狼世家战略合作的主要内容包括前贴片广告.剧场专题页面定制.首页及频道广告等资源.乐视网还将与战狼世家联合打造余文乐影视剧专区. 战狼世家董事长施海容表示:"未来将与乐视网互

合意性研究:理解美感和视觉设计方向

介绍 最近我在Jakob Nielsen的Alertbox article上发表了一篇文章,里面提到了一种"测量美感"的方法,很多人让我多谈谈"合意性研究".合意性研究实际上不仅仅是测量,因为我们也可以用它们来告知或者启发你可能正在考虑的不同的视觉设计的方向.我在这篇文章中提到了一个用户研究的方法图,合意性研究在这个图中被界定为一种态度研究,它可以是定性的,也可以是定量的(如下图所示,在图的中部下面,是一种混合的方法). 主观性问题 合意性研究不太出名,虽然视觉设计

视觉设计该如何赋予产品个性?

  最近经常被问到"设计如何赋予产品性格","如何通过分析确定哪种视觉风格更合适"等问题.遇到这些问题我很高兴,因为这说明越来越多的人开始重视更高层次的设计问题,而不是局限于设计技巧.审美等表层问题. 恰巧过去的半年,我也在研究品牌设计相关的方法.一是因为发现行业对品牌设计的研究有了长足的进展,但设计结果却没有太大的改善(行业内有个怪象:会使用方法论的设计师作品质量不见得好;设计质量好的又不见得会正确使用方法论.很多设计师因此排斥方法论);二是因为我们在做的是B端的

合意性研究:测量对不同视觉设计的美感反应

作者: Christian Rohrer 介绍 最近我在Jakob Nielsen的Alertbox article上发表了一篇文章,里面提到了一种"测量美感"的方法,很多人让我多谈谈"合意性研究".合意性研究实际上不仅仅是测量,因为我们也可以用它们来告知或者启发你可能正在考虑的不同的视觉设计的方向.我在这篇文章中提到了一个用户研究的方法图,合意性研究在这个图中被界定为一种态度研究,它可以是定性的,也可以是定量的(如下图 所示,在图的中部下面,是一种混合的方法).