一次打造吸睛設計套書: Banner設計學+零基礎配色學 (2冊合售) | 誠品線上

思わずクリックしたくなる: バナーデザインのきほん 見てわかる、迷わず決まる配色アイデア: 3色だけでセンスのいい色

內容簡介

內容簡介 《版面研究所⑤Banner設計學：8大關鍵要訣、6大主題應用，1秒抓住眼球，飆高人氣點擊率！》 ★第一本Banner設計專書★ 海量資訊中的Banner該如何一眼被看到？掌握設計關鍵，提高點閱商機！ 8個基本知識×6大主題應用，將小尺寸設計攻略法全部告訴你無論打造電商網頁、品牌行銷、線上廣告、社群經營、YouTube還是 LinkedIn 的個人平台經營，透過書中Before、After的對照範例學習版面布局，提高Banner點擊率！ ×訊息太多！看不到重點…….×底色跟字體顏色太近看不到？×日期很重要為何放那麼小？×Banner面積太小！很難設計……如果您在Banner設計方面遇到問題，這本書就是來解決你的問題！ 把Banner張貼在大量訊息的網絡上，當然就要一眼看到它！它！它！因此，做出吸引對方眼球的設計很重要！透過Before、After的對照範例學習設計要領！即使你是設計初學者，看完本書也能立即實戰，製作出成功的Banner！ ◆8個基本知識1.情報優先2.字體選擇 3.圖文整理4.適度裁切強化主題 5.打破常規的印象6.操縱色彩改變氣氛 7.創造視線誘導 8.符合主題的裝飾 ◆6大主題應用1.再小也好懂的排版訣竅2.一眼看懂資訊的文字設計法3.即使不同的資訊，也讓人更易看懂的分組術4.用人臉或視線打造吸睛設計5.稍有不完美的照片，如何修正與加工6.藉由裝飾與氛圍詮釋，打造出令人心動的設計 ▼Banner適合用在哪些地方・在網路 社群媒體等上發布的橫幅廣告・演講簡報、Email、廣告媒介與實體活動訊息・網路商店的橫幅廣告・文章標題圖片 《零基礎配色學：1456組好感色範例，秒速解決你的配色困擾！》 ★日本上市不到3個月，銷售衝破80,000本★★暢銷設計工具書！再度推出一眼秒懂系列新作★★設計、行銷、網頁、企劃、繪圖、造型師都愛用★ 明天要交稿，有沒有快速配色的法寶？選好了主圖，色彩搭配想不出新意？客戶想要現代風，該如何讓他眼睛一亮？ 大家都以為配色「憑感覺」，其實色彩是一種「科學」。 日本最懂圖解設計的ingectar-e設計事務所，專門研發一眼秒懂的視覺教學，繼《版面研究所》、《字型設計學》暢銷之作，再度推出「秒懂配色」色彩學專書，獻給選色障礙、配色困難的你。 ╱3色破解配色雜亂╲ Step 1→決定風格的「主色」Step 2→畫面和諧的「輔助色」Step 3→重點突出的「強調色」 ╱CMYK、RGB、HEX色碼，完整提供╲不藏私！絕美配色數值全公開跟著做！零基礎也能搭出完美絕配╱8大風格×91個主題×1456配色範例╲最常用的8大商業風格一網打盡，設計案例、色彩比例、色彩數值、用色模式，所有你需要知道的專業資訊，一項不漏通通在裡面。貼心收錄「273色．快速配色索引表」，再怎麼火燒眉毛的專案，都能馬上找到色彩解方。

作者介紹

作者介紹 《版面研究所⑤Banner設計學：8大關鍵要訣、6大主題應用，1秒抓住眼球，飆高人氣點擊率！》Hikaru Kato1984年出生，出身於佐賀縣，現居福岡市。2012年起從事網頁設計，於kanvas之名為企業製作。官網，至今參與過的網站已經100個以上，半數都是從設計到HTML CSS、CMS系統一條龍服務。2020年2月起開辦網頁設計課程──網頁設計1 on 1 lesson channel，並於Twitter分享橫幅設計技巧。《零基礎配色學：1456組好感色範例，秒速解決你的配色困擾！》ingectar-e／設計事務所ingectar-e united,Inc負責人 寺本惠里 撰寫、製作許多插圖或設計素材集、手作型書籍與設計教科書等，達20冊以上。代表作為《塗鴉＆字體素材集NEW YORK DESIGN BOOK》《字型設計學》《版面研究所》《版面研究所②心動版面學》《版面研究所③混搭元素版面學》。在京都、大阪經營「ROCCA＆FRIENDS」等咖啡廳與店舖，並從事設計與企劃等。http: ingectar-e.com

產品目錄

