《基本的基本:版面設計的基礎思維》書評|設計師必讀工具書推薦|提升設計效率與質感的關鍵技巧

筱涵|Hannah-avatar-img
發佈於一起翻書 個房間
更新 發佈閱讀 3 分鐘
基本的基本 - 第一版

基本的基本 - 第一版

前言

在設計的領域裡,如何「有效率地編排版面」是每個設計師必備課題。

今天推薦的是我個人認為極具實用性的設計工具書——《基本的基本:版面設計的基礎思維》,這本書由日本知名平面設計師佐藤直樹Asyl編撰,是我推薦給每位新手設計師的必讀書籍。

若有資歷的設計師,剛好碰到需要指導新人的狀況,那讓剛到職的設計師人手一本,應該能讓您的教學指導事半功倍。


為什麼推薦這本書?


  1. 輕鬆掌握基礎,事半功倍

這本書中充滿了豐富且實用的編排範例,特別適合剛入職的設計師,只要能掌握這些版面設計的基本原則,將能顯著提升設計效率與質感。

相較其他創意類書籍來說,這是本「圖比字多」的書,比起講長篇大論的觀念,這本書更傾向直接給人看經過設計調整後的差別。


書籍局部內容 - 開箱推薦分享

書籍局部內容 - 開箱推薦分享

  1. 關於易讀性與閱讀動線設計

本書一開始從「閱讀動線」開始,接著提到何謂「易讀性」,講到了文字大小、間距、行距,書中深入探討字體選擇色彩搭配圖片編排,並通過案例剖析了如何進行清晰有力的版面設計,是本能量非常紮實的工具書。

雖然書中的範例大多以日文為主,在實務運用上可能比較難想像要如何運用,畢竟日文本來就具有一定的文字美感與空間感 (中文字的方正感會讓編排需要更多巧思),但其所傳達的設計思維——如何整理文字層級,優化視覺傳達,我覺得是世界共通的。

閱讀動線示意圖

閱讀動線示意圖

  • Z型動線

就像中文橫式會從左唸到右,直式會從右唸到左,當觀看水平書寫的螢幕時,視點基本會從左上到右下,視線會從上到下移動,就像 Z 形一樣,而豎立時,則是從右上角開始呈現倒N字型,而在這樣的動線之中,也會有很多的小Z型閱讀動線細節在其中。


  • F型動線

在網站上,很可能會從左到右而不是只有 Z型,所以置中型的編排方式是百搭且萬用的,在F型的閱讀情況下,從右邊直接回到左邊,然後再向右走,再向左看下一層。

在看細節時,或許還是Z型,但F型的編排方式會讓視覺點習慣性回到左邊,用於閱讀大量卡片式設計時很方便,比如旅行社行程資料、線上課程資料等等。


  1. 適合各類型的設計師

無論是平面設計系、視覺傳達系,還是商業設計系,版面設計的思維都是不可或缺的。本書能幫助設計師掌握如何化繁為簡,將複雜的資訊轉化為簡單明瞭的視覺語言。

認知到何謂「客觀的美」之後,不僅有助於提升個人設計美感,還能加強與客戶或同事之間的溝通效率與默契。

間距的重要性 - 書籍內容的範例

間距的重要性 - 書籍內容的範例


  1. 資深設計師的溝通工具

對於資深設計師而言,這本書不僅僅是一個回顧基礎知識的機會,也能提供專業的編排術語,讓與非設計人員的對話更容易達成「共識」,並讓人在和新手設計師溝通時,進行更有系統的指導教學。

兩個版本,一本教材用、一本自己收藏用XD

兩個版本,一本教材用、一本自己收藏用XD


結尾


把概念轉化為視覺語言,是門藝術,將資訊整理後妥善呈現,是門技術。

透過這本《基本的基本》的引導,能迅速磨練基礎技術,能讓設計效率有所提升,過幾年後,或許會發現它不只是理論書,其實更像是設計師的隨身攻略。


這本書的命名也像是在隨時提醒著——設計的成功與否,往往取決於那些不起眼的「基礎」。剛畢業的設計系同學能把基礎打穩,就很不容易了,只要將這本看懂,並更新自己的眼界,應該就能避開很多造成坑洞傷疤的機會,順利走出一條設計之路,變成一位具有版面美感的設計師。


希望這篇介紹能讓您更認識這本書 : )

