優秀Web設計10項原則：創新實用富有美感

　　他能夠為我們使用家用電器的方式掀起一場革命，現在我們仍然把它作為現代世界的設計靈感，最好例子就是Apple。Apple的許多暢銷產品的核心功能都采用了Dieter Rams的設計原則。

　　Dieter Rams最著名的設計思想是優秀設計的10項原則，這些原則通常用來做出好的設計或對其進行歸類。這些原則包含了在創建項目的時候設計師需要考慮到的問題，但是這些原則最適用於工業設計，因為Dieter Rams正是在這個領域做出了非同尋常的作品，並得出了這些靈感。

　　這些原則並不是古板的戒律，並不是不能變通的，這些只是准則，幫助定位一個優秀的設計是什麼樣的。

　　70年代中期，Rams開始舉辦有關設計的講座，並提出了六項原則，多年來他不斷的改進，在80年代中期把這些原則“升級到”10項，現在仍然被人們推崇。

　　因此，為什麼不能把這10項原則運用到像素世界中去呢?為什麼不能把他們運用到Web設計中去，同時討論一下什麼事優秀的Web設計呢?

　　我通過自己在Web設計領域中8年的工作經驗和工業設計領域的背景學歷，我虛心地把這10項原則運用到Web設計中，並根據自己的頓悟使其更好的適用於Web設計。

　　1.優秀的設計應該是創新的

　　第一項原則同樣也是Web設計的基礎—創新。設計者必須注意的是，在構思優秀的Web設計，創新能夠起到非常重要的作用。以下是兩個基本點：

　　1.在UI和圖片設計方面，應該用創新的心態和批判性的思維對待每一個項目，並試圖開闊自己的思維，發掘其它的分支。把創造力作為創新工具，來脫穎而出。

　　2.多和身邊的新人保持交流，不管是圖片生成工具還是新的編程語言，多接觸這些內容

　　管理創新是一項艱巨的任務，因為它總是不斷的變化發展，但是要一直保持開闊的思維，嘗試新的方式進行創造，只有像這樣你才能夠有多種途徑做出優秀的Web設計。

　　2.優秀的設計讓產品更加實用

　　何謂實用性網站，如何使網站具有可用性?

　　這一點描述起來有點棘手，因為在不同的人看來網站的可用性是不同，但是我想強調實用性網站的三個方面。

　　1.有助於訪客浏覽網站：盡可能使訪客毫不費力就找到他們想找的內容，用戶界面的細節和信息的顯示都能夠使網站變得實用。

　　2.實用的內容：網站的內容是網站最有用的部分，如果不重視網站的內容，你就輕而易舉地丟掉了提升網站實用性的一大法寶。

　　3.實用性網站的最後一點是你怎樣編碼你的網站，因為你需要考慮到網站優化和性能方面，以使網站實用。

　　3.優秀的設計富有美感

　　對於一個網站來講，美感是可視細節和實用性之間的平衡關系。一個富有美感的網站，不僅給用戶提供非同尋常的體驗，而且呈現出相關的內容。

　　單純從面向設計的視角來看，有三點能夠幫助設計者做出優秀且富有美感的Web設計。

　　1.顏色：謹慎對待色彩方案—它們給所有頁面帶來馨香。你可以嘗試使用不用的組合，但是需要考慮到每種顏色的含義。如果你准備給不同的設備提供不同的體驗，顯示器上顯示出的顏色不會比紙質的或某個物件上的顏色更好控制。

　　2.網格、空間：在組織網站的基本結構時，你需要決定用戶如何看到網站的內容—按照次序或網格，對待空白部分要尤其小心。信息的不同尺寸/對稱性/次序決定人們如何解釋這些內容。

　　3.版式：顯示文本的方式和字體的選擇比一般人想象的更重要，能夠閱讀並且強調不同的內容取決於你為網站選擇的版式。

　　4.優秀的設計使產品更簡單易懂

　　為了確保網站易懂，你需要清醒地意識到目的，網站為了某些目標而進行設計。你需要保證網站的易用性，對於用戶來說，怎樣毫不費力地達到了他們的目的。

