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