设计与开发之间本有一U界限，但当时代步入又一个十q_(d)q个U变得更加模p甚x觉不到它的存在。用PS设计|页版面Q矣？或许五年前是吧！现在的互联网用户要求来多。没有内늚华丽很快׃(x)被丢弃。如果你q求华而不实的设计Q那么相信你很快?x)被时代遗弃?011q不再属于单U的华丽而是注重功能。新的一q或者未来十q的设计势是响应设计（responsive designQ、持l联p（constant connectionQ和虚拟现实Qvirtual realityQ?/p>
作ؓ(f)设计师的你，2011q会(x)作神马打？真正的设计师设计的东西不是ؓ(f)了哗众取宠而是在艺术和功能上做C全其。。肤的赞赏易得肤浅的设计也易被遗忘。出色的设计师犹如造梦师，l用户创造一个梦境，让用h觉到如此真实而不知道自己是在梦中。这L(fng)梦需要几个元素：(x)优秀的配Ԍ直观的设计，良好的交互性和快的响应速度。此外，永远不要低估U的力量?011q_(d)你的设计不但要考虑W记本、台式电(sh)脑，q要考虑手机、上|本和^板电(sh)脑等讑֤。你都准备好了吗Q?/p>
2011q网设计趋势有何变化？一起关?1个网设计趋势热点：(x)
1. 更多的CSS3 + HTML5
q是期待已久的事情。在q去的几q设计师已经开始关注和使用CSS3+HTML5Q但?011qCSS3+HTML5会(x)得到更广泛的应用。网设计师最l会(x)抛弃Flash。Flash不再是昔日的王者，新技术（指CSS3+HTML5Q将?x)取而代之?011q_(d)Flash渐行渐远Q魔术师“HTML5”成ؓ(f)舞台的主角：(x)
当然Q说HTML5代替Flash为时q早。从上面的两q截图你可以知道Flash和HTML5q是有差距的。因此，2011q两者会(x)各自保持属于自己的位|。不q?010q以前网设计师滥用Flash的现象会(x)慢慢减少。现在很设计师?x)整个网站都是用Flash设计Q他们会(x)在一些可用的地方使用HTML5替代FlashQɾ|站变得单运行更快速。然而，目前HTML5q不能够取代FlashQFlash的某些效果HTML5暂时q不能够实现?br />
然而最值得人兴奋的是CSS3的应用越来越q，在某些地方甚臌PSQAdobe表示有鸭梨）Q因为利用CSS3来实现文字阴影、图片圆角和囄透明实在是easy job。如果你q不?x)，是时候去了解CSS3和HTML5?/p>
2. 单的配色Ҏ(gu)
没有比纯色的背景更直观更z。纯色可以有很多U表达方式。不要老是黑白灰神马的Q太不给力了。多点考虑lѝ黄或者红作ؓ(f)你的|页主色调。当Ӟ颜色最好保持??U。调整颜色的透明度，或许?x)给你意想不到的效果。比如：(x)
只是单的l色Q通过调节透明度设计出如此观的Twitter可视化工兗可要知道：(x)q个|页只是用了XHTML/CSS和JavascriptQ给力吧Q?/p>
U色l对l典Q如果配色做得好lh的视觉冲d?hellip;…上面的网站独特的U色和易友好的文字设计让Z得不Z折服?/p>
3. Ud互联|时代的到来
手机Qipad和上|本随处可见QOMGQ?011q这个现在将?x)更加明显。这意味着你的设计需要考虑更多的设备?/p>
创徏适合Ud讑֤的网站不是简单地在原有的设计L华丽的元素，那将?x)是没有灵魂的设计。尽在原有的设计再设计一个支持移动设备网站是件痛苦的事情。幸q的是，新的技术让一切变得更单?/p>
在用CSS3的情况下Q设计移动网|便多了。最重要的是你可以修改一个CSS文g完成整个|站修改以符合用户用不同设备进行浏览网c(din)?/p>
你也可以设计一个移动设备专属的|站Q但怿那个|站不久q是要改版的Q以现在U技产品的发展速度来看。越来越多的Ud|站包括原始|站的浏览选项。如果你不提供这个选项或者你的原始网站没有针对移动网l标准优化，那你q未准备好迎接移动互联网时代的到来。据相关预测Q智能手机销量将?x)超个人PC。赶快准备好Q迎接移动设备大军的来(f)?/p>
4. Parallax Scrolling
先来解释下Parallax ScrollingQParallax scrolling 是让多层背景以不同的速度UdQŞ成运动视?3D 效果Q虽然纯属视觉效果，但在内容滚动时Ş成的视觉体验仍然非常?011q的|页设计势热点是要创造这L(fng)深度视觉效果。Parallax Scrolling可以通过一些简单的CSS技巧或jQuery插g来实玎ͼC站点Q站? 站点2Q。Parallax scrollingq用于网设计的ơ要元素中可以v到很好的效果Q如header、footer或者背景。不q最好不要运用于|站DQ那昑־有点不u不类?/p>
Old Pulteney Row to the Pole 在网站背景用了Parallax ScrollingҎ(gu)Q打开该网站然后往下拉卛_看到效果?/p>
5. 设计需考虑更多的触屏设?/p>
触屏技术应用越来越q泛Q触屏设备随处可见。这意味着Q你的导航设计不再只是鼠标导航，你必要要考虑你的设计适合触屏讑֤。请问你的设计做到指导航了吗？
作ؓ(f)设计师，我们更喜Ƣ鼠标。当鼠标(zhn)停的时候链接会(x)变得高亮Q然而触屏没有所谓的(zhn)停。你会(x)在设计中如何向触屏设备访客展C链接？
同样Q如何才能做到方便你的游客仔l阅L的网站？q可能在览器标准上存在争议Q或者水qx动触屏可能更加合适。将|站设计cM于杂志的布局更有利于游客览你的|站?/p>
最后，你必考虑在你的网设计中使用体布局Qliquid layoutsQ?011q_(d)你需要处理的重点不再是屏q分辨率问题Q而是如何做到使访客从垂直到水q阅M的网站都?x)清晰。你的设计必d到灵zM应付M的挑战。否则你会(x)成ؓ(f)q去式?/p>
Baby sees the iPad Magic, Copyright Steve Paine, Flickr
6. 深度判析
深度判析是关于在|页设计使用l数Q这样可以你的|页变得更加真实。如果运用得恰当Q那会(x)是一个虚拟的3D效果Q就?D?sh)媄阿凡N栗尽?D技术还没有d|站设计Q你仍然试使用l数q行设计?/p>
Plántate提供了一个可旋{?D地球Q灵zd用阴影和层等手段?/p>
Jordonzd，3D元素清晰单，设计非常醒目。（貌似已经撤掉Q?/p>
7. 大背景图
大背景图的网设计应用在2011q将?x)更加明显。这些背景图像一般是高分辨率Q覆盖这个网站。高清照片是一个迅速抓住你的读者的好方式，可以产生极具冲击力的视觉效果-游客的视U会(x)不自觉地落在宽大的背景上?/p>
当然背景囄色彩、内容等都十分讲IӞM情况下都不要破坏用户的体验，不然再漂亮的照片也是枉然。图片类型趋向于一些比较柔和、略带透明的一c，不要影响到网站文字的阅读Q讲I协调，易于阅读?/p>
上面的网站用了高分辨率的图片作为网站的背景Q网站主色调是黄艌Ӏ?/p>
This site adds playful animation with its grand scale imagery. Warning: auto-play music.
8. 不拘谨于域名
严格意义上这一点与|页设计无关Q但q一点也是发展的势Q将出现更多创造性的域名?com域名的吸引力来少Q主要是你很隑ֆ扑ֈ一个比较短?com域名?011qh们开始将视线慢慢转移?me?co?cc{n上。想惛_名的发展Q抢先一步，不然你很可能再次错失先机?/p>
.me 用在个h展品陈列c(din)博客是非常不错的?/p>
另一?me域名的示?/p>
9. QR: Quick Response
如果你注意现在越来越多的名片、杂志或者其他地方出现方形条形码Q证明你已经看到2011q的q个势热门。但它跟|页设计何干呢？实在匪夷所思?/p>
q个方Ş的条形码被称为QRQ全UCؓ(f)Quick ResponseQ在“QR Coded器QuickMark”介绍q）。用你的手机拍摄一张唯一的条形码的照片，像魔术一P手机上读取QR的Y件就?x)打开条Ş码相关的|站。最妙的事情是你可以将QR应用到很多地斏V应用QRC的网站，目的是让览者拥有一个你的移动网늚快捷方式。你q可以通过在?zhn)的网址上放|一个特D的推介代码QRq踪你的访客?哈哈Q你完全可以使用QR作ؓ(f)你的头像Q然后到别h的网站留a、评论?011q的Ud媒体优势更加凸显Q而利用这点优势的|页设计是最明智的选择也是来的发展趋ѝ?/p>
上面是Y矿博客的QR . 如果你也惛_Z个，猛点击这里?/p>
10.~略图设计（Thumbnail DesignQ?/p>
Google已经向浏览用h出它们的览预览技术。过L们只能通过点击链接才能看到|页的内容，现在你只需点击攑֤镜然后将鼠标(zhn)停在链接上可以预览该链接的网内宏V?/p>
如果你的设计是基于FlashQ会(x)存在q样的一个问题，预览无法显CZ的设计元素?/p>
2011q的一般互联网用户变得更加_明Q他们更希望看到更多人性化的导航设计?/p>
11. 持箋联系/ Life Stream
Lifestreaming, 一U在U记录个人日常活动的|络应用Q包括直接通过视频feed或通过聚焦一个h的网l在U内容，比如博客日志Q在C会(x)性网l上面的更新Q在U相册，聊天内容甚至只是一些喜Ƣ的|站的链接等{?/p>
最后一点，不是最不重要的一点，是网设计更加注重h与h之间持箋联系Q如Life Stream。互联网本n是原始的Q枯燥无味的Q是人类通过q个开攄q_分n他们的一切才变得多姿多彩。将来h们还?x)而且加强如lifestreaming的Ş式进行h与h之间的交互动。作为网设计师Q你必须了解q个势和应对这个趋ѝ?/p>
2011q_(d)个h博客在Twitter feeds更活跃（不只是连接到Twitter面的链接）Qh们会(x)通过Foursquare互相传递即时信息，where are u and what are u doing。毋庸置疑，2011q将?x)带我们走进一个更交心的互联网时代。（北京|站设计Q?/p>