產品目錄 《版面研究所⑤Banner設計學：8大關鍵要訣、6大主題應用，1秒抓住眼球，飆高人氣點擊率！》◆前言◆本書使用方法◆INTRODUCTION 設計前先整理！ PART1 成功的Banner該怎麼製作？01【層次感】迅速傳遞訊息的訣竅 02【字型】提升閱讀的字型選擇訣竅03【排版】用易懂的版面彙整資訊04【裁切】去除多餘，襯托產品的訣竅05【節奏感】打破單調，避免看膩的訣竅06【配色】操縱色彩，改變氛圍的訣竅07【視線引導】打造順暢閱讀的訣竅08【裝飾】用素材展現出形象◎COLUMN_進行前必須確認！按照需求製作Banner PART2 再小也好懂的排版訣竅01【斜向切割】分區讓人迅速看懂資訊02【切割兩塊】遇到條列項目、縱長圖像時很方便的排版法03【不對稱】擺脫粗糙形象的訣竅04【自然躍動】想打造歡樂的流行動態感時05【活用盤子】餐飲店廣告常用技巧06【用重疊製造立體感】照片不顯眼時07【白窗戶】趕時間時可用的排版◎COLUMN_變身各種形狀！切割不同尺寸Banner PART3 一眼看懂資訊的文字設計法01【直書】賦予單調文字節奏感02【將文字配置得有如圖像】瞬間吸引目光03【數字要大】最王道的吸睛手法 04【斜體】展現氣勢與速度感 05【沿著曲線配置】賦予文字柔和動態感06【用色彩分解文字】藉繽紛顏色提高設計感07【文字描邊】即使背景紛亂，文字也易懂！08【增加英文字】將原稿沒有的文字，當作視覺焦點加上09【毛筆字型】營造高級感和風 10【手寫字型】博得親切感與共感 11【框線錯位文字】清新明亮的氛圍12【造字】創造文字，賦予衝擊感 13【植入文字】無縫連接背景與文字◎COLUMN_知道後就如有神助！超實用的5大便利網站 PART4 即使不同的資訊，也讓人更易看懂的分組術01【鋪設色塊】更換背景讓文字更好讀！ 02【對話框】簡化文字，並配置成視覺焦點03【緞帶】輕盈優雅的裝飾04【圖解】用視覺圖像表現順序 05【框起來】讓混在其中的文字更好理解06【色彩反轉】雙色調也能夠詮釋奢華感 07【按鍵】讓人想「點擊」的設計 08【拱狀】詮釋祭典、活動等的熱鬧氣氛◎COLUMN_適合不擅設計的人！用臨摹鍛鍊手感 PART5 用人臉或視線打造吸睛設計01【臉】利用人的習性增加吸睛度 02【人的視線】運用視線方向，引人注意文字 03【團體照】配置多人情境，呈現熱鬧感04【手勢】運用手部動作導覽 05【遮住眼睛】調整臉部避免過度搶眼 06【從孔洞中露臉】特寫人物照可以靈活配置◎COLUMN_絕對不可以使用的人物照構圖 PART6 稍有不完美的照片，進行修正與加工01【調亮】加亮陰影，讓整體更清爽02【陰影和光暈】打造物件與背景間的界線03【剪貼簿】給予活潑的可愛感04【邊緣透明】將商品照與文字均放大至最大限度 05【鏡面反射】美容相關商品照最好用的技巧 06【筆刷】調整半調子的裁切位置◎COLUMN_常見的Photoshop技巧 PART7 藉由裝飾與氛圍詮釋，打造出令人心動的設計01【三角形】有型的背景裝飾 02【引號】為稍嫌不足的標題調味 03【圓】到處都能用的萬能圖形 04【圖示】用具象徵性的圖讓人直覺意會 05【美式漫畫風】POP的漫畫風就是搶眼！ 06【亮晶晶圖形】用璀璨光輝瞬間吸睛 07【花】打造各式各樣的華麗感 08【獎牌】確實表現得獎經歷與實績 09【勾號】搭配條列式文字使用 10【紙花、禮炮】演繹出超High氣氛 11【熱氣】直覺傳遞熱騰騰的美味 12【和式紋樣】詮釋傳統豪華的氛圍 13【放射線】藉由線條方向將視線引導至中央14【春】象徵新開始的季節 15【夏】繽紛且洋溢熱帶氣息 16【秋】紅葉與豐收的季節 17【冬】用聖誕節與閃耀感塑造期待感 18【新年】表現出新年的喜慶感◎COLUMN_交稿前應檢視的項目 ◆總複習！Banner練習題 ◆用關鍵色做選擇的Banner配色手帳 《零基礎配色學：1456組好感色範例，秒速解決你的配色困擾！》●本書使用方法●三色搭配關鍵●色彩基礎知識PART1 自然風：自然柔和的氛圍放鬆01 帶灰的柔和奶色放鬆02 用天然纖維色為基礎的溫暖色調放鬆03 成熟女性的瑜珈色女人味01 甜美質感的色彩女人味02 惹人憐愛的嬰兒色女人味03 低調甜美的自然時尚風有機01 如同鬆軟輕柔的亞麻有機02 包容的大地色系有機03 爽朗色彩讓心靈輕盈手作01 牛皮紙風格的休閒色手作02 高雅的皮革色手作03 冷冽的泛灰牛皮紙客廳01 讓心情飛揚的純淨粉紅客廳02 明亮的自然系客廳客廳03 芳香精油般的柔美植物01 滋潤的新綠嫩葉植物02 鮮豔的南國植物植物03 讓心情清爽的香草色PART2 活力風：色彩鮮豔充滿活力！繽紛01 鮮豔的糖果色繽紛02 熱帶繽紛POP繽紛03 水果般的維生素色復古01 懷舊玩具箱復古02 昭和懷舊復刻色復古03 優雅浪漫骨董風童趣01 溫馨愉快的自然童趣風童趣02 充滿玩心的繽紛蠟筆少女01 散發女人味的棉花糖色少女02 適合當禮物的愉快粉紅動感01 鮮豔的運動色系動感02 動感的戶外風動感03 用紺色輝映成熟海軍藍通俗01 繽紛的POP風叢林通俗02 低調版霓虹燈通俗03 八○年代塗鴉風配色歡樂01 洋溢幸福的歡樂婚禮歡樂02 淡雅柔和的純淨色歡樂03 最棒的生日禮物PART3 優雅風：成熟高雅的氛圍成熟色01 用單色調襯托淑女紅成熟色02 適合紳士的冷冽配色成熟色03 亮眼的裸色系豪華01 用偏深的金黃色打造優雅豪華02 以黑色打造重點的個性設計豪華03 閃耀香檳＆珍珠系藝術01 瓷器般的深度與溫潤感藝術02 法國印象派的用色藝術03 冷冽的現代藝術風知性01 英國風傳統氛圍知性02 散發沉穩與知性的圖書館知性03 琢磨品味的悠閒時間PART4 現代風：充滿現代感的時髦氣息簡約01 冷冽金屬風簡約02 洗鍊的極簡風脫俗感01 微甜的優雅米色脫俗感02 都會男子的現代時尚脫俗感03 成熟的自然女孩風PART5 四季風：展現四季更迭的配色春01 藉春天色系讓心情飛揚春02 令人心動的少女粉紅春03 甜蜜的粉嫩春色夏01 暢快的夏季色系夏02 夢幻的冰淇淋色夏03 熱鬧的夏季祭典色秋01 略帶時髦感的偏亮秋色秋02 微苦的秋色古典風秋03 充滿派對氣氛的萬聖節魔法冬01 洗鍊的聖誕節色彩冬02 白銀的Gold＆Cool冬03 少女風的情人節色調 PART6 日本風：從色彩中誕生的和風情華麗01 鬆軟溫柔的櫻花粉華麗02 京都的可愛貴氣色華麗03 以朱色打造艷麗日本傳統01 日本工藝色傳統02 漆黑與金傳統03 新年的吉祥色沉穩01 純粹日本沉穩02 活用藍色的時尚和風沉穩03 偏亮復古色打造的和風時尚PART7 異國風：洋溢異國風情的色彩外國01 象徵舒適生活的北歐配色外國02 美國西海岸的海灘色外國03 高尚的巴黎人旅行01 異國風波西米亞旅行02 強而有力的亞洲異國風旅行03 非洲蠟染不可思議01 神祕馬戲團不可思議02 可愛原宿系PART8 商業風：可用於服務業的配色商務01 冷調商務藍商務02 傳遞訊息的宣傳色商務03 洋溢清潔感的服務業數位01 藉高科技色聰明定調數位02 近未來的網路世界商店01 新懷舊咖啡廳商店02 南國熱帶渡假村商店03 醒目的特價訊息！附錄 色彩索引

