★日本亞馬遜綜合排行榜第一名!
◎絕對NG的排字:文字全部置中。人的閱讀視線會從左上往右下,置中最難讀。
◎基本色只有3種:綠、藍、紅,用色超過6種就退件。
◎平面設計的4大NG圖形:版面沒留白、亂加邊框,還有兩個是?
◎網頁的一鍵下訂按鈕,放在哪裡最顯眼?對方看完立馬下單。
本書作者為「設計研究所」(這是一人公司),
SNS總追蹤數量達40萬以上,是全日本設計類最大規模的自媒體。
但他並非科班出身,僅靠自學,一路從不穩定的零星接案,
3年內做到專門承包各大企業的平面設計,更跨足設計T恤、攝影等領域,
講座人數更超過2,000人。
100個實例 ╳ NG對比 ╳ 技法解說,
從字級、圖形、色彩、背景與版面,非設計人員的設計入門,讓你不再溝通鬼打牆。
◎絕對NG的字型、文字設計
.置中很美,但齊左更好讀
人的閱讀視線多半從左上往右下移動,所以文字置中很難閱讀。
專業設計怎麼做?靠左對齊。麥肯錫的內部簡報就是這樣處理。
.明體字正經、黑體字廉價,字要放多大才是大,縮多小才是小?
別用感覺跟設計師溝通,你得說出明確的「級數」。
字級大小不一,怎麼改到位?主訴求,決定閱讀的優先順序。
◎微調就有差的圖形編排
.線條粗細不同,形象差很大
粗線有普普風,但容易干擾版面,細線有精緻感,還能營造出時尚風格,
關鍵是千萬別隨便加框,畫面很顯雜亂。
.放錯幾何色塊,版面變災難
將文字配置在色塊上,最能吸引眼球、分割視覺,
但大忌是:色塊要長不長,要短不短,怎麼放讀者一看就懂?
◎暢銷設計最常用的色彩
.無彩色也是一種色,灰色是最好搭的萬用色
基本顏色只有3種:綠、藍、紅,無彩色不是真的無色,指黑、灰、白,
用色少能呈現一致性,超過6種就沒重點,最好搭配的萬用色是灰色。
什麼是相似色、互補色?文字有黑又有白,層次感就出來。
◎背景對了,質感大加分
.背景別炫技,適度留白更有型
背景可分為色彩、照片和插圖,照片又分為留白、去背和滿版。
有加外框和沒加外框,視覺上哪裡不一樣?
想要讓版面熱鬧,就讓插圖四散。畫面不協調?印出來、站遠一點看。
從文字、圖形、色彩、背景與版面,
收錄100個實例 ╳ NG對比 ╳ 技法解說,
非設計人員的設計入門,學起來就脫離N次修稿地獄。
名人推薦
日本設計觀察家/吳東龍
臉書社團「日本行銷最前線」版主/李仁毅
凱文設計/郭政佑Kevin
◎絕對NG的排字:文字全部置中。人的閱讀視線會從左上往右下,置中最難讀。
◎基本色只有3種:綠、藍、紅,用色超過6種就退件。
◎平面設計的4大NG圖形:版面沒留白、亂加邊框,還有兩個是?
◎網頁的一鍵下訂按鈕,放在哪裡最顯眼?對方看完立馬下單。
本書作者為「設計研究所」(這是一人公司),
SNS總追蹤數量達40萬以上,是全日本設計類最大規模的自媒體。
但他並非科班出身,僅靠自學,一路從不穩定的零星接案,
3年內做到專門承包各大企業的平面設計,更跨足設計T恤、攝影等領域,
講座人數更超過2,000人。
100個實例 ╳ NG對比 ╳ 技法解說,
從字級、圖形、色彩、背景與版面,非設計人員的設計入門,讓你不再溝通鬼打牆。
◎絕對NG的字型、文字設計
.置中很美,但齊左更好讀
人的閱讀視線多半從左上往右下移動,所以文字置中很難閱讀。
專業設計怎麼做?靠左對齊。麥肯錫的內部簡報就是這樣處理。
.明體字正經、黑體字廉價,字要放多大才是大,縮多小才是小?
別用感覺跟設計師溝通,你得說出明確的「級數」。
字級大小不一,怎麼改到位?主訴求,決定閱讀的優先順序。
◎微調就有差的圖形編排
.線條粗細不同,形象差很大
粗線有普普風,但容易干擾版面,細線有精緻感,還能營造出時尚風格,
關鍵是千萬別隨便加框,畫面很顯雜亂。
.放錯幾何色塊,版面變災難
將文字配置在色塊上,最能吸引眼球、分割視覺,
但大忌是:色塊要長不長,要短不短,怎麼放讀者一看就懂?
◎暢銷設計最常用的色彩
.無彩色也是一種色,灰色是最好搭的萬用色
基本顏色只有3種:綠、藍、紅,無彩色不是真的無色,指黑、灰、白,
用色少能呈現一致性,超過6種就沒重點,最好搭配的萬用色是灰色。
什麼是相似色、互補色?文字有黑又有白,層次感就出來。
◎背景對了,質感大加分
.背景別炫技,適度留白更有型
背景可分為色彩、照片和插圖,照片又分為留白、去背和滿版。
有加外框和沒加外框,視覺上哪裡不一樣?
想要讓版面熱鬧,就讓插圖四散。畫面不協調?印出來、站遠一點看。
從文字、圖形、色彩、背景與版面,
收錄100個實例 ╳ NG對比 ╳ 技法解說,
非設計人員的設計入門,學起來就脫離N次修稿地獄。
名人推薦
日本設計觀察家/吳東龍
臉書社團「日本行銷最前線」版主/李仁毅
凱文設計/郭政佑Kevin