2011年网页设计趋势(二)_产品技术_新闻资讯_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 新闻资讯 > 产品技术 > 2011年网页设计趋势(二)

2011年网页设计趋势(二)

 2011/1/6 17:37:28    www.jxln.info  我要评论(0)
  • 摘要:前一篇:2011年网页设计趋势(一)6、网页设计中的深度知觉不,我不是在说"我能在你的网站看到你的咖啡杯和键盘"那种两年以前的设计。深度知觉是指在网页设计中创造一种维度,让你的网站的某部分看起来更靠近浏览者。如果做的好,能让人想起一种虚拟的3D效果。还记得在看3D电影大片时的感觉吗?像阿凡达?毫不夸张的说,里面的元素简直要跳出屏幕了。虽然3D技术还没有普及到网页设计,你仍然可以在设计中复制这种深度。这个好玩的网站提供了一个可旋转的3D地球,用良好的阴影和层次创造了一种深度。醒目,聪明
  • 标签:网页 网页设计 设计

前一篇:2011年网页设计趋势(一)

6、网页设计中的深度知觉

不,我不是在说"我能在你的网站看到你的咖啡杯和键盘"那种两年以前的设计。深度知觉是指在网页设计中创造一种维度,让你的网站的某部分看起来更靠近浏览者。如果做的好,能让人想起一种虚拟的3D效果。还记得在看3D电影大片时的感觉吗? 像阿凡达?毫不夸张的说,里面的元素简直要跳出屏幕了。

虽然3D技术还没有普及到网页设计,你仍然可以在设计中复制这种深度。

clip_image001

这个好玩的网站提供了一个可旋转的3D地球,用良好的阴影和层次创造了一种深度。

clip_image002

醒目,聪明,这个庆祝Jordan(不管是男人或鞋)的主题网站非常具有娱乐性。3D元素如此清晰简单,使人大吃一惊。

7、大图背景

大尺寸背景在2011年将会激增。这些图片会是高分辨率、并覆盖整个网站的。大照片可以瞬间抓住你的观众——他们无法不看到它并对它有一个印象。背景图片必须适应内容,只是简单放一张漂亮的图片而没有上下环境会破坏用户的体验。趋势表明,柔和的和轻微透明的背景不会盖住你的内容,而是与之协调一致。

clip_image003

这个网站使用率一张高分辨率的照片,整个主色调是黄色的。

clip_image004

这个网站在大尺寸背景上增加了一些好玩的动画。警告:自动播放的音乐。

8、大胆的域名&组合

虽然严格意义上这不是网页设计的问题,还是期待看到更有创意的域名。一度令人垂涎的.com域名已经失去了许多吸引力——主要原因是你必须在注册域名时想一些别人没有想过的词语。2011年将会看到越来越多的企业不用.com而选择更稀奇古怪的域名如.me或.us。想想这种可能性,在还没有普及之前选好一个吧。

clip_image005

.me是一个用于个人作品或博客很好的域名,特别是你想要一个不同于企业品牌的独立标识。

clip_image006

另一个.me组合的例子

9、QR:快速反应

如果你在名片、杂志或其他地方看过那种弹出的方形条码,你可能已经知道这是一种2011年的热门趋势。融入到网页设计中会如何呢?令人惊讶的好,真的。

这种条码被称为QR,更短的快速反应。用你的照相手机给条码简单照张相,像变魔术一样,你的手机就会连接与条码有关联的网站。更美妙的事是你可以有无数多的方式使用它。在你的网站上放上你的QR,访问者就能更快的访问你的手机网站。你也通过在url放置与QR关联的代码,追踪你的访问者。当你在网站评论时,使用QR作为你的头像

2011年太多手机应用了,明智的使用这一新媒介的优势吧。

clip_image007

这是作者个人网站的QR,点击这里创建你自己的代码。

10、缩略图设计

不断进取的google已经向普通用户介绍了预览浏览。通过点击查看网站内容的日子已经过去了。今天,你只需点击那个放大镜并悬停(假设你没有用触摸屏),之后你就能奇妙的在另一端看看出现什么。

如果你的设计是基于Flash的,这肯定会是一个问题。预览不会显示你设计中的那些元素。

在2011年一般的互联网用户会更懂得上网,期待看到更多的人通过这些方式浏览。用缩略图判断一个网站实在是太有诱惑力了。

clip_image008

11、粘度/生活流程

最后,但不是最不重要的,是在网页设计中注重粘度。互联网本来是个荒凉的环境,我们通过在开放论坛上分享我们的生活使之更人性化。希望通过生活流程的形式看到更多隐私。个人博客和作品在2011年将会
更明显的出现在Twitter的feed上(而不仅是Twitter页面上的一个链接)。人们会通过Foursquare让你知道他们每时每刻都去了哪里。实际上,希望通过某人的线上活动看到他专门的生活流程。2011年绝对会引出我们内心可怕的尾行者,毫无疑问。

clip_image009
一个记录生活流程的个人网站。

clip_image010
一个商业网站,综合了大量单页信息。

最后向2010致敬。

你同意上面的看法吗?还有什么要加的?我们乐于听到你的意见。

Posted by Jacqueline Thomas on Jan 4, 2011
http://webdesignledger.com/tips/web-design-trends-in-2011

发表评论
用户名: 匿名