Edit Design 雜誌封面設計|以InDesign製作封面|風格設定-情緒板

雜誌封面設計

雜誌封面設計要達到兩個目標:吸引潛在消費人群以及表現雜誌的內容和主題。只要達到這兩個目標,就能大大提高消費者購買雜誌的可能性。如何才能吸引潛在消費人群的注意?創造視覺衝擊,即通過對他人作品的研究創造出與眾不同的設計。一個優秀的雜誌封面設計應該是獨特、搶眼、能夠在琳琅滿目的雜誌中脫穎而出的,同時其設計理念還要與雜誌的主題緊密相關。 參考資料:50個經典雜誌封面,設計思路全解析


本單元首先列舉國內設計雜誌封面設計供參考,並整理雜誌設計相關文章,讓大家更了解更多雜誌設計的原則、樣式與設計的可能性。

接下來介紹以InDesign設計封面做法的參考,請大家以InDesign跟著練習,並開始搜集與設計格類似的封面設計加以分析,並開始設計至少三組封面的設計稿,並於期中之前設計並選定最終封面設計方案。


雜誌封面賞析
  1. Design 360
  2. Design 360|Issue 89 字體實驗

  3. IdN
  4. IdN v25n5:出版刊物設計 — 印刷品的華麗回歸

  5. 小日子
  6. 小日子 No.104|將人生封存 苦樂都醉人

  7. LaVie
  8. LaVie NO197:一起為地方設計吧!

    雜誌封面設計文章
    1. 封面設計技巧 | 用Adobe InDesign創造時尚的雜誌封面
    2. How to Create a Simple Magazine Template in Adobe InDesign
    3. 雜誌封面設計的四大設計技巧!
    4. 八款雜誌封面設計,道盡疫情之下的各種面相
    5. 50個雜誌和書籍封面排版設計
    6. 排版布局不用愁!精選70多款雜誌封面
    7. 50個經典雜誌封面,設計思路全解析
    8. 20個漂亮的國外雜誌封面和版面設計欣賞
    9. 美國《時代》雜誌最新封面設計,畫下淹沒於槍枝暴力的最後請求
    10. THE ART OF JOHN MAVROUDIS|雜誌封面設計
    11. 雜誌封面裡的歷史───《Esquire》雜誌50張經典封面回顧
    12. 2018自選五張臺灣時尚雜誌封面,以及年終回顧
    13. 20個漂亮的國外雜誌封面和版面設計欣賞

在InDesign中創建簡單雜誌封面模版

將雜誌模板分為兩個單獨的文件檔案:
  1. 『封面』(包括封面的正面和背面,以及書背)
  2. 『內頁』
因為必須將它們分別輸出以進行列印,可幫助在設計時感覺井井有條並控制雜誌。
本單元首先創建封面模板:
  • 步驟一|建立封面新頁面

    1. 打開Adobe InDesign,然後點選:新建文件。
    2. 在打開的『對話框』窗口中,將文件設置為『列印』。
    3. 頁面大小,選擇A4。
    4. 並將方向設置為縱向,以及左翻
    5. 將頁數設為1,取消選擇『對頁』
    6. 最後,增加出血的5公釐頁面。 
    7. 選擇『邊界與欄』

    8. 將邊距設置為相等的寬度 :設定為0mm。

    9. 點擊確定建立新的封面頁面。

    10. *關於頁面大小的註釋-雜誌有多種尺寸,這些尺寸會根據要出版的雜誌的類型和發布而有所不同,可以依據需求更靈活地調整大小。
  • 步驟二|增加成三個頁面

    1. 在頁面面板,直接按頁點選右鍵,或按下右上角選項,選擇『取消』『允許移動文件頁面』。

    2. 右下角『建立新頁面』按鈕,共新增三個頁面。

  • 步驟三|新增書背主版

    1. 右上角頁面選項,選擇『新增主版』。名稱設定為『書背』,寬度改變,屆時需實際書背寬度而定。

    2. 建立『書背』主版

    3. 選取第二頁,右鍵『套用主板至頁面』。選擇『B-書背』。選擇『使用主板頁面大小』。

  • 步驟四|將封面書背書底合成跨頁關係

    1. 選取第二頁,拖曳到第一頁右邊產生跨頁,產生類似 ]形狀才能產生跨頁。

    2. 接著選取第三頁,拖曳到第二頁右邊,產生跨頁。如此就完成基本的封面版型,通常右邊是封面,中間是書背,左邊是封底,就可以開始製作封面了!

  • 步驟五|輸出成印刷格式的PDF檔案

    1. 設定印刷格式後,會產生印刷標記、裁切線等
    2. 先暫時置入底色,以方便預覽時辨識輸出範圍

    3. 轉存pdf檔案,製作列印設定。

    4. pdg選擇『印刷品質』,一般設定,轉存為:點選『跨頁』,輸出與出血設定,標記與出血全選。

    5. 打開儲存之pdf檔,則顯示出血狀態的印刷標記、裁切線等。

    6. 下週開始進行封面設計,請選擇欲臨摹的封面,以作為設計參考。本週除了製作空白模版外,並開始進行封面設計蒐集與分析、草圖繪製等。
