文章搜索:
打开支付宝首页搜索“510617664”,即可领红包
  首页--> 计算机--> 设计理论
 
Web2.0的视觉设计
http://www.xxqqss.com 学习轻松网 点击量:10114
 

照片为大忌

在 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风格”会在一年后过时,但它一定会为延长网站寿命做出巨大的贡献。

参考
What is Web 2.0?
The Logos of Web 2.0
Current style in web design
The Web 2.0 Awards

作者:charlee  来源:charlee的开发日记


打印】 【关闭
免责声明 :本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请发送fiyeadwyv@163.com
最热门点击排行
 
版权所有 2006-2021:学习轻松网 Copyright http://www.xxqqss.com All rights reserved 浙ICP备14013707号-1
广告联系电话: 13958357030 联系QQ:9792414 工具条下载