平面設計的大忌：字級、版面、圖形、選色的竅門，非設計人員的美學指南。學起來就脫離跟設計師纏鬥的修稿地獄。

★日本亞馬遜綜合排行榜第一名！

◎絕對NG的排字：文字全部置中。人的閱讀視線會從左上往右下，置中最難讀。

◎基本色只有3種：綠、藍、紅，用色超過6種就退件。

◎平面設計的4大NG圖形：版面沒留白、亂加邊框，還有兩個是？

◎網頁的一鍵下訂按鈕，放在哪裡最顯眼？對方看完立馬下單。

本書作者為「設計研究所」（這是一人公司），

SNS總追蹤數量達40萬以上，是全日本設計類最大規模的自媒體。

但他並非科班出身，僅靠自學，一路從不穩定的零星接案，

3年內做到專門承包各大企業的平面設計，更跨足設計T恤、攝影等領域，

講座人數更超過2,000人。

100個實例 ╳ NG對比 ╳ 技法解說，

從字級、圖形、色彩、背景與版面，非設計人員的設計入門，讓你不再溝通鬼打牆。

◎絕對NG的字型、文字設計

‧置中很美，但齊左更好讀

人的閱讀視線多半從左上往右下移動，所以文字置中很難閱讀。

專業設計怎麼做？靠左對齊。麥肯錫的內部簡報就是這樣處理。

‧明體字正經、黑體字廉價，字要放多大才是大，縮多小才是小？

別用感覺跟設計師溝通，你得說出明確的「級數」。

字級大小不一，怎麼改到位？主訴求，決定閱讀的優先順序。

◎微調就有差的圖形編排

‧線條粗細不同，形象差很大

粗線有普普風，但容易干擾版面，細線有精緻感，還能營造出時尚風格，

關鍵是千萬別隨便加框，畫面很顯雜亂。

‧放錯幾何色塊，版面變災難

將文字配置在色塊上，最能吸引眼球、分割視覺，

但大忌是：色塊要長不長，要短不短，怎麼放讀者一看就懂？

◎暢銷設計最常用的色彩

‧無彩色也是一種色，灰色是最好搭的萬用色

基本顏色只有3種：綠、藍、紅，無彩色不是真的無色，指黑、灰、白，

用色少能呈現一致性，超過6種就沒重點，最好搭配的萬用色是灰色。

什麼是相似色、互補色？文字有黑又有白，層次感就出來。

◎背景對了，質感大加分

‧背景別炫技，適度留白更有型

背景可分為色彩、照片和插圖，照片又分為留白、去背和滿版。

有加外框和沒加外框，視覺上哪裡不一樣？

想要讓版面熱鬧，就讓插圖四散。畫面不協調？印出來、站遠一點看。

從文字、圖形、色彩、背景與版面，

收錄100個實例 ╳ NG對比 ╳ 技法解說，

非設計人員的設計入門，學起來就脫離N次修稿地獄。

作者簡介

設計研究所　

@designkenkyujo

日本設計類最大的自媒體，粉絲數已突破40萬人。

以淺顯易懂的方式解說設計技巧，無論是設計師、非設計師，都能有所收穫。此外，主辦過3天連假就可以學完的設計課程「NONDEZA！」等。

譯者簡介

黃筱涵

從事出版翻譯10年以上，譯作超過150本書。但比起譯作數量，更重視從作者們身上獲得的知識。希望未來能持續以這些知識為基礎，不斷拓展翻譯之路。

譯作：《最強構圖》、《版面研究所⑥網頁版面學》等書。

名人推薦

日本設計觀察家／吳東龍

臉書社團「日本行銷最前線」版主／李仁毅

凱文設計／郭政佑Kevin

前言

從零基礎到獨立接案，我成功靠設計吃飯

世界上到處都是設計，不管是在街頭巷弄、家裡，甚至是網路上，設計無所不在。

換個角度來說，若我們能培養觀察設計的眼光，面對這個充滿魅力的世界，視角也會大不相同。

在這本書，我將幫助各位看懂設計，並解說觀察的方法。或許有人認為設計是一種品味，但其實沒有比設計更好學的東西了。

