Web2.0 视觉设计|线上产生工具整理

在这个言必谈 Web 2.0 的时代，不管是新推出的网站，或是旧有网站的改版，介面一定是漂漂亮亮的、粉粉的、颜色鲜明的，版面设计最好是要有圆角，logo 里的字一定要带有倒影，最后再盖上“beta”这个帅气到不行的 Web 2.0 精典(或精神)标致。

因应这个朝流，网络上也开始出现了一些「如何设计才能更符合 Web 2.0」的教学文章，诸如配色、样式、按钮之类的，或是什至直接帮你在线上快速产生一个有 Web 2.0 味道的 logo 或是网站名称。
那么下面就把我之前有接触过的网站或是文章整理出一个「不完全」列表:

1. Web 2.0 Logo Creator by Alex P
   只要输入文字，就能快速的产生带有倒影及 beta 字样的 Web2.0 超级 logo。
   刚才去看的时候发现网站好像有一点问题，不知道是不是太多人用，用到爆了…
2. Web 2.0 Company Name Generator
   除了要有漂亮的介面之外，网站当然也要取一个有 Web2.0 味道的名称。按下网页的 Generate Name!扭，便会以乱数拼出一个名称，当然程序里的规则是有设计过的，所以拼出来的名称并不会让人觉得无厘头，有一些反而还蛮有质感的呢。除此之外还提供了检查名称是否已经被人家注册为网址的功能。
3. Ajax loading gif generator
   说到 Web 2.0 网站，多多少少一定会运用 ajax，这个线上工具能够产生网页 loading 时所显示的动画。
4. Simple Rounded Corner CSS Boxes made easy
   圆角在也是被 Web 2.0 网站拿来大量使用的视觉元素之一，这网站能帮助我们以 CSS 样式配合背景图片设计圆角。
5. Web 2.0 Design Kit
   这是一篇「如何使用 Photoshop 设计 Web2.0 logo」的教学，浅显易懂的范例带领使用者设计出一个属于自己的 Web2.0 logo。别忘了还有 Part2。
6. Web 2.0 how-to design style guide
   这篇文章列举了 15 项常被用来设计 Web2.0 网站的元素，例如简单干净的样式、版面置中、明显的 logo、强烈的颜色等等，并解说为什么要这样用，使用的适合时机，要用在什么地方，蛮值得一读的。
   柏强在这里做了一个这篇文章的摘要简译。
7. Web 2.0 style buttons
   同样是使用 Photoshop 为教学范例的一篇「设计 Web2.0 样式按钮」的教学文章。
8. Web 2.0 Colour Palette
   这篇文章整理出一些知名 Web2.0 网站的用色，秀过这些颜色可以依照自己的感觉再组合出一套完美的 Web 2.0 配色方案。
9. Web 2.0 的视觉设计
   由大陆网友翻译的The visual design of Web 2.0，内容同样是讲述常被用来设计的 Web 2.0 样式。
10. The Logos of Web 2.0
    这篇文章搜集了许多 Web 2.0 网站的 logo，并且还替他们分类。

Web 2.0 的精神除了注重内容、架构及沟通外，还需要好的视觉设计来衬拖出他们的珍贵。
毕竟除了 BBS 以外，如果使用者在第一眼看到设计不良，版面杂乱无章的网站，我想要再回去第二次应该是很难了。

[由 Www.000blog.Com 整理发布]