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