设计与开发之间本有一线界限，但当时代步入又一个十年，这个线变得更加模糊甚至感觉不到它的存在。使用PS北京网站制作设计网页版面，足矣？或许五年前是吧!现 在的互联网用户要求越来越多。没有内涵的华丽很快就会被丢弃。如果你追求华而不实的设计，那么相信你很快会被时代遗弃。2011年不再属于单纯的华丽而是 注重功能。新的一年或者未来十年的设计趋势是响应设计(responsive design)、持续联系(constant connection)和虚拟现实(virtual reality)。

作为设计师，您在2011年有什么计划？真正的设计师设计东西不是为了哗众取宠，而是要在艺术和功能上做到两全其美。肤浅的欣赏容易得到，肤浅的设计容易忘记。一个优秀的设计师就像一个造梦者，为用户创造一个梦境，让用户感觉如此真实以至于不知道自己是在做梦。这样的梦想需要几个要素：出色的配色、直观的设计、良好的交互性和快速的响应速度。另外，永远不要低估简单的力量。 2011 年，您的设计不仅要考虑笔记本电脑和台式机，还要考虑智能手机、上网本和平板电脑等设备。你都准备好了吗？

2011年网页设计趋势有哪些变化？让我们关注11个网页设计趋势热点：

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实现文字阴影真的是轻而易举的事，图片圆角和图片透明度。如果还没有，是时候学习CSS3 和HTML5 了。

2. 简单的配色方案

没有什么比纯色背景更直观和简洁的了。纯色可以用多种方式表达。不要总是非黑即白，太弱了。考虑将绿色、黄色或红色作为网页的主要颜色。当然，最好一直使用2或3种颜色。调整颜色的透明度可能会给您带来意想不到的效果。

只是简单的绿色，具有设计如此漂亮的Twitter 可视化工具的不透明度。你应该知道：这个网页只使用了XHTML/CSS 和Javascript，试试吧！

红色绝对是经典，如果配色做得好，视觉冲击力会更上一层楼。

3、移动互联网时代来临

智能手机、ipad 和上网本无处不在，天哪，2011 年现在将更加明显。这意味着您的设计需要考虑更多的设备。

创建一个适合移动设备的网站并不是简单地剥离花哨元素的原始设计，那将是一个没有灵魂的设计。虽然在最初的设计基础上设计一个适合移动设备的网站是一件痛苦的事情。幸运

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

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

　　先来解释下Parallax Scrolling，Parallax scrolling 是让多层背景以不同的速度移动，形成运动视差 3D 效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验仍然非常出色。2011年的网页设计趋势热点就是要创造这样的深度视觉效果。Parallax Scrolling可以通过一些简单的CSS技巧或jQuery插件来实现(示范站点：站点1 站点2)。Parallax scrolling运用于网页设计的次要元素中可以起到很好的效果：如header、footer或者背景。不过最好不要运用于网站导航，那显得有点不伦不类。

　　Old Pulteney Row to the Pole 在网站背景使用了Parallax Scrolling特效，打开该网站然后往下拉即可看到效果。

　　5. 设计需考虑更多的触屏设备

　　触屏技术应用越来越广泛，触屏设备随处可见。这意味着，你的导航设计不再只是鼠标导航，你必须要要考虑你的设计适合触屏设备。请问你的设计做到指尖导航了吗?

　　作为设计师，我们更喜欢鼠标。当鼠标悬停的时候链接会变得高亮，然而触屏没有所谓的悬停。你将会在设计中如何向触屏设备访客展示链接?

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

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

6. 深度判析

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

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

　　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 用在个人展品陈列页、博客是非常不错的。

　　另一个.me域名的示范
9. QR: Quick Response

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

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

　　上面是软矿博客的QR . 如果你也想创建一个，猛点击这里 .

　　10.缩略图设计(Thumbnail Design)

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

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

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

 

我们专注高端建站，小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验，每一个项目承诺做到满意为止，多一次对比，一定让您多一份收获！