2010网页设计的新趋势.doc

2010网页设计的新趋势:CSS3技术应用增强 纯粹主义者会说，伟大的设计是永恒的。是的，在一个理想世界中，我们可以忽视趋势与流行。 但是实事求是地讲，跟踪和融入设计的趋势是很有价值的，尤其是网站方面。让我们面对现实：网络时刻在迅速变化，而不像其他媒体，网站设计的趋势不再仅仅受美学驱动。技术是不断变化的，媒介的能力和手段都在随之而发生巨大变化。2010年，我们看到设计师在网页设计方面不断推陈出新，形成了以下明显的趋势 CSS3 技术 不确定你可以利用CSS3吗？再想想。网络先锋如Andy Clarke 和 Jeremy Keith一直提倡网页设计要“逐步加强”。 逐步增强是指在网站设计师时要兼顾到旧版浏览器的可用性，而“增强”则是针对喜欢最新技术的用户。 在这样的设计阵营，你利用可以尽情利用CSS3属性的优势，如圆角，边框背景和文本框阴影。新版浏览器用户会看到一个很好的版本，并且对旧版本用户（ IE6同学，我就不每次都点名了）将看到较为基本的版本。 CSS3 动画 在网络上动画经历了很多阶段。起初，我们只能用GIF动画图片。然后，我们又几乎限于Flash。现在，我们可以选择的有Flash，Silverlight，以及GIF，JavaScript和甚至乎CSS3。CSS3更轻量，更易用，可创造令人难忘的微妙的动画。  圆角 在2005年和2006年的Web 2.0风格，使得圆角大受欢迎，恼人的问题是，在当时要实现这些可不容易。有没有固定可行的方法来建立真正的圆角。退而求其次的，大多都是利用CSS，JavaScript和图像来模拟。 现在CSS3允许浏览器直接生成圆角，不仅创建轻松，而且更有效率，因为用户不必下载额外的图片或JavaScript文件。 2010年，设计师正越来越多地利用浏览器的这些新功能优势。  图框和文本阴影 在网络的早期，利用阴影创造一种立体感是早已有之（甚至有时是用过头了）。但其实并不总是那么好搞的，要给文本添加阴影，你得使用的图片，从而增加加载时间，并且维护更加困难。框架阴影需要一些图片和CSS技巧，如“滑动门”。 CSS3具有阴影高度可定制的能力，这对于创新影响十分巨大，不仅包括阴影，还有内阴影。有创意设计师已经开始使用这些CSS3效果，模拟浮雕和压印的效果。  RGBa和半透明 多年来，使用不透明性和透明度，在网络上技术上是不可能的。你有三种选择：使用平面图像模拟的透明度，使用不能跨浏览器兼容的PNG格式，或者去折腾CSS基本的透明选择器和滤镜。 CSS3使得设计师在使用RGBa不透明属性时，更加稳定和自由。你可以在很多方面利用半透明的优点，其中之一就是使用半透明的颜色叠加到复杂背景时起到特别作用。之前，这种效果如果没有使用PNG是不切实际，也是不可能达到的。  手机兼容设计 移动网络让成千上万的用户在排队等候（无事可做）时能够检查他们的银行帐户，在地铁里可以查看最新分数，在开车时更新自己的Twitter的情况（这是一个危险的习惯？），移动网络正在茁壮成长。 据我们所知，很多公司都都在考虑他们的网站是否要加入移动网络，如果是的话又会怎么样。而创新公司则已经投入巨资在开发高效的用户友好的移动版本网站。  创新 社交媒体使用率的爆炸性增长证明，人们对连接和共享东西总是热情有加的。 在设计领域，我们已经看浏览和分享别人作品的趋势正在增长。作为设计师，现在我们感受着别人创造力的冲击。这不仅提高了设计质量的标准，还鼓励了共享精神，也促进了创造力和创新文化理念。 清新的插画 如果你像我一样，看着迪斯尼电影长大，你会欣赏动画里面每一帧的效果。我们早已淡忘了墨水和马克笔画插画的日子，工具的演变产生了一些非常有创意的方法去实现设计。 很多设计师正在学习使用光滑，干爽，清晰的插图创建一个独特的感觉，这不是摄影或简单的剪贴画可以达到的。结果是出现了很多美丽动人富有吸引力的专业插画设计。  纹理背景 纹理图案背景在网络上没有什么新鲜的。但是，最近几个月这种技术已经出现了有趣的变化。我指的是“微型纹理”， 是微妙的，几乎不明显的背景纹理。  缩略图 你可能会说，“缩略图从网络出世那天早就有了。怎样么会是趋势呢？”是的，它们一直被使用，但普遍很简单。有一个缩略图，点击一下就可以看得更大的图片。需要的功能就是这样，不过很无聊。 在最近几个月，设计师们开始探讨，“怎样才能使缩略图更精彩？”这些探讨导致了缩略图在智能和可用性方面大大增强。  水彩效果 随着网络的发展，我们看到越来越多的设计师正从各种媒体来源获取灵感。毫不奇怪，艺术就是来源于此。 最近出现风格之一是模拟水彩。这种轻柔优雅风格看起来总是那么清晰和平静。  手写 手写字体和草稿字体一直滥用得