[引用文章]web 2.0時代的網頁設計風格

Current style in web design

原文http://www.webdesignfromscratch.com/current-style.cfm

簡體譯文http://www.uuzone.com/blog/mao/96927.htm


"brief below":

* 採用開發/任務為主導的頁面UI設計, 而不是美工主導的UI設計。 一個 不好用的東西，再漂亮又有什麼用？ 而且現在的風格趨向是簡單，而KISS(Keep It Simple, Stupid) 一直是設計界的最高境界。 美工主導的設計還有一個弊病是美工對代碼和程式不夠瞭解，而開發人員由於不需要對最終美化負責而被“慣”壞了變得越來越不重視樣式風格


概括了目前流行的一些web 2.0風格的站點的一些流行元素：


  • Simple layout 簡單頁面結構

    大部分採用css來控制的簡單2欄或3欄結構，甚至是1欄的。 沒有人再用table來控制layout.


  • 3D effects, used sparingly

    3D效果，但保守地使用（不是太重和累贅）。


  • 淡淡的倒影，幾乎是web 2.0站點的流行裝飾:



  • 醒目的爆炸形logo...

    甚至有篇文章說，站點上要沒有這個爆炸型logo就不算web 2.0 :)




  • Soft, neutral background colours

    淡背景色。


  • Strong colour, used sparingly

    強色調。 看到odeo的時候這種紅色衝擊非常明顯




  • Cute icons, used sparingly

    很cool的圖示， 往往很吸引人，但不能濫用




  • Plenty of whitespace

    頁面比較鬆散，很多空隙。 我認為這也會是一個趨勢，因為用戶的螢幕分別率越來越大， 太緊湊給人壓迫感。所以最新的這些站點往往空白很大：



  • Nice big text


    大字體。 可惜中文字體大一些後會有些難看，在英文站點裏，大字體漂亮而且醒目，是不錯的設計。




    之前一直在找跟網頁設計相關的論述,尤其程式架構下的設計 ,大概是什麼, 能做什麼 ,跟USER的關係是什麼?
    可以參考以上這篇一下


    其實當初blog一開始的時候(兩年前以上吧)

    我就在想 像我們這種三腳貓網頁設計師大概就沒什麼CASE接了吧

    因為 整個製作很ready 很方便 每個人都可以管理跟製作

    至少版型也不難看 有些甚至比現有一些網站好呢

    也不用再去管理一些繁瑣的css



    ck聽我這麼一說

    笑著說 妳怎不想 未來 藝術性跟風格性很高的 (or original)會變得 " 很貴"呢

    你覺得呢??


    結論:所以面臨淘汰的技術，最後就會變藝術囉 ~~



    備註:web2.0的LOGO設計風格
    http://www.fontshop.com/fontfeed/archives/web-20-logos.cfm

    備註: 不相干的小遊戲 http://www.break.com/index/poundice.html 撞冰塊












    • arrow
    arrow
      全站熱搜

      showhuang 發表在 痞客邦 留言(0) 人氣()

      E-mail轉寄