在设计中融入对真实环境的模拟设计,正是设计对生活的一种再现,可以提高用户对产品的认知,提升视觉的亲和力,并且大大加深对设计师设计的认同程度。用户也更乐于在你的页面多停留,或许他会用鼠标这里点点,那里看看,好奇心促使他想发现这样的动作会触发什么样的效果。
正如上图,你可以随意“拿起”壁架上的某一张CD,CD内的音乐列表便出现在了页面中间的区域,一目了然的突出了该页的内容,墙上的音乐海报, 音响,吉他,黑胶碟,随意堆放的CD,都在为你打造刻画一个你所熟悉并喜爱的环境,对每件物品的触感都在你的记忆里,这样的“真实”,甚至让你忍不住想要 去触摸。当你听着动人的音乐,感受着物件的质感,或许你更会被这样一个生动的页面所打动。
12582网站百科频道,也是说明模拟真实环境设计的一个很好的例子。(见下图)
为我们的用户将“百科”设计成了我们熟知的百科大全书本的模样。拟物化设计的成功,从视觉上首先抢夺了先机,和页面上的“书本”营造的环境氛围 天衣无缝的配合起来了,用户立即就进入了我们给出的这个“角色” (暂且称之为“翻书者”)的状态,所以用户接收到视觉信息后反馈出的第一反应就是“我需要的内容都在这几本书里面!”,迫不及待想使用“这本书”,将是他 接下来必将做的一件事
看完前面面两个例子,或许你觉得其适用的范围都有一定的特殊性和局限性,类似的方式并不能在其他地方同样奏效。当然,你的顾虑,在我们日常的的实际工 作中是经常发生的事情。但是别忘了,我们还有最基本的一些方法,那就是对真实环境色的提取,也能达到相同的效果,让人联想并置身一些特定的环境。
例如,现在需要为“工人”这个群体做一个网页。从我脑海里首先浮现的就是如下的画面,
1,头戴安全头盔,皮肤黝黑的汉子
2,重型的机械设备……等等
收集了这些包含关键因素和信息的图片,那么我们就可以进行下一步的设计了。
在图片中获取的这些环境色可以直接用于我们的页面中,最后得到的就是如上图的效果。厚重的质感给人的视觉效果足以突出现实环境中的那种稳重,刚强。
在众多各色纷繁的网站中,如何能让你的用户停留在你的页面?我想只需要一个理由,他们在寻求“属于他们自己的一个地方”,而我们为他们创造属于 让他们的地方,一个成熟的设计,提供清晰的信息展现的同时,也需要为用户营造特定的“环境”,“环境”能调动用户的情绪,形成气场和氛围,当设计在新奇与 惊艳中伴随着一种熟悉,什么都不用想,自然简单到如同日常的点滴,拿起手边的杯子,满上一杯水,用户自然享受其中
本文作者:未知