以我來說，我從未就讀過美術大學或相關職業學校，也未曾任職於設計公司。當然，也沒有設計方面的打工經驗。一直以來，我都是靠自學接觸設計。儘管如此，我仍成功靠設計吃飯，從自由接案3年，到以法人的身分接案6年，資歷累計近10年。

我之所以能做到，是因為我隨時隨地都在觀察，並將日常生活中看到的所有設計，都視為磨練自己的機會。

我現在經營的媒體頻道「設計研究所」，有幸獲得許多人的觀看與支持，因粉絲人數為全日本設計類第一名，更因此得到出版本書的機會。

一直以來，我最重視的就是觀察能力，以及將結果轉化成語言的能力。雖然我沒有跟任何人學過設計，但或許正是因為，我經常觀察日常中的設計，並且不斷大量吸收學習，才得以躍升為專業設計師。

在執筆本書時，我也秉持著這樣的理念，真心希望能幫助各位在短時間內更了解設計。因此，我除了重新整理超過2,000人參加的講座及課程，讓內容更容易實踐、更扎實以外，為了讓大家隨時輕鬆翻閱，還親自設計多達100種的範例。

對設計師來說，無論是想進一步獲得專業知識，或者是提升技能，理應都可以充分活用。此外，本書非常淺顯易懂，讓對設計有興趣的人、初學者、工作上會接觸到設計師的人，甚至是不具備任何設計知識的人，都能輕鬆理解。

學會觀察設計，視野將會大不相同。只要能培養出如此眼光，再平凡不過的日常，就會搖身一變成為令人怦然心動又充滿刺驚喜的世界。如此一來，觀察設計的能力，也將使你的人生更為豐富。

推薦序一

提升設計品味，從觀察日常開始

日本設計觀察家／吳東龍

當我收到這本書時，對於書中所謂「看見葉子、看見樹木與看見森林」，有所共感。

我想起剛開始展開設計旅行時，都會先從自己感興趣的海報或者是商品的「物件」元素看起，有時候在不同的地方看見相同物件時，竟然有著不同感受，讓我不禁去思考為什麼會有這樣的差異，是陳列背景的關係？後來再Zoom out（鏡頭拉遠），則會從物件所在的「空間環境與氛圍」來思考自身感受何來？共通性與差異性何在？這或許就呼應了一個設計學習的過程，從微觀到宏觀，讓觀察從具象到抽象，見樹再見林。

《平面設計的大忌》的作者以未受過正統設計的教育背景，而是以素人自學的方式，逐一展開近十年的設計工作，同時在X（前身為推特）的「設計研究所」擁有超過40萬的追蹤數與驚人的廣大迴響。

其中提到的「觀察」絕對是最好的開始，甚至提到品味的高低，取決於觀察的事物多寡。試問如果現在回想，你上回使用電梯時，樓層的按鈕數字是如何排列是否記得？看到作者在解讀設計時讓我想到，日本的設計觀察之所以有趣，正在於日本設計往往具備了基本美感之外，在設計的背後所蘊藏的意義，而且大多數的日本設計師也具備將設計轉化成語言的能力。

這本書很適合想要踏進設計領域一探究竟的朋友，無論有沒有設計背景都不會空手而回。例如我喜愛一張海報設計，也期許能有識讀設計，進而擁有設計能力，又該如何領會？作者在本書將設計元素猶如拼圖般片片拆解出文字、圖形、色彩、背景與版面等，並提供許多範例，讓我們在觀察設計時會更有切入面；而在設計缺乏靈感時，豐富的範例參考與延伸有時會是指引方向的明燈，在經過不斷的學習與練習，期許能從一開始的範例模擬，進展到不被範例侷限，甚至創造出自己的範例成果。

不過，也如作者所云：「設計，沒有正確答案。」一件好的設計有沒有絕對的公式或SOP？如果以看見森林的角度來看設計，我認為切題的設計、活用方法並符合需求的設計，往往是最佳設計。

設計或許具有很強的主觀性，但設計也可以容許不同風格。當我們能對設計產生質疑並提出見解，或許就是有設計思考能力的開始；也祝福各位透過本書在無處不設計的世界裡，找到對設計的理解、喜愛與掌握的能力。

