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

  • A+
所属分类:日志

在这个言必谈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以外,如果使用者在第一眼看到设计不良,版面杂乱无章的网站,我想要再回去第二次应该是很难了。

  • 【微信钱包】
  • 赞助支持
  • weinxin
  • 【支付宝】
  • 赞助支持
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: