2011年网页设计发展趋势.pdf

设计与开发之间本有一线界限，但当时代步入又一个十年，这个线变得更加模糊 甚至感觉不到它的存在。使用 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 来实现文字阴影、图片圆角和图片透明实在是 easy job。如果你还不会，是时候去了解CSS3 和 HTML5。 2. 简单的配色方案 没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。不要老是黑白灰 神马的，太不给力了。多点考虑绿、黄或者红作为你的网页主色调。当然，颜色 最好保持使用 2 到 3 种。调整颜色的透明度，或许会给你意想不到的效果。比如： 只是简单的绿色，通过调节透明度设计出如此美观的 Twitter 可视化工具。可要 知道：这个网页只是用了 XHTML/CSS 和 Javascript，给力吧！ 红色绝对经典，如果配色做得好给人的视觉冲击就更……。上面的网站独特的红 色和易友好的文字设计让人不得不为之折服 3. 移动互联网时代的到来 智能手机，ipad 和上网本随处可见，OMG，2011 年这个现在将会更加明显。这意 味着你的设计需要考虑更多的设备。 创建适合移动设备的网站不是简单地在原有的设计去掉华丽的元素，那将会是没 有灵魂的设计。尽管在原有的设计再设计一个支持移动设备网站是件痛苦的事情。 幸运的是，新的技术让一切变得更简单。 在使用 CSS3 的情况下，设计移动网页方便多了。最重要的是你可以修改一个CSS 文件完成整个网站修改以符合用户使用不同设备进行浏览网页。 你也可以设计一个移动设备专属的网站，但相信那个网站不久还是要改版的，以 现在科技产品的发展速度来看。越来越多的移动网站包括原始网站的浏览选 项。 如果你不提供这个选项或者你的原始网站没有针对移动网络标准优化，那你并未 准备好迎接移动互联网时代的到来。据相关预测，智能手机销量将会超越个人 PC。赶快准备好，迎接移动设备大军的来临。 4. Parallax Scrolling 先来解释下 Parallax Scrolling，Parallax scrolling 是让多层背景以不同的 速度移动，形成运动视差 3D 效果，虽然纯属视觉效果，但在内容滚动时形成的 视觉体验仍然非常出色。2011 年的网页设计趋势热点就是要创造这样的深度视 觉效果。Parallax Scrolling 可以通过一些简单的 CSS 技巧或 jQuery 插件来实 现（示范站点： 5. 设计需考虑更多的触屏设备