打破網格吧

你當然知道什麼是網格,也知道為什麼應該使用網格進行設計。但網格也是錯誤的常見原因。

有時,即使你忠實地使用網格,佈局仍然看起來不正確。文本的列被擠在一起,以至於它們難以閱讀。其他元素可以分組得太遠,破壞鄰近的效果。

這是因為你不知道什麼時候該打破網格。

有些設計師不同意他打破網格的前提。對他們來說,「網格」是一種自然的力量,不能輕視。但我要說的是網格應該是協助你 – 而不是阻礙你設計的工具。所以,如果網格擋到你的路,就打破它。(或切換到其他網格。)

有時,你有一個元素的維度,你不能改變,但它不適合網格。你是做什麼?打破網格。或者,你有兩列文本和網格的內置填充幾乎使線運行在一起。你是做什麼?打破網格。

有些時候,在網格中正確排列的元素反而沒有這麼好看。當你打破網格,沒有人會注意到。即使有人注意到了,他們也會想:「這個設計師打破了網格,但設計仍然看起來不錯,所以他們知道他們在做什麼。」

偉大的設計師也常常打破網格設計。有些時候,他們甚至會完全放棄網格。作為一個設計師並不意味著堅守設計的基本教條,而更應該用批判性的方式思考:如果這個工具用起來不順手,就把它放回工具箱裡面吧。


等一下,你說的網格… 是什麼?

網格(Grids)是一種協助設計師判斷畫面中的元素排列、比例、位置等資訊的工具。網格被大量應用在今日的網頁設計、UI 設計、平面設計中。許多設計師認為,在創建一個網站的時後,最重要的事情是正確的佈局,也就是我們俗稱的使用者介面。使用者界面是一個對於傳達您的網站的信息和點的關鍵。有很多種網站佈局設計,例如 Bootstrap、Foundation 等。

然而,網站的主要目的是讓用戶可以理解你的網站要做什麼。

如果你還不清楚網格的應用,或許可以參考 這篇文章 或是 這篇文章 ,裡面有許多介紹網格應用的工具與資訊。