PS设计教程网欢迎你!

设计师:什么是生动的设计

文章来源于 站酷,感谢作者 Lander 给我们带来经精彩的文章!
设计教程/设计理论/设计理论2010-09-27
或许这时的你正在喝着咖啡听着音乐陷在柔软的沙发里,翻阅着Fashion杂志,享受你一下午的闲暇时光,或许这时的你正在一场狂热的音乐会现场,跟着喧闹的人群舞动,

或许这时的你正在喝着咖啡听着音乐陷在柔软的沙发里,翻阅着Fashion杂志,享受你一下午的闲暇时光,或许这时的你正在一场狂热的音乐会现场,跟着喧闹的人群舞动,全身心投入今夜的激情。在我们的生活中,我们会不断的去到不同的地方,周围的人和事物的来去,周遭环境不停的变换,我们触碰,感受到每一件事物都会产生不同的感觉,对接触的每一个环境都会新鲜,惊奇,并且乐于融入其中去发现,去享用,与之互动,让自己快乐,让每一天过的都如此丰富。

设计师:什么是生动的设计

在设计中融入对真实环境的模拟设计,正是设计对生活的一种再现,可以提高用户对产品的认知,提升视觉的亲和力,并且大大加深对设计师设计的认同程度。用户也更乐于在你的页面多停留,或许他会用鼠标这里点点,那里看看,好奇心促使他想发现这样的动作会触发什么样的效果。

设计师:什么是生动的设计

正如上图,你可以随意“拿起”壁架上的某一张CD,CD内的音乐列表便出现在了页面中间的区域,一目了然的突出了该页的内容,墙上的音乐海报,音响,吉他,黑胶碟,随意堆放的CD,都在为你打造刻画一个你所熟悉并喜爱的环境,对每件物品的触感都在你的记忆里,这样的“真实”,甚至让你忍不住想要去触摸。当你听着动人的音乐,感受着物件的质感,或许你更会被这样一个生动的页面所打动。

12582网站百科频道,也是说明模拟真实环境设计的一个很好的例子。(见下图)

设计师:什么是生动的设计

为我们的用户将“百科”设计成了我们熟知的百科大全书本的模样。拟物化设计的成功,从视觉上首先抢夺了先机,和页面上的“书本”营造的环境氛围天衣无缝的配合起来了,用户立即就进入了我们给出的这个“角色” (暂且称之为“翻书者”)的状态,所以用户接收到视觉信息后反馈出的第一反应就是“我需要的内容都在这几本书里面!”,迫不及待想使用“这本书”,将是他接下来必将做的一件事。

看完上面两个例子,或许你觉得其适用的范围都有一定的特殊性和局限性,类似的方式并不能在其他地方同样奏效。当然,你的顾虑,在我们日常的的实际工作中是经常发生的事情。但是别忘了,我们还有最基本的一些方法,那就是对真实环境色的提取,也能达到相同的效果,让人联想并置身一些特定的环境。

例如,现在需要为“工人”这个群体做一个网页。从我脑海里首先浮现的就是如下的画面,

1,头戴安全头盔,皮肤黝黑的汉子

设计师:什么是生动的设计

2,重型的机械设备……等等

设计师:什么是生动的设计

收集了这些包含关键因素和信息的图片,那么我们就可以进行下一步的设计了。

在图片中获取的这些环境色可以直接用于我们的页面中,最后得到的就是如上图的效果。厚重的质感给人的视觉效果足以突出现实环境中的那种稳重,刚强。

设计师:什么是生动的设计

在众多各色纷繁的网站中,如何能让你的用户停留在你的页面?我想只需要一个理由,他们在寻求“属于他们自己的一个地方”,而我们为他们创造属于让他们的地方,一个成熟的设计,提供清晰的信息展现的同时,也需要为用户营造特定的“环境”,“环境”能调动用户的情绪,形成气场和氛围,当设计在新奇与惊艳中伴随着一种熟悉,什么都不用想,自然简单到如同日常的点滴,拿起手边的杯子,满上一杯水,用户自然享受其中。

讨论:http://www.missyuan.com/viewthread.php?tid=481283

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa