幫你做出優秀web設計的10項原則

2021-06-03 16:26:23 字數 3951 閱讀 6333

dieter rams是

20世紀最重要的設計大師之一,其聞名遐邇的優秀設計應具備的

10項原則側重於工業設計。

lisbon

的設計師

nunoloureiro

把這10

項原則運用到

web設計中,並在這篇文章中,談到了一些他的心得。

「我傾心於細節,在我看來,它比整體更重要。細節必不可少,它決定一切,同時它也是質量的保證。」—dieter rams

在大學期間,我第一次見到dieter rams

的作品,就被迷住了,那是

dieter rams 20

世紀50

年代開始為

braun

設計的非凡的作品。 。

的許多暢銷產品的核心功能都採用了

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設計。

幫你做出優秀web設計的10項原則

dieter rams是 20世紀最重要的設計大師之一,其聞名遐邇的優秀設計應具備的 10項原則側重於工業設計。lisbon 的設計師 nunoloureiro 把這10 項原則運用到 web設計中,並在這篇文章中,談到了一些他的心得。我傾心於細節,在我看來,它比整體更重要。細節必不可少,它決定一切...

打造優秀Web設計的10項原則

我傾心於細節,在我看來,它比整體更重要。細節必不可少,它決定一切,同時它也是質量的保證。dieter rams 在大學期間,我第一次見到dieter rams的作品,就被迷住了,那是dieter rams 20世紀50年代開始為braun設計的非凡的作品。dieter rams最著名的設計思想是優秀...

Web設計師須知的10項SEO技巧

如今,web設計師在設計web外觀與風格的同時,往往還負責了前端 的編寫。換句話說,seo的相當一部分責任是落在他們肩上的。然而,大量的web設計師對seo的熟悉程度仍不足以讓他們寫出乙個符合要求的web。這一現象決定了本文存在的意義,一篇旨在為普通web設計師提高seo技巧提供一些重要竅門的日誌誕...