解構網頁設計

踩在巨人的肩膀上成長 – 用案例分析學習好的設計方法

Eric — Fri, 14 Mar 2008 10:31:48 +0000

Less, but better

Eric — Wed, 12 Mar 2008 00:58:01 +0000

德國工業設計大師Dieter Rams擔任百靈（Braun）設計總監的1961－1995年期間，對於百靈家電設計的影響深遠，他的設計哲學秉持著一貫的德意志作風，認為好的工業產品應該去除不必要的設計元素，不常使用的功能或按鍵皆可省略，唯有這樣才能讓使用者以直覺來操作產品，減少不必要的介面困擾與機能浪費，也唯有這樣才能將工業產品的造型簡化到最極致，設計師一句為人傳頌的設計名言「Less, but better」道出了這樣的精神。

http://www.bnext.com.tw/NotablesView_156

如何提昇小組戰力？

Eric — Mon, 10 Mar 2008 07:50:30 +0000

工作上基本流程(如切版)，每個人都要run過。之前run過的工作(經驗)，就換別人run。
第一次叫A帶B做，等B學會了，就叫B帶C做。一來可了解B是不是真的懂，二來可以多訓練一個人。
簡單的事情先處理掉，才能專心處理大事。不然就是先把小事寫下來，大事處理完後再處理小事。
要交給別人做的事情先處理，再做自己做的事。這樣才不會影響到後面的專案時程。

讓團隊成員可對提案下注

Eric — Mon, 10 Mar 2008 02:02:55 +0000

讓內部提案變有趣
讓團隊成員產生競爭意識

設計網站一定要有創意？

Eric — Sun, 09 Mar 2008 05:45:31 +0000

我認為不一定。

企業網站的外觀設計有下列幾個目標：

讓訪客覺得能信任這間公司，認為這間公司是能合作的對象，進而願意留下聯絡方式進一步合作。
讓訪客認為這是一間國際級的企業，而非三隻小貓的小公司。
讓訪客認為這是一間穩定成長的企業，而非短期求利的公司。
讓訪客認為這間公司在能力上能滿足客戶的需求，擁有實質的能力。

設計與創意的差別：

設計能營造一間公司給人的觀感，但創意則不一定。
設計展現的是長時間的文化層次，創意則是短期的廣告行銷刺激。
設計可以看很久，但創意看久會膩。
設計往往能帶來長時間的形象效益，創意則是短期的行銷手法。

換個方式問一下：

廣告創意一定能帶來營收嗎？
看到有創意的廣告，你就會去買他們的產品嗎？
在網路上瀏覽十幾家的廠商後(不是指設計公司)，你會用哪些條件判斷是否要跟這間公司合作？(其中是否有創意這項條件)

LOGO與版面的搭配

Eric — Thu, 21 Feb 2008 13:13:11 +0000

LOGO和主選單相結合
參考網址：http://www.hansondodge.com/

以LOGO的造形延伸做為首頁形象
來源：http://www.cit.com/main/home/

首頁設計

Eric — Thu, 21 Feb 2008 13:06:31 +0000

首頁經常決定在情境圖上，但情境圖真的就是那一百零一種設計嗎？我們來看看幾個不同的設計手法：

情境圖不一定是一整張圖直直的擺上去，這個案例是用一連串無接縫的長圖來呈現。
參考網址：http://www.toto.co.jp/

以人文面呈現入口語言選擇頁的設計
來源：http://www.e-novadesign.com/

方塊切割出幾個主要區塊：主情境、Quick Link、產品範疇、News
來源：http://www.sennheiser.com/sennheiser/icm.nsf

功能連結

Eric — Sun, 17 Feb 2008 13:54:55 +0000

功能連結通常用在下列這些地方：

列印模式 / 友善列印
寄給朋友
下載PDF檔
下載專區 (下載Word檔、Excel檔、PDF檔等)

功能連結已有符碼做為強化，所以不一定要加色彩來突顯，但應該要有Mouse Over的文字變色，或底線效果。

項目連結

Eric — Sun, 17 Feb 2008 13:48:00 +0000

項目連結通常用在下列這些地方：

產品總覽頁中的項目連結
文章內項目標題
次導覽下的「相關連結」或「延深閱讀」或「相關下載」

設計要領：

文字變色、底線效果：以CSS設定文字變色，或底線效果，以供訪客辨視。如因美觀關係不加底線，則至少要有文字色彩以暗示user這些文字可以點選。
項目符號，不使用箭號設計：如使用「箭號」來設計，容易與「指標連結」衝突，且全站遍佈「箭號」的結果就像是到處都有指標的城市，user反而不知道該往哪裡走。在這裡建議以其他不具方向性的符號如「+」、「●」、「◆」做為項目符號的設計。