2010 年 Web 设计风（上） - COMSHARP CMS 专栏 - CSDN博客

来源：百度文库编辑：神马文学网时间：2024/04/30 01:04:22

Web 设计是个变幻无常的行业，如今已经成为一个包含了美学体验，功能丰富的富媒体，事实上，当今的 Web正处在黄金时代，我们拥有强大的新工具，唾手可得的丰富资源，庞大的设计社区，以及主流浏览器对 Web 标准的普遍支持。如今的 Web风潮云涌，令人目不暇接。本文讲述了2010年最新 Web 设计风，这是第一部分。

1. 愉悦的设计

Web设计师的工作是有效的传递思想，引导用户完成他们的任务并赢得他们的信任，我们有很多方法实现这些，如视觉之美，之惊奇，之愉悦，之难忘。令人过目不忘的设计会在你的品牌和用户之间建立起坚固的，可靠的情感纽带。

Brizk design studio拥有令人目眩的设计，精美的动画，漂亮的字体和干净的布局，将鼠标放到底部的小鸟上时，会浮显出 Twitter 消息。

以下的这些示例站点，尽管名不经传，但它们在努力表达一些东西，试图融入我们的感受，它们拥有美丽的外观，而更重要的是，让人过目难忘。

Bounty Bev： BountyBev 是一家软饮料公司，这是一个单页式网站，该站的设计简单，清晰，充满个性。

Analog.coop： Analog 为访问者带来很个性化体验，根据的 IP显示你地理位置，并告诉你他们的工作人员中有谁离你最近（不过，根据测试，这个消息似乎并没有什么实际价值，不管访问者来自何地，离他们最近的似乎永远是Alan 和 Jon - 译者）。整站的设计还是充满了乐趣感。

Forrst：漂亮的设计，吸引人的视觉元素，富有创意的导航系统。

Billy Tamplin：这是 BillyTamplin 的博客，记录他生活与工作中的小小得意与荣誉。设计简单，漂亮。

MIX：这是一个开发与设计社区博客，吸引人的动画与引人注目的效果，设计上保持了视觉上的一贯性，整体注重内容和个人感触。

Blue SkyResumes: 一个代写简历的小团队，Header 部分的 Flash动画很好地暗合了公司的名字，值得注意的是，在这段动画加载之前，Header 部分是以简单的图形填补动画加载前的空白的，这种渐进式体验非常体贴。

Mailchimp: 小猴子视觉表征随处可见，使用ASCII 字符动画显示最新动态。

快捷键导航

现代的 Web，越来越拥有桌面应用的特质，借助 JavaScript，传统的 Web站点变得更富有交互性，键盘快捷键导航开始流行，其中最著名的例子是照片共享站点 Flickr 和 FFFFound。快捷键导航曾一度是 Flash站点的专利，现在越来越多出现在基于 CSS 的站点，GoogleReader是一个最典型的例子，还有更多站点也做得非常好。

They Make Apps：几个月前，他们有一个键盘导航模式，使用箭头在内容之间穿梭，回车键展示细节内容，Escape键返回主页面。但不知何故，键盘导航功能现在已经去掉了。

Imagesource