Dieter Rams 是 20 世紀(jì)最重要的設(shè)計大師之一，其聞名遐邇的優(yōu)秀設(shè)計應(yīng)具備的 10 項原則側(cè)重于工業(yè)設(shè)計。Lisbon 的設(shè)計師 NunoLoureiro 把這 10 項原則運用到 web 設(shè)計中，并在這篇文章中，談到了一些他的心得。
“我傾心于細(xì)節(jié)，在我看來，它比整體更重要。細(xì)節(jié)必不可少，它決定一切，同時它也是質(zhì)量的保證�！薄狣ieter Rams
在大學(xué)期間，我第一次見到 Dieter Rams 的作品，就被迷住了，那是 Dieter Rams 20世紀(jì) 50 年代開始為 Braun 設(shè)計的非凡的作品。
他能夠為我們使用家用電器的方式掀起一場革命，現(xiàn)在我們?nèi)匀话阉鳛楝F(xiàn)代世界的設(shè)計靈感，最好例子就是 Apple。Apple 的許多暢銷產(chǎn)品的核心功能都采用了 Dieter Rams 的設(shè)計原則。
Dieter Rams 最著名的設(shè)計思想是優(yōu)秀設(shè)計的 10 項原則，這些原則通常用來做出好的設(shè)計或?qū)ζ溥M行歸類。這些原則包含了在創(chuàng)建項目的時候設(shè)計師需要考慮到的問題，但是這些原則最適用于工業(yè)設(shè)計，因為 Dieter Rams 正是在這個領(lǐng)域做出了非同尋常的作品，并得出了這些靈感。
這些原則并不是古板的戒律，并不是不能變通的，這些只是準(zhǔn)則，幫助定位一個優(yōu)秀的設(shè)計是什么樣的。
70年代中期，Rams 開始舉辦有關(guān)設(shè)計的講座，并提出了六項原則，多年來他不斷的改進，在 80 年代中期把這些原則“升級到”10項，現(xiàn)在仍然被人們推崇。
因此，為什么不能把這 10 項原則運用到像素世界中去呢？為什么不能把他們運用到 web 設(shè)計中去，同時討論一下什么事優(yōu)秀的 web 設(shè)計呢？
我通過自己在 web 設(shè)計領(lǐng)域中 8 年的工作經(jīng)驗和工業(yè)設(shè)計領(lǐng)域的背景學(xué)歷，我虛心地把這 10 項原則運用到 web 設(shè)計中，并根據(jù)自己的頓悟使其更好的適用于 web 設(shè)計。
1. 優(yōu)秀的設(shè)計應(yīng)該是創(chuàng)新的
第一項原則同樣也是 web 設(shè)計的基礎(chǔ)—創(chuàng)新。設(shè)計者必須注意的是，在構(gòu)思優(yōu)秀的 web 設(shè)計，創(chuàng)新能夠起到非常重要的作用。以下是兩個基本點：
1. 在 UI 和圖片設(shè)計方面，應(yīng)該用創(chuàng)新的心態(tài)和批判性的思維對待每一個項目，并試圖開闊自己的思維，發(fā)掘其它的分支。把創(chuàng)造力作為創(chuàng)新工具，來脫穎而出。
2. 多和身邊的新人保持交流，不管是圖片生成工具還是新的編程語言，多接觸這些內(nèi)容
管理創(chuàng)新是一項艱巨的任務(wù)，因為它總是不斷的變化發(fā)展，但是要一直保持開闊的思維，嘗試新的方式進行創(chuàng)造，只有像這樣你才能夠有多種途徑做出優(yōu)秀的 web 設(shè)計。
2. 優(yōu)秀的設(shè)計讓產(chǎn)品更加實用
何謂實用性網(wǎng)站，如何使網(wǎng)站具有可用性？
這一點描述起來有點棘手，因為在不同的人看來網(wǎng)站的可用性是不同，但是我想強調(diào)實用性網(wǎng)站的三個方面。
1有助于訪客瀏覽網(wǎng)站：盡可能使訪客毫不費力就找到他們想找的內(nèi)容，用戶界面的細(xì)節(jié)和信息的顯示都能夠使網(wǎng)站變得實用。
2 實用的內(nèi)容：網(wǎng)站的內(nèi)容是網(wǎng)站最有用的部分，如果不重視網(wǎng)站的內(nèi)容，你就輕而易舉地丟掉了提升網(wǎng)站實用性的一大法寶。
3 ：實用性網(wǎng)站的最后一點是你怎樣編碼你的網(wǎng)站，因為你需要考慮到網(wǎng)站優(yōu)化和性能方面，以使網(wǎng)站實用。
3. 優(yōu)秀的設(shè)計富有美感
對于一個網(wǎng)站來講，美感是可視細(xì)節(jié)和實用性之間的平衡關(guān)系。一個富有美感的網(wǎng)站，不僅給用戶提供非同尋常的體驗，而且呈現(xiàn)出相關(guān)的內(nèi)容。
單純從面向設(shè)計的視角來看，有三點能夠幫助設(shè)計者做出優(yōu)秀且富有美感的 web 設(shè)計。
1. 顏色：謹(jǐn)慎對待色彩方案—它們給所有頁面帶來馨香。你可以嘗試使用不用的組合，但是需要考慮到每種顏色的含義。如果你準(zhǔn)備給不同的設(shè)備提供不同的體驗，顯示器上顯示出的顏色不會比紙質(zhì)的或某個物件上的顏色更好控制。
2. 網(wǎng)格、空間：在組織網(wǎng)站的基本結(jié)構(gòu)時，你需要決定用戶如何看到網(wǎng)站的內(nèi)容—按照次序或網(wǎng)格，對待空白部分要尤其小心。信息的不同尺寸/對稱性/次序決定人們?nèi)绾谓忉屵@些內(nèi)容。
3. 版式：顯示文本的方式和字體的選擇比一般人想象的更重要，能夠閱讀并且強調(diào)不同的內(nèi)容取決于你為網(wǎng)站選擇的版式。
4. 優(yōu)秀的設(shè)計使產(chǎn)品更簡單易懂
為了確保網(wǎng)站易懂，你需要清醒地意識到目的，網(wǎng)站為了某些目標(biāo)而進行設(shè)計。你需要保證網(wǎng)站的易用性，對于用戶來說，怎樣毫不費力地達到了他們的目的。
舉個列子，如果你有一家網(wǎng)店，目的就是為了銷售，因此，你的設(shè)計要盡可能簡潔，小心改進瀏覽商品的體驗和訪客退出的方式。網(wǎng)站最好是一目了然的。
5. 優(yōu)秀的設(shè)計是謙虛的
謙虛的網(wǎng)站必須要注意兩大點：
1. 單純從面向設(shè)計的觀點看，Mies van der Rohe 有這么一則非常妙的格言：“少即是多�！钡拇_，設(shè)計師很容易在裝飾和圖片細(xì)節(jié)中迷失，切記不要這樣！保持內(nèi)容生動易懂—訪客必須盡可能理解內(nèi)容傳遞的信息，然后理解圖片的細(xì)節(jié)，盡可能營造一種瀏覽網(wǎng)頁的體驗，而不是讓訪客感覺眼花繚亂。設(shè)計應(yīng) 該是中性的。
2. 另一方面是輔助功能，在設(shè)計網(wǎng)站的時候，你必須清楚網(wǎng)站輔助功能的基本規(guī)則。
倫敦的設(shè)計顧問 Bibliothèque 和生產(chǎn)商 Vitsœ 最近做了一張 7 色 A0 海報來慶祝 Rams 的 10 條關(guān)于優(yōu)秀設(shè)計的原則。
6. 優(yōu)秀的設(shè)計是誠實的
何謂誠實的網(wǎng)站？對于一個網(wǎng)站來說，所謂的誠實就是要對訪客保持開放的態(tài)度，總是給他們提供幾個選項以供選擇，不要過分地強調(diào)你的設(shè)計的重要性。
舉個例子：盡可能地闡述清楚某個選項或者按鈕的目的，或者使用錯誤提示信息來指示錯誤的內(nèi)容。
一個誠實的網(wǎng)站往往會提供工具來幫助用戶達到他們的目的，一系列的選擇、可視的鏈接和其它一些暗示會給用戶滿足他們所有可能的需要。
7. 優(yōu)秀的設(shè)計經(jīng)得起歲月的考驗
對于網(wǎng)站是否經(jīng)得起歲月的考驗這個問題是存在爭議的，但是這項原則可以毫不費力的應(yīng)用到設(shè)計方面的趨勢中去。換言之，web 設(shè)計中總存在著最新趨勢。不要只跟隨潮流，而不考慮你的設(shè)計中的根本性的改變。
網(wǎng)站的內(nèi)容必須時刻保持最新，但是主要結(jié)構(gòu)應(yīng)該是可持續(xù)發(fā)展的，因此使用迭代設(shè)計來增強視覺體驗，使用技術(shù)來
在 web 設(shè)計中，“可持續(xù)”跟現(xiàn)實中的“可持續(xù)”有些出入。最重要的是能夠使用戶喜歡你的設(shè)計，你也必須一直適應(yīng)自己的工作，否則，這兩方面會導(dǎo)致要重新設(shè)計，在我們這個時代，每兩年就會出現(xiàn)一次這種情況。
8. 優(yōu)秀的設(shè)計考慮周到并且重視每一個細(xì)節(jié)
這項原則，顧名思義，把你所有的精力都投入到設(shè)計中去，就像它是你生命中最重要的一部分。試圖從不同的角度來探尋自己的想法，并且小心設(shè)計瀏覽網(wǎng)站的體驗。
9. 優(yōu)秀的設(shè)計重視環(huán)境
這一點做起來有些難度，我只指出優(yōu)化的方法。在你設(shè)計網(wǎng)站的時候，不要大幅度地減少碳足跡，盡可能保留雨林。但是你要記住幾點：
1. 縮減頁面的規(guī)模。
2. 使用經(jīng)過 web 優(yōu)化的圖片
3. 使用盡可能好的辦法優(yōu)化代碼，使你的游覽器使用更少的損耗正確顯示你的網(wǎng)站。
10. 優(yōu)秀的設(shè)計是簡潔的
最后，并且必要的一點，這項原則確定了設(shè)計的好壞—要始終謹(jǐn)記你想法的目的，創(chuàng)建透明易用的系統(tǒng)。在設(shè)計網(wǎng)站的的時候，把重點放在其主要功能上，并保持它的簡潔，使用戶能夠更好地理解。
使內(nèi)容生動地顯示出來，最好的設(shè)計是你感受到的，而不是理論上你支持的。
這些原則中傳達出的最重要的信息之一就是我們是為人而設(shè)計。這是我們網(wǎng)站的最終目的，在創(chuàng)建新項目的時候，我們要時刻謹(jǐn)記這一點。就像 Rams 說的那樣，“設(shè)計師是用戶忠實的擁護者”，我們必須創(chuàng)造理性，同時也是感性的作品。
隨著對 Dieter Rams 的作品的認(rèn)識，你會不由自主地感覺振奮，開始創(chuàng)造出驚艷的作品，不管是哪個領(lǐng)域中的設(shè)計。
這就是我怎么把 20 世紀(jì)最著名的設(shè)計師之一的這些原則應(yīng)用到新設(shè)計領(lǐng)域來的，數(shù)字領(lǐng)域和 web 設(shè)計。
