2011年网页设计发展趋势

发布时间：2012年06月20日作者：万码学堂

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

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

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

1. 更多的CSS3 + HTML5

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

　　当然，说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可视化工具。可要知道：这个网页只是用了XHTML/CSS和Javascript，给力吧！

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

3. Parallax Scrolling

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

Baby sees the iPad Magic, Copyright Steve Paine, Flickr

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

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

　　创建适

分类导航

2011年网页设计发展趋势

1. 更多的CSS3 + HTML5

2. 简单的配色方案

3. Parallax Scrolling

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

延伸阅读

我想了解如何学习