导语:随着互联网用户要求越来越多,没有内涵的华丽设计很快就会被丢弃。如果设计师追求华而不实的设计,那么相信你很快会被时代遗弃。使用PS设计网页版面,或许五年前可以。2011年不再属于单纯的华丽而是注重功能。

  作为设计师的你,2011年会做什么打算?真正的设计师设计的东西是在艺术和功能上做到两全其美,而不是为了哗众取宠。出色的设计师犹如造梦师,给用户创造一个梦境,让用户感觉到如此真实而不知道自己是在梦中。这样的梦需要几个元素:直观的设计,优秀的配色,良好的交互性和快的响应速度。这些,你都做到了吗?

  2011年网页设计趋势有何变化?一起关注10个网页设计趋势热点:

1. 更多的CSS3 + HTML5

  这是期待已久的事情。在过去的几年设计师已经开始关注和使用CSS3+HTML5,但在2011年CSS3+HTML5将会得到更广泛的应用。网页 设计师最终会抛弃Flash。Flash不再是昔日的王者,新技术(指CSS3+HTML5)将会取而代之。2011年,Flash渐行渐远,魔术师 “HTML5”成为舞台的主角:

 

Flash

  当然,说HTML5代替Flash为时还早。从上面的两幅截图你可以知道Flash和HTML5还是有差距的。因此,2011年两者会各自保持属于 自己的位置。不过2010年以前网页设计师滥用Flash的现象会慢慢减少。现在很少设计师会整个网站都是用Flash设计,他们会在一些可用的地方使用 HTML5替代Flash,使网站变得简单运行更快速。然而,目前HTML5还不能够取代Flash,Flash的某些效果HTML5暂时还不能够实现。

  然而最值得人兴奋的是CSS3的应用越来越广,在某些地方甚至超越PS(Adobe表示有压力),因为利用CSS3来实现文字阴影、图片圆角和图片透明实在是easy job。如果你还不会,是时候去了解CSS3和HTML5。

2. 简单的配色方案

  没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。不要老是黑白灰什么的,太不给力了。多点考虑绿、黄或者红作为你的网页主色调。当然,颜色最好保持使用2到3种。调整颜色的透明度,或许会给你意想不到的效果。比如:

twitter tool

  只是简单的绿色,通过调节透明度设计出如此美观的Twitter可视化工具。可要知道:这个网页只是用了XHTML/CSS和Javascript,给力吧!

collision web design

  红色绝对经典,如果配色做得好给人的视觉冲击就更……。上面的网站独特的红色和易友好的文字设计让人不得不为之折服

3. Parallax Scrolling

  先来解释下Parallax Scrolling,Parallax scrolling 是让多层背景以不同的速度移动,形成运动视差 3D 效果,虽然纯属视觉效果,但在内容滚动时形成的视觉体验仍然非常出色。2011年的网页设计趋势热点就是要创造这样的深度视觉效果。Parallax Scrolling可以通过一些简单的CSS技巧或jQuery插件来实现(示范站点:Parallax Scrolling

baby sees ipad

Baby sees the iPad Magic, Copyright Steve Paine, Flickr

5. 移动互联网时代的到来

  智能手机,ipad和上网本随处可见,OMG,2011年这个现在将会更加明显。这意味着你的设计需要考虑更多的设备。

  创建适合移动设备的网站不是简单地在原有的设计去掉华丽的元素,那将会是没有灵魂的设计。尽管在原有的设计再设计一个支持移动设备网站是件痛苦的事情。幸运的是,新的技术让一切变得更简单。

  在使用CSS3的情况下,设计移动网页方便多了。最重要的是你可以修改一个CSS文件完成整个网站修改以符合用户使用不同设备进行浏览网页。

  你也可以设计一个移动设备专属的网站,但相信那个网站不久还是要改版的,以现在科技产品的发展速度来看。越来越多的移动网站包括原始网站的浏览选 项。如果你不提供这个选项或者你的原始网站没有针对移动网络标准优化,那你并未准备好迎接移动互联网时代的到来。据相关预测,智能手机销量将会超越个人 PC。赶快准备好,迎接移动设备大军的来临。

6. 深度判析

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

 

photosheep

另一个.me域名的示范

8. QR: Quick Response

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

  这个方形的条形码被称为QR,全称为Quick Response(在“iconic

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

10.缩略图设计(Thumbnail Design)

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

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

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

Thumbnail Design