点击这里给我发消息 点击这里给我发消息

如何设计才能让你的网站更生动

添加时间:2013-12-6
    相关阅读: 网页 设计 页面 网站
如何让死板的网页更吸引人,如何设计才能让你的网站更生动,本文通过简单例子为您提供一些灵感!
或许这时的你正在喝着咖啡听着音乐陷在柔软的沙发里,翻阅着Fashion杂志,享受你一下 午的闲暇时光,或许这时的你正在一场狂热的音乐会现场,跟着喧闹的人群舞动,全身心投入今夜的激情。在我们的生活中,我们会不断的去到不同的地方,周围的 人和事物的来去,周遭环境不停的变换,我们触碰,感受到每一件事物都会产生不同的感觉,对接触的每一个环境都会新鲜,惊奇,并且乐于融入其中去发现,去享 用,与之互动,让自己快乐,让每一天过的都如此丰富。

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

         \

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

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

   \

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

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

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

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

\

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

\

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

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

                      \

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

本文作者:未知
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册