Web2.0 的视觉设计（2）
作者：charlee 来源：charlee的开发日记 发布时间：2007-10-24 20:12:00
照片为大忌
在 Web 2.0 网站上，你找不到任何照片——那是小公司模仿大企业的伎俩。简洁的图标和截图，当这些成为 Web 2.0 网站的形象时，它们就成了今天的规则。三维圆角按钮会让页面变得高贵优雅，不使用则显得古板僵硬。
简单就是美
为提高用户体验，大部分 Web 2.0 应用程序都添加了技术层面或者组织层面，例如用 del.icio.us 管理链接，用 flickr 共享照片，或者用 Backpack 组织任务等，我们必须要熟悉这些新技术，并花些时间来管理我们的内容。好的Web 2.0程序应该十分轻快并易于上手，而巧妙的视觉设计和文字有助于减少入门障碍。
巧妙地利用布局、颜色、输入和文本可以最大限度地减小访问者的负担。
越大越好
谈起 Web 2.0 当然是越大越好。这里指的是大号字体。大号文字省眼，与流利的书写配合使得信息更容易吸收。如今，网站的可访问性十分重要，因此有经验的网页设计师可以使用超大文字。
空白的活力
Web 2.0 网站的布局可以做得很小。巧妙利用空白可以提高页面的易读性和易用性。空白可以分离出重要信息，使眼睛得到休息，并给人以冷静和有秩序的感觉。宽敞的文字布局也使得文字复制更容易。有些 Web 2.0 布局小得近乎无法忍受，但如果设计得好，紧凑的页面也会值得深深品味。
好点子
友好、风趣的书写可以让作者和访问者建立良好的关系。A List Apart 使得 Flickr 和Photojojo 脱颖而出，这是个许多Web 2.0网站都应该学习的案例。WebTango 不仅仅是免费，它提倡的是“free of additives, cholesterol, ozone-depleting CFCs, and most importantly, free to use（无添加物，无胆固醇，无破坏臭氧层的氯氟烃，最重要的是，免费）”。Tioti 不只是拥有标签和RSS，它拥有的是“tagging and RSS up the yazoo”。FFAQQLY 的创立者David Liu不是一个不露面的虚拟任务，而是“你注册后的第一个朋友”。eSnips 的工具条不只是可定制，它是“有一大串超酷用法的工具条”。想个好点子吧。
意犹未尽
Web 2.0 网站有很多视觉设计倾向，乍一看似乎并没有某种固定的模式，但无一不在追求注意力。“湿桌子”效果（charlee注：反射效果）、“星形”效果、“玻璃”按钮，造就了众多的 Web 2.0 的绮丽。
总结
我的 Web 2.0 视觉设计之旅就到此结束了。也许“Web 2.0风格”会在一年后过时，但它一定会为延长网站寿命做出巨大的贡献。
0
投稿猜你喜欢
- 代码如下:--新增表字段 ALTER procedure [dbo].[sp_Web_TableFiled_Insert] (
- 很多朋友都有过制作网页的经历，如今，众多网页的设计都用到了表格。这样不仅有利于网页的维护，同时，提高了网页的观赏性。在众多网页制作风格中，细
导航设计是结构层面设计中的主要工作之一，在软件中，导航设计的好坏，直接关系到用户使用是否能够流畅。面对较复杂的导航，我们第一反应是将其简化。- andot提出问题：在做 ajax 编程时，我们常常需要将 xmlhttp 获取到的页面内容通过 innerHTML 来赋给某个容器（比如
- 几个利用背景结合a:hover做的小东东，希望对大家有所帮助。<!DOCTYPE html PUBLIC "-//W3C//
- 文件：.wmv；大小：19,535KB；长度：00:26:39。 下载地址：SqlFunction_udf_Week.rar以下内容于201
- 首先，我们会document里添加mouseover事件时在HTMLElement上飘一个absolute的容器，设置border。接着，m
- 概述做日志分析工作的经常需要跟成千上万的日志条目打交道，为了在庞大的数据量中找到特定模式的数据，常常需要编写很多复杂的正则表达式。例如枚举出
- 作为 Web 设计者，我们希望实现鹤立鸡群的设计，要做到这一点，要开阔眼界。欧美同东方的 Web 设计很不同，因为属于不同的文化。韩国不仅为
- MySQL的命令行提示符及其表达的意思mysql> 准备好接受新命令。 &n
- 一直很想就搜索结果页写一些心得文章出来，甚至连目录都整理好了可是就是一直没有动手。因为总是觉得还差很多东西需要研究需要分析需要验证。最近也组
- 发现ie7的空格间距要比ie6/firefox/opera的都要宽一点。比如有时候排版的时候，我会采用简单的空格来分隔。<div&nb
- 如何在网页打开时显示“正在加载”之类的信息？代码及说明见下： <％ Response.Buffer =
- 在网站开发的时候经常要用chr(),但本人比较懒没时间记那么多。于是到用到的时候就查，这样麻烦。现在将它写出来方便以后用到查，也方便大家!c
- 本文列出了初学网页编程中常用到的一些代码和一些技巧，简单实用，您一定用得到。1、oncontextmenu="window.eve
- http://validator.w3.org/#validate_by_upload 在线校验网址点浏览，上次找到自己做的页面
- ASP实现语音分时问候,其实asp实现这个功能很容易，时间判断一下，在某个时间段就调用某个的背景语音。下面是源代码：
- 在良好的数据库设计基础上，能有效地使用索引是SQL Server取得高性能的基础，SQL Server采用基于代价的优化模型，它对每一个提交
- 如何在页面错误时向数据库中添加记录？在ASP中，我在页面中添加了On Error Resume Next错误命令，以消除和避免程序错误。现在
- 内容摘要：除了内部性能增强和优化外，IIS6.0版本的 Active Server Pages(ASP)&nb
