[閱讀] 圖解LAYOUT:33 種版面設計圖解,新手也能學會!

偶然直接在誠品書店內翻到了這本書,對於常需跟設計師溝通的工程師來說,是一本值得翻翻的入門書籍。你可以了解為何設計師要怎樣配置版面、字體的影響、顏色所代表的意義以及故事性。雖說此書多數是在講平面設計,但你也可以趁機思考一下要如何在網頁上呈現同樣的內容。
ayout-introduction-for-beginners-1


書籍資料

書籍名稱:圖解LAYOUT:33 種版面設計圖解,新手也能學會!
書籍原名:知りたいレイアウトでザイン
作者: ARENSKI
ISBN:9789863125839
博客來推薦連結:https://tinyurl.com/y747vqg5

第一印象的主觀想法

看了排版和圖文排版,果然原文是日文。在前端設計稿上常會見到各種 Wireframe,不過總是以方正規矩的模式居多。稍加翻閱此書後,可以理解為何設計師有時要堅持用某種字體、顏色,其背後是有要傳達的故事性和使用者的主觀感受。前端在撰寫程式碼時常會覺得差一點點像素沒關係,不知設計師要如此堅持某個細節。版面設計隱含的學問,這本書由大到小拆解,並給予高達 33 種的範例。

認同之處

「誰?什麼?怎麼做?」(2W1H) 這三元素,要能一眼看懂、就能正確傳達資訊
設計流程:開會了解需求和目的、決定版面結構、決定畫面閱讀先後順序、聯想關鍵字、決定字體和顏色
好的排版,會具有
A. 良好判讀性(群組化;留白;分色;分隔線;對比)、
B. 可辨認性(強弱變化;跳躍率;留白)
C. 可讀性(字體有無襯線;色彩;照片和文字的平衡)

總結

這本工具書可謂淺顯易懂,屬於給外行人士快速上手的寶貴教材。關於實際電腦操作的方式,多以大略帶過。版面設計最大原則是要傳遞什麼、對象是誰以及如何表現。內文的圖文範例和比較是最為珍貴的部份,讓你不是只覺得某個版型很好看、舒適,而是知道其中奧妙、為什麼要這樣配置字體、顏色和佈局。
按讚加入粉絲團

延伸閱讀