推薦序二

零基礎，也能看懂的設計工具書

臉書社團「日本行銷最前線」版主／李仁毅

當大是文化推薦《平面設計的大忌》時，我當下就有高度共鳴，因為作者和我一樣，都不是科班出身，也都相信不是非得在課堂才能學好設計，只要用心觀察和自我學習，必然能有所收穫。

我大學念的是國貿系，曾榮獲廣播電臺ICRT的唱片封套設計比賽第一名。除了大三太忙沒參賽之外，我每年都有得獎，之後更擔任張雨生、邰正宵、動力火車唱片合輯《烈火青春》的封面繪圖設計。現在則是經營臉書社團「日本行銷最前線」，每天分享日本第一線的行銷與設計資訊。

唯一不同的是，作者在短短3年內，就成為社群平臺Ｘ擁有40萬粉絲的設計類最大帳號，首次出版的這本書後還登上日本亞馬遜綜合排行榜第一名。

在這個人人皆是自媒體的時代，大家或多或少都得接觸設計，市場對設計工作的需求也很高，不少興趣使然者（或被迫者）心裡大都會想：我沒學過設計，也能做出好設計嗎？而這本書的最大特點，就是一步步的帶領對設計有興趣的人，穩紮設計的基礎。

我打從心底喜愛這本書，第一點是作者不只著重圖面設計的技巧與技法說明，同時也介紹最重要的基本觀念，從序章就細心闡述如何提升觀察力與表達力。第二點，則是符合廣大初學者的需求，透過序章、基礎、實踐3個階段，以及文字、圖形、色彩、背景、版面5個完整面向，再加上超過百幅的全彩案例，教你掌握設計的各項要點，而且極為淺顯易懂。

我相信即使是擁有多年經驗的設計師，在看過本書之後，也能擁有更多的收穫與啟發。

平時授課講解廣告行銷，我在開頭都會說：「廣告行銷的每一個動作、畫面或文字，都必然有其意義與目的。」本書正是這個概念的極佳範本，設計不僅是藝術行為，更是一項商業行為，是為了遂行某個商業目的，或是傳達某個理念訊息而生。因此，本書作者才會說：「每一個設計背後都有其理念。」希望讀者都能謹記於心，並盡情享受本書與設計所帶來的樂趣與成就。

比起層次感，資訊更重要

無論是什麼樣的設計，層次感都很重要，但是並非越明顯越好。

文字大小落差雖然帶來清晰的層次感，卻明顯與沉穩高尚的氛圍相去甚遠。很多設計師都會按照目標客群或是想傳遞的氣氛，適度強化或減少層次感。

想編排出沉穩風格的版面時，通常會使用較低調的層次感；目標客群為年輕族群時，就會強調層次感。

置中很美，但齊左更好讀

文字的配置，與視線動向有關。

1.置中

文字較多時，基本上會靠左對齊、置中或靠右對齊。

2.靠左對齊

觀看橫式版面時，視線通常是從左上往右下，所以靠左對齊會比較好讀。

專業設計師在排版時，通常會靠左對齊。尤其文字量較多時，一定會配合視線動向，將文字靠左對齊。

粗線有普普風，細線有質感

1.粗線

粗線可展現出強烈印象的普普風。只要試著找找看粗線的作品，就會發現幾乎都屬於普普風。此外，由於粗線會帶來強烈的印象，因此通常會用來強調元素。

2.細線

細線可勾勒出精緻感、時尚感。此外，比起粗線，細線比較不容易干擾設計，所以其實比粗線更常被使用。

平面設計的4大NG圖形

1. 透明度過高

透明度高，會降低文字可讀性。這麼做雖能隱約顯示出背景，卻會造成文字難以閱讀，因此還是要用不透明度100％。

2. 色塊文字缺乏留白

色塊中文字沒有留白，會造成視覺窘迫。適度縮小文字或放大色塊，即可避免此問題。

3.要長不長、要短不短

要長不長、要短不短的色塊，容易與②一樣造成視覺窘迫。這時，只要拉長至與版面同寬即可。

4. 設置邊框

邊框容易使畫面顯得雜亂，比較適合用在普普風設計。