商品規格

試閱文字

自序 : 《版面研究所⑤Banner設計學：8大關鍵要訣、6大主題應用，1秒抓住眼球，飆高人氣點擊率！》

網頁上的Banner在廣告中算是尺寸非常小的一種

廣告，是指將商品或服務「廣泛告知世人」的意思。

Banner會很突兀地出現在資訊量龐大的網頁上，因此必須「讓人一眼就看懂資訊」，
不花費巧思就無法吸引目光，成為無法實現目標的劣質Banner。

本書的目標是幫助各位學會「讓人一眼看懂資訊的設計」，
共分成8個基本知識與6大主題應用，介紹相關巧思與技巧。



《零基礎配色學：1456組好感色範例，秒速解決你的配色困擾！》

想提出成功設計，卻難以決定配色，
總是花了大把時間在選色上，迷惘得不得了。

今時今日，設計已經非常貼近生活，
相信苦於配色的人也很多吧？
但是配色並不是件難事。

本書所有設計都只用到三色，
即使只有三色，也能表現出絕佳品味。

正因為只有三色，所以簡單好處理，
一看就懂，馬上實現。
只要理解三色搭配技巧，
任誰都能輕易打造好品味。

本書將介紹各式各樣的配色與主題，
包括自然、流行、四季、日本風、商務等。

不必動用到大量色彩也無妨，
首先就從三色開始搭配吧。

最佳賣點

最佳賣點 : ★第一本Banner設計專書★

海量資訊中的Banner該如何一眼被看到？
掌握設計關鍵，提高點閱商機！

活動

• 中文書限時滿1111現折111(部分類別除外)