資料參考: How to Create a Simple Magazine Template in Adobe InDesign


雜誌風格設定|情緒板製作

風格設定-情緒版

情緒板(英:Mood Board)是一種啟發式和探索性的方法,設計師將自己認為合適的情境、圖片和素材都整理到一起,在紙或者螢幕上進行拼貼組合,快速地向他人傳達設計師想要表達的整體「感覺(feel)」,可作為一種可視化的溝通工具。一般包括:視覺風格、色彩、字體排版、圖案和紋理整體外觀。

原文網址:設計師進階筆記|情緒板應用,提高工作效率

情緒板運用到雜誌視覺風格設計中,通過探索用戶的心理情緒和需求,可以將感受可視化,並作用於視覺風格的走向、封面與內頁排版等各個方面。為視覺細節的產出奠定理論基礎。

  1. 第一步 確定原生關鍵詞:基礎關鍵詞一般在3-5個之間,同時原生關鍵詞,一定要抽象化,不能過於具體。主要關鍵詞要少而精,列出最重要的三個
  2. 第二步 確定衍生關鍵詞:由於第一步的原生關鍵詞大多都比較抽象,因此我們需要對其進行發散和聯想。從而需要更多具體關鍵詞,後續才能更容易找到相應的圖片,具體關鍵詞一般都是具體的物體,可分為:

    視覺映射:以理解為聯想到的視覺表現,比如:品質——金色、黑色、幾何形;簡潔——白色、明亮、硬的;友好——鄰近色、圓角、圓形等。

    心境映射:可以理解為聯想到的心境感受,比如:品質——高端、貴重、稀有;簡潔——空曠、乾淨、整齊;友好——溫暖、親切、舒服等。

    物化映射:可以理解為聯想到的具體事物,比如:品質——iPhone、寶馬、香奈兒;簡潔——白盤子、玻璃、白紙;友好——枕頭、毛絨玩具、海豚等。

    總結:為了更科學地找圖,第一步確定3-5個原生關鍵詞,第二步在每個原生關鍵詞下拓展3個衍生關鍵詞。

  3. 第三步 搜集圖片素材:可至相關網站搜尋情緒版關鍵圖。搜集好圖片後,可先內部篩選,再將挑選出來的圖片打亂並依次排列,邀請目標用戶進行再次挑選。相關網站如:PinterestDribbbleunsplash等。
  4. 創建圖庫式的情緒板:在生成情緒板圖片後,結合衍生關鍵詞的分析結果,進行視覺風格的提取,主要包括:圖形、色彩、字體、構成、質感。

參考網址:情緒板在移動UI設計中的應用


情緒板風格設定範例

  • 範例一:『日安』原生關鍵字:生活、休閒、舒適
    1. 確定原生關鍵字與衍生關鍵字
    2. 搜集與篩選情緒板圖片,並產生風格色調

  • 範例二:原生關鍵字-慢調、典雅、自然
    1. 確定原生關鍵字與衍生關鍵字
    2. 搜集與篩選情緒板圖片
    3. 產生主色調

情緒板雜誌風格設定範例

  1. 情緒板製作軟體:線上免費編輯設計| Adobe Spark
  2. 使用 Canva 線上創作激發靈感的情緒板

情緒版相關製作檔案

  1. 情緒板製作軟體:線上免費編輯設計| Adobe Spark
  2. 使用 Canva 線上創作激發靈感的情緒板

相關推薦文章連結

  1. 情緒板(Mood board)操作流程的新思考
  2. 五個階段,了解產品設計流程
  3. 理性地定義視覺風格——情緒板
  4. 設計師進階筆記|情緒板應用,提高工作效率
  5. 讓視覺設計變得高效+有說服力的4個步驟
  6. 情緒版的視覺設計表現方法與運用

作業04 |雜誌封面分析與設計

作業04 |雜誌封面分析與設計
請參考作業區
期中作業 |雜誌專題提案|含封面設計最終稿,完成其中雜誌定位之部分:
雜誌封面分析與設計
  • 五組封面設計分析
  • 挑選至少五本與主題風格類似的雜誌封面進行元素結構、編排與風格的分析。

    封面分析範例
    分析案例1|Design設計雜誌NO185|2015-10-11

    以簡潔清爽之風格為主,封面底色為淺藍色,主圖為工具之攝影拼貼為本期專題報告之創客英文MAKER $?,呼應專題報導內容及其省思。




  • 雜誌概念提案
  • 情緒板
  • 根據情緒版設計至少三組封面提案,分別說明:
    • 封面刊頭字體設計(字體(或自行設計)、級數、呈現風格。
    • 編排概念(含使用字體原則)
  • 最終選定一組最為最後精稿定案,請務必以真實文字呈現,不可有假字。(請列印出A4精稿,上課繳交)

請延續作業02、03,自行整理期中報告格式,下次上課與老師討論進度。
簡報格式範本 僅供格式參考,內容請自行撰寫,並設計成自己的風格。

請將報告原始檔與pdf檔,及封面設計稿上傳至 雲端作業區,原資料夾內:HW02|學號|姓名,檔名,新增作業04內容頁數,供上課討論。