留言
avatar-img
筱涵|Hannah的沙龍
13.1K會員
55內容數
二寶媽用瑣碎的時間來寫寫字,紀錄工作和興趣。
2025/04/28
在執行設計案件之前,我會讓自己有大概30分鐘左右的時間去找資料,認識產業、搜尋不同的設計靈感,隨手存下的靈感資料,若不適時整理,漸漸就會像我的辦公桌一樣,越堆越亂。 (倒是好好整理桌子啊...
Thumbnail
2025/04/28
在執行設計案件之前,我會讓自己有大概30分鐘左右的時間去找資料,認識產業、搜尋不同的設計靈感,隨手存下的靈感資料,若不適時整理,漸漸就會像我的辦公桌一樣,越堆越亂。 (倒是好好整理桌子啊...
Thumbnail
2025/03/14
在設計完成之後,提供的檔案格式都會因為情況而有不同,認識到差別,才能掌握到設計之外的細節,本篇文章將簡單介紹最常見的 6 種圖像格式,以及其他檔案交付格式、瀏覽器相容性查詢工具Can I use。
Thumbnail
2025/03/14
在設計完成之後,提供的檔案格式都會因為情況而有不同,認識到差別,才能掌握到設計之外的細節,本篇文章將簡單介紹最常見的 6 種圖像格式,以及其他檔案交付格式、瀏覽器相容性查詢工具Can I use。
Thumbnail
2025/02/07
就在明天,曼谷設計週要開始了!雖然最近與泰國有關的新聞,讓人不免有些擔心,但這可是年度設計盛會! 想了想還是寫篇文章記錄自己所見所聞,也讓自己能藉此感受不同於日常的設計能量。曼谷設計週(Bangkok Design Week, BKKDW)是一個年度設計與創意盛會......
Thumbnail
2025/02/07
就在明天,曼谷設計週要開始了!雖然最近與泰國有關的新聞,讓人不免有些擔心,但這可是年度設計盛會! 想了想還是寫篇文章記錄自己所見所聞,也讓自己能藉此感受不同於日常的設計能量。曼谷設計週(Bangkok Design Week, BKKDW)是一個年度設計與創意盛會......
Thumbnail
看更多
你可能也想看
Thumbnail
2024年2月共讀圖書,嚴選一套英語入門圖書,還有兩本中文繪本書
Thumbnail
2024年2月共讀圖書,嚴選一套英語入門圖書,還有兩本中文繪本書
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本書作者為書評家土井英司,這本書探討有關於商業書籍如何閱讀,對於閱讀下的定義,是抱持著目標、並且能夠引發各種後續行動的閱讀,以下列出幾個書中觀念,有些加上我的一些心得
Thumbnail
本書作者為書評家土井英司,這本書探討有關於商業書籍如何閱讀,對於閱讀下的定義,是抱持著目標、並且能夠引發各種後續行動的閱讀,以下列出幾個書中觀念,有些加上我的一些心得
Thumbnail
這陣子比較有空可以去天瓏書局晃晃,正好看到這本剛上市不久的書,整體上大多數守則,也是我自己一直在遵循的,是相當不錯的一本總結書。但真的要仔細看每一節的內容,理解每個原則背後的情境與想要改善的問題是什麼。如果只是把每一節的標題拿來使用,很容易就會發現衝突的部分。
Thumbnail
這陣子比較有空可以去天瓏書局晃晃,正好看到這本剛上市不久的書,整體上大多數守則,也是我自己一直在遵循的,是相當不錯的一本總結書。但真的要仔細看每一節的內容,理解每個原則背後的情境與想要改善的問題是什麼。如果只是把每一節的標題拿來使用,很容易就會發現衝突的部分。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
分享一系列創意寫作書籍的評論,包括小說、回憶錄、食物、繪本、旅遊、通用、自媒體寫作等,書單涵蓋不同寫作分類,適合不同寫作程度的讀者。
Thumbnail
分享一系列創意寫作書籍的評論,包括小說、回憶錄、食物、繪本、旅遊、通用、自媒體寫作等,書單涵蓋不同寫作分類,適合不同寫作程度的讀者。
Thumbnail
這本頁頁重點,我讀很久,絕對值得買回來細細研究。
Thumbnail
這本頁頁重點,我讀很久,絕對值得買回來細細研究。
Thumbnail
這是一本極簡主義的書,作者是澀谷直人,下面選幾個書中概念和寫出我的心得
Thumbnail
這是一本極簡主義的書,作者是澀谷直人,下面選幾個書中概念和寫出我的心得
Thumbnail
今天將與你分享【學習視覺筆記推薦書單】 當然,如果你想到什麼問題,也歡迎隨時留言給我喔   好的,那我們就開始吧! 昨天分享到我的啟蒙書【直覺式塗鴉筆記】 後來聊到我除了閱讀視覺筆記、紀錄相關書籍,後來也延伸到思考、引導面向 我就用文氏圖來簡單呈現給大家看 那麼,先從思考開始吧!畢竟缺
Thumbnail
今天將與你分享【學習視覺筆記推薦書單】 當然,如果你想到什麼問題,也歡迎隨時留言給我喔   好的,那我們就開始吧! 昨天分享到我的啟蒙書【直覺式塗鴉筆記】 後來聊到我除了閱讀視覺筆記、紀錄相關書籍,後來也延伸到思考、引導面向 我就用文氏圖來簡單呈現給大家看 那麼,先從思考開始吧!畢竟缺
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News