[Web Design系列]什麼是Layout?

Sean Yeh
Web Design Zone
Published in
Apr 6, 2020

在網頁設計的世界裡,你應該會常常聽到一個字「Layout」。倒底什麼是Layout?

「Layout」可以翻譯為佈局。如果就廣義來說,佈局不限於設計領域,包含各種日常生活中的行為在內。這裏單純針對設計領域來說,Layout(佈局)是指透過各種方式「思考」要如何將想傳達的內容適當的傳達出去,並且「動手」去做。

Photo by Plush Design Studio on Unsplash

一言以蔽之,佈局是「各種元素的配置方式」,人們透過排列各種元素而形成一種秩序。

這種「元素排列的秩序」,不論是在平面印刷,諸如雜誌、報紙或書籍等或者是空間設計,例如室內裝潢等各種領域中,都被廣泛的使用。

透過這種方式,可以創造出美觀並且功能強大的物品。

佈局這個方式,不僅使用在設計這個專業領域中,家具的裝潢或餐具的擺設都可以透過佈局來實現。至於網站設計,由於一開始的時候網站的設計方式是以模仿實體世界的平面製作物開始,佈局的概念也很自然的被沿用進來。

換句話說,不限男女、無論年齡,在日常生活的各方各面都在使用佈局的概念。

佈局:傳達訊息

在設計中實踐的佈局不僅僅是讓各個元素被放置的「好看」而已。這些配置方式中,還蘊含了作者希望傳達給受眾的信息。

因此,在進行佈局的設計工作時,必須要考量欲傳達的內容、推敲元件間的先後順序,並且透過不斷地測試,以期達到最適合用來傳達訊息的排列方式。

舉例來說,你可以透過某種規則或者是找出某種關聯性,製作出有系統且具備體系的設計,在其中創造出元件與元件之間的和諧狀態。

當你看到有人做出「很酷」、「可愛」、「漂亮」或者是「奢華」的作品。這些並不是一般人認為的,僅透過設計師的「直覺」而產生來的,實際上它們都是經過精心雕琢的推敲設計而來的。

佈局的基本技術

到底什麼是佈局的基本技法?

Photo by Priscilla Du Preez on Unsplash

實際上,佈局的最基本技術是『對齊』。

對齊包括透過左、右、中心、頂部和底部的排列而產生出一種秩序感。這些排列方式要兼顧整體的美感、功能性以及平衡感。

『對齊』的工作不論是在實體的紙本上或者是應用在虛擬的螢幕上,甚至於是建築物上都是同樣的道理。

易言之,佈局就是『整理整頓』的意思。如果拿房間來說,『整理整頓』首先要丟棄不必要的物品,然後再依照物品的形狀、大小排列整理並且存放物品。訊息的整理整頓也是一樣,必須根據必要性與否進行分類及排序。

說文解字

對齊:是指建立一個『列』並且『並排』這個列。記得在學校的時後我們會依照身高的高、矮順序「排列」。這兩者基本上是相同的。

整理:是依照某個「原因」來決定什麼是需要的,什麼是可以拋棄的。比如說在整理房間的時候,將不必要的物品全部清理掉、將剩下的物品整理並排列的過程。

整頓:是依照機能來安排配置。在整頓房間時,看見房間內分散各處的物品,有常用的跟不常用的。要依照有必要與不必要的來進行分類,來放置或存放物品,以便在使用時將其輕鬆取出。

--

--

Sean Yeh
Web Design Zone

# Taipei, Internet Digital Advertising,透過寫作讓我們回想過去、理解現在並思考未來。並樂於分享,這才是最大贏家。