HTML5网页设计

酷文分享

2011网页设计发展趋势(2)

时间:2011-02-28 14:43来自:网络作者:admin点击:
同样,如何才能做到方便你的游客仔细阅读您的网站?这可能在浏览器标准上存在争议,或者水平滚动触屏可能更加合适。将网站设计类似于杂志的布局更有利于游客浏览你的网站。 最后,你必须考虑在你的网页设计中使用流

同样,如何才能做到方便你的游客仔细阅读您的网站?这可能在浏览器标准上存在争议,或者水平滚动触屏可能更加合适。将网站设计类似于杂志的布局更有利于游客浏览你的网站。

最后,你必须考虑在你的网页设计中使用流体布局(liquid layouts)。2011年,你需要处理的重点不再是屏幕分辨率问题,而是如何做到使访客从垂直到水平阅读你的网站都会清晰。你的设计必须做到灵活以应付任何的挑战。否则你将会成为过去式。

3

Baby sees the iPad Magic, Copyright Steve Paine, Flickr

6. 深度判析

深度判析是关于在网页设计使用维数,这样可以使你的网页变得更加真实。如果运用得恰当,那将会是一个虚拟的3D效果,就像3D电影阿凡达那样尽管3D技术还没有去到网站设计,你仍然尝试使用维数进行设计。

1a

Plántate提供了一个可旋转的3D地球,灵活利用阴影和层等手段。

1b

Jordon活动页,3D元素清晰简单,设计非常醒目。(貌似已经撤掉)

7. 大背景图

大背景图的网页设计应用在2011年将会更加明显。这些背景图像一般是高分辨率,覆盖这个网站。高清照片是一个迅速抓住你的读者的好方式,可以产生极具冲击力的视觉效果-游客的视线会不自觉地落在宽大的背景上。

当然背景图的色彩、内容等都十分讲究,任何情况下都不要破坏用户的体验,不然再漂亮的照片也是枉然。图片类型趋向于一些比较柔和、略带透明的一类,不要影响到网站文字的阅读,讲究协调,易于阅读。

大背景图

上面的网站使用了高分辨率的图片作为网站的背景,网站主色调是黄色。

大背景图

This site adds playful animation with its grand scale imagery. Warning: auto-play music.

8. 不拘谨于顶级域名

严格意义上这一点与网页设计无关,但这一点也是发展的趋势,将出现更多创造性的域名。.com域名的吸引力越来越少,主要是你很难再找到一个比较短 的.com域名。2011年人们开始将视线慢慢转移到.me、.co和.cc等身上。想想域名的发展,抢先一步,不然你很可能再次错失先机。

顶级域名

.me 用在个人展品陈列页、博客是非常不错的。

7b

另一个.me域名的示范

9. QR: Quick Response

如果你注意现在越来越多的名片、杂志或者其他地方出现方形条形码,证明你已经看到2011年的这个趋势热门。但它跟网页设计何干呢?实在匪夷所思。

这个方形的条形码被称为QR,全称为Quick Response(在“QR Code读取器QuickMark” 介绍过)。使用你的手机拍摄一张唯一的条形码的照片,像魔术一样,手机上读取QR的软件就会打开条形码相关的网站。最美妙的事情是你可以将QR应用到很多 地方。应用QR到你的网站,目的是让浏览者拥有一个你的移动网页的快捷方式。你还可以通过在您的网址上放置一个特殊的推介代码QR追踪你的访客。 哈哈,你完全可以使用QR作为你的头像,然后到别人的网站留言、评论。2011年的移动媒体优势更加凸显,而利用这点优势的网页设计是最明智的选择也是将 来的发展趋势。

shejicool.com


10.缩略图设计(Thumbnail Design)

Google已经向浏览用户推出它们的浏览预览技术。过去我们只能通过点击链接才能看到网页的内容,现在你只需点击放大镜然后将鼠标悬停在链接上就可以预览该链接的网页内容。

如果你的设计是基于Flash,会存在这样的一个问题,预览将无法显示你的设计元素。

2011年的一般互联网用户变得更加精明,他们更希望看到更多人性化的导航设计。

10

11. 持续联系/ Life Stream

Lifestreaming, 一种在线记录个人日常活动的网络应用,包括直接通过视频feed或通过聚焦一个人的网络在线内容,比如博客日志,在社会性网络上面的更新,在线相册,聊天内容甚至只是一些喜欢的网站的链接等等。

最后一点,不是最不重要的一点,是网页设计更加注重人与人之间持续联系,如Life Stream。互联网本身是原始的,枯燥无味的,是人类通过这个开放的平台分享他们的一切才变得多姿多彩。将来人们还会而且加强如 lifestreaming的形式进行人与人之间的交流互动。作为网页设计师,你必须了解这个趋势和应对这个趋势。

当前文章地址:http://www.shejicool.com/design/cool/93.html

阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