建站常识
生动的设计
2010-09-25 14:57:00

或许这时的你正在喝着咖啡听着音乐陷在柔软的沙发里,翻阅着Fashion杂志,享受你一下午的闲暇时光,或许这时的你正在一场狂热的音乐会现场,跟着喧闹的人群舞动,全身心投入今夜的激情。在我们的生活中,我们会不断的去到不同的地方,周围的人和事物的来去,周遭环境不停的变换,我们触碰,感受到每一件事物都会产生不同的感觉,对接触的每一个环境都会新鲜,惊奇,并且乐于融入其中去发现,去享用,与之互动,让自己快乐,让每一天过的都如此丰富。
在设计中融入对真实环境的模拟设计,正是设计对生活的一种再现,可以提高用户对产品的认知,提升视觉的亲和力,并且大大加深对设计师设计的认同程度。用户也更乐于在你的页面多停留,或许他会用鼠标这里点点,那里看看,好奇心促使他想发现这样的动作会触发什么样的效果。

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

为我们的用户将“百科”设计成了我们熟知的百科大全书本的模样。拟物化设计的成功,从视觉上首先抢夺了先机,和页面上的“书本”营造的环境氛围天衣无缝的配合起来了,用户立即就进入了我们给出的这个“角色” (暂且称之为“翻书者”)的状态,所以用户接收到视觉信息后反馈出的第一反应就是“我需要的内容都在这几本书里面!”,迫不及待想使用“这本书”,将是他接下来必将做的一件事。
看完上面两个例子,或许你觉得其适用的范围都有一定的特殊性和局限性,类似的方式并不能在其他地方同样奏效。当然,你的顾虑,在我们日常的的实际工作中是经常发生的事情。但是别忘了,我们还有最基本的一些方法,那就是对真实环境色的提取,也能达到相同的效果,让人联想并置身一些特定的环境。
例如,现在需要为“工人”这个群体做一个网页。从我脑海里首先浮现的就是如下的画面,
1,头戴安全头盔,皮肤黝黑的汉子

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

收集了这些包含关键因素和信息的图片,那么我们就可以进行下一步的设计了。
在图片中获取的这些环境色可以直接用于我们的页面中,最后得到的就是如上图的效果。厚重的质感给人的视觉效果足以突出现实环境中的那种稳重,刚强。

在众多各色纷繁的网站中,如何能让你的用户停留在你的页面?我想只需要一个理由,他们在寻求“属于他们自己的一个地方”,而我们为他们创造属于让他们的地方,一个成熟的设计,提供清晰的信息展现的同时,也需要为用户营造特定的“环境”,“环境”能调动用户的情绪,形成气场和氛围,当设计在新奇与惊艳中伴随着一种熟悉,什么都不用想,自然简单到如同日常的点滴,拿起手边的杯子,满上一杯水,用户自然享受其中。
原文:http://www.xmued.com/?p=791
近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择?
延伸阅读
- [2006-06-30 09:02:00] 如何引导自已成为一名网页视觉设计师
- [2010-11-12 08:27:00] 20K的纠结 腾讯游戏flash广告设计的现状与未来
- [2009-09-07 08:13:00] “高效”是首要的设计要求
- [2010-01-12 17:31:00] 当视觉设计师遇上产品经理、开发工程师…
- [2010-09-25 14:53:00] 剪式设计—解决设计困惑与矛盾的方向
- [2010-06-23 16:53:00] Less is more—对素材处理的思考
- [2010-09-07 22:00:00] 盖座漂亮的“楼”–浅谈网页设计中的构图
- [2009-05-17 10:00:00] 艺术与视觉设计批判——用户
- [2009-07-21 07:45:00] Qzoneing主题视觉设计分享
- [2010-11-30 08:22:00] 专题头图的秘密武器
- [2009-12-29 17:29:00] 推广研究报告—真实的视觉
- [2010-12-15 08:59:00] 浅谈终端视觉设计中的文字运用