　　舉個列子，如果你有一家網店，目的就是為了銷售，因此，你的設計要盡可能簡潔，小心改進浏覽商品的體驗和訪客退出的方式。網站最好是一目了然的。

　　5.優秀的設計是謙虛的

　　謙虛的網站必須要注意兩大點：

　　1.單純從面向設計的觀點看，Mies van der Rohe有這麼一則非常妙的格言：“少即是多。”的確，設計師很容易在裝飾和圖片細節中迷失，切記不要這樣!保持內容生動易懂—訪客必須盡可能理解內容傳遞的信息，然後理解圖片的細節，盡可能營造一種浏覽網頁的體驗，而不是讓訪客感覺眼花缭亂。設計應該是中性的。

　　2.另一方面是輔助功能，在設計網站的時候，你必須清楚網站輔助功能的基本規則。

　　倫敦的設計顧問Bibliothèque 和生產商Vits 最近做了一張7色A0海報來慶祝Rams的10條關於優秀設計的原則。

　　6.優秀的設計是誠實的

　　何謂誠實的網站?對於一個網站來說，所謂的誠實就是要對訪客保持開放的態度，總是給他們提供幾個選項以供選擇，不要過分地強調你的設計的重要性。

　　舉個例子：盡可能地闡述清楚某個選項或者按鈕的目的，或者使用錯誤提示信息來指示錯誤的內容。

　　一個誠實的網站往往會提供工具來幫助用戶達到他們的目的，一系列的選擇、可視的鏈接和其它一些暗示會給用戶滿足他們所有可能的需要。

　　7.優秀的設計經得起歲月的考驗

　　對於網站是否經得起歲月的考驗這個問題是存在爭議的，但是這項原則可以毫不費力的應用到設計方面的趨勢中去。換言之，web設計中總存在著最新趨勢。不要只跟隨潮流，而不考慮你的設計中的根本性的改變。

　　網站的內容必須時刻保持最新，但是主要結構應該是可持續發展的，因此使用迭代設計來增強視覺體驗，使用技術來

　　在Web設計中，“可持續”跟現實中的“可持續”有些出入。最重要的是能夠使用戶喜歡你的設計，你也必須一直適應自己的工作，否則，這兩方面會導致要重新設計，在我們這個時代，每兩年就會出現一次這種情況。

　　8.優秀的設計考慮周到並且重視每一個細節

　　這項原則，顧名思義，把你所有的精力都投入到設計中去，就像它是你生命中最重要的一部分。試圖從不同的角度來探尋自己的想法，並且小心設計浏覽網站的體驗。

　　9.優秀的設計重視環境

　　這一點做起來有些難度，我只指出優化的方法。在你設計網站的時候，不要大幅度地減少碳足跡，盡可能保留雨林。但是你要記住幾點：

　　1.縮減頁面的規模。

　　2.使用經過Web優化的圖片

　　3.使用盡可能好的辦法優化代碼，使你的游覽器使用更少的損耗正確顯示你的網站。

　　10.優秀的設計是簡潔的

　　最後，並且必要的一點，這項原則確定了設計的好壞—要始終謹記你想法的目的，創建透明易用的系統。在設計網站的的時候，把重點放在其主要功能上，並保持它的簡潔，使用戶能夠更好地理解。

　　使內容生動地顯示出來，最好的設計是你感受到的，而不是理論上你支持的。

　　這些原則中傳達出的最重要的信息之一就是我們是為人而設計。這是我們網站的最終目的，在創建新項目的時候，我們要時刻謹記這一點。就像Rams說的那樣，“設計師是用戶忠實的擁護者”，我們必須創造理性，同時也是感性的作品。

　　隨著對Dieter Rams的作品的認識，你會不由自主地感覺振奮，開始創造出驚艷的作品，不管是哪個領域中的設計。

　　這就是我怎麼把20世紀最著名的設計師之一的這些原則應用到新設計領域來的，數字領域和Web設計。