Design＆Layout版面設計全攻略 4

沒有留言
Layout = 構圖 → 結構
最重要的觀念？ 從讀者出發 → 心機 → 引導閱讀


Layout的原則：

  1. 耐看：掌握比例 + 視覺法則
  2. 流暢：視覺 + 內容 → 起承轉合
  3. 層次：先後主次 → 視覺  + 內容的順序
  4. 閱讀：引導閱讀 + 容易閱讀 (文字清晰順暢)


圖文比：
文字太多：悶 (用顏色做變化)

  1. 用文字的顏色做變化
  2. 用文字塊的形狀做變化
  3. 用底色做變化




文字太少：羞

  1. 用有特色的插圖做出氣氛(粗邊、手寫感的文字)
  2. 將大量的情報資訊圖表化
  3. 拉大圖片或放很多圖片



格線 (網格 / 系統化)：
建議使用：型錄、企業年鑑(大量資訊、理性編排)

手法：

  1. 比例：版面的骨架 → 造型 + 美 - 基本定律
  2. 平衡：舒適的閱讀 a. 畫面重心  b. 填空 + 留白  c. 分散注意

    ←分散注意
  3. 對比：生動的張力 (大小 / 多寡 / 明暗、輕重)
  4. 規律：視覺的引導 a. 主動引導  b. 依素材做出對應 ( 年表)
  5. 方向：效率的閱讀 a. 單位模組化  b. 系統圖像化(組織圖、流程圖)  c. 情報整理化


破格 (不符規則的亂排。第一眼或許會"哇"，因為新奇流行有個性，玩設計的噱頭，卻不耐看，不易閱讀)

代表人物：David Carson  1957年8月9日誕生於德州

曾經是衝浪好手，也曾擔任過社會學、心理學、經濟學和世界史等課程的教師，後來又投身於平面設計。

風格： Fotografiks的定義：Photography+Typography=Fotografiks
文字處理，將文字跳脫出有系統，規則，等有秩序的排列方式；不將文字當做文字來處理；將文字利用變形，扭曲，重疊，解構，甚至是將文字的傳達訊息破壞。

在圖片處裡David Carson在畫面圖像的表現，都半使用失焦、低彩度、曝光不足的視覺效果，在圖像技法上常透過尋找不同照片中特別的地方加以拼貼組合，甚至切割單一圖片做異樣排列，狀如解構風格，形成畫面的趣味性與超現實效果。

一切都是以(反)，來跳脫人們的慣性思考。

代表作以紐約雜誌，(RAY  GUN) ，被稱為美國最重要的作品。

Design＆Layout版面設計全攻略 3

沒有留言
編排設計：比例 + 眼力 (相信自己的眼睛)
雜誌設計師三大基本功：字體、字組、行段
字體：黑體、明體(宋體)、楷體、圓體、仿宋體 / (※常用)



字組：複合字體 (漢字+英文+數字+符號) / (※大小、字距。英文放大105%、下移-5%對齊漢字基線)

複合字體 HOW?

觀察 / 中文字體
嘗試 / 英文字體
搭配英文 / 與中文結構呼應
中文字靠英文字型展現風格



英文字放大率：橫排 105 - 125% ；直排 100 - 120%


行段：字與字 / 字級、字距，行與行 / 行距、字數 →視覺比例

字級：


字數：橫排 14 ~ 30 字、直排 14 ~ 40 字

構圖：九宮格分法 / 原研哉

※文中提到的比例，並非準則。其中的細微調整需要的是設計師的眼力。


編排設計 (死刑)

Design＆Layout版面設計全攻略 2

沒有留言
雜誌裡「編輯」與「藝術」

為什麼日本的設計好?

日本GDP為37,000 USD，是台灣的2.3倍。
打工時薪：日本 /  900 日圓，台灣 / 90 新台幣 (金錢價值觀不同)

路邊販賣機的 啤酒41款；罐裝咖啡120款； 汽車120款；看看超級市場裡的 泡麵1088款。
因為競爭多，產品常有季節限定商品，為吸引目光消費持續不斷推陳出新，所以重視設計以提升競爭力 。

《設計需經市場的考驗，從消費者的角度出發》
最好的美術館在各國家的超市中，能在市場上存活下來的商品設計經得起消費者考驗。

社會+經濟=Design (符合消費者需求)

雜誌設計=情報編輯＋溝通傳達
=>是一種說故事的方法
=>平面設計(視覺)＋文字編輯(閱讀)
1.大量閱讀 (文字力) → 標題headline / 內文content        / 企劃proposal
2.大量練習 (設計力) → 字體font        / 編排typography  / 影像image
3.大量思考 (整合力) → 構圖layout     / 閱讀reading        / 風格style



ㄙㄨㄚˋ ㄙㄨㄚˋ組 / 兩一成：(特立獨行)

服部一成 Kazunari Hattori

北川一成 Issei Kitagawa
家經營印刷廠，擅長特殊質感的印刷。
其設計傳達奇怪的氣氛，破壞完美的平衡，隨性之作 。



ㄍ一ㄥ ㄍ一ㄥ組 / 三佐藤： (正規設計)
佐藤直樹
作品具社會性，箸《百年的愚行》。
用文字比例編排，簡單，自己設計英文字型。

佐藤卓
風格：潤，用色柔和，簡單。注重設計背後的故事。
相關連結：日本设计师佐藤卓包装设计

佐藤可士和
專長：發現問題的重點。以設計的力量，治癒品牌的一生。
風格：色! 多! 卡司! 哇!  (色彩，系列，頂尖明星，風格明快)
  1. 從0開始的設計 (工作室的牆全白，不准有任何海報或東西干擾思考)
  2. 不需文案的設計 (例：mac，產品本身就是最強的廣告)
  3. 思考現狀，化缺點為優點的設計

其作品很多，請上官網看。

佐藤可士何的設計具有爭議性，不是每個都稱的上是好設計。

因其擅長抓住群眾的目光，創造了話題，也替產品賺進利潤。
相關連結：佐藤可士和-主要作品

Design＆Layout版面設計全攻略 1

沒有留言
向日本雜誌學設計，馮宇帶你從「看雜誌」到「懂雜誌」
「不會做雜誌，不能稱為平面設計師！」為什麼雜誌是平面設計師最怕的挑戰？想知道日本雜誌有什麼驚人祕密？《PPAPER》雜誌前藝術指導、《2535》雜誌創意兼藝術指導：馮宇以實戰經驗與長期閱讀累積，準備了2個小時的日本雜誌密集講座、讓你從「看雜誌」到「懂雜誌」，一眼看穿隱藏在雜誌琳琅滿目情報背後的有趣事實！

本週課程：日本雜誌市場目前的現況，介紹一些市場上賣座的雜誌跟頂尖的藝術指導。

日本雜誌設計分
  1. 先割(設計先行)手工：老一輩的設計使用。先畫好版面，確認文字與圖片位置。在請編輯給固定的字數(藤本泰)
  2. 後割(電腦普及)


設計無法主導雜誌原因
  1. 沒有主動與編輯討論
  2. 沒有能力鋪陳內容，主導內文


何謂藝術指導(雜誌)
掌握雜誌整個流程，使雜誌內容有起承轉合
分配文字與圖片，引導讀者閱讀，與讀者做溝通
像拍電影一樣，其地位如電影導演重要
特別可從偏重攝影的時尚雜誌中可看出其雜誌藝術指導的功力
(其攝影師也是藝術指導負責)

藤本泰──每年花上兆金額買雜誌的日本人，靠他才知道甚麼最in!
藤本やすし．Fujimoto Yasushi   // Casa / BRUTUS / GQ Japan / 流行通信
  1. 僅運用配色、構圖、比例，就能呈現張力十足、充滿氣氛的內容
  2. 文字依舊簡單，並無做特效
  3. 將複雜的情報變成具有個人特色的圖表

情報的整理關係到如何引導觀眾閱讀
跨頁:如何達到平衡感
圖片置於右上、左下
文字置於左上、右下(重點在欄位以比例分割)

日本雜誌特色之一：具有空間感


尾原史和
R25 (刺激男性的免費雜誌)RECRUIT與日本電通廣告合辦的雜誌，目前改為雙週刊。

其族群為25-30歲的人(忙到沒時間吸收情報)
特色為每篇800字，閱讀所需時間為2分鐘，約為電車一站與下一站所需時間。
內容多元，大量的情報，用特別的企劃包裝廣告，製作成廣編稿(找廣告人來做雜誌，使廣告頁不只賣商品，用更貼近人的手法包裝，由切身相關的資訊在導引到廣告商品，使用有趣的插圖)，有收藏價值。
藝術指導:尾原史和 / 插畫家:寄藤文平
延伸閱讀：上班族的神奇密碼：R25 ， R25到2535


BRUTUS (趨勢與嗜好的先行預言者)

總編輯:齋藤和宏
雜誌要的是故事，營造氣氛
新聞要的是事實，講求精準
延伸閱讀:BRUTUS的編輯哲學

其他推薦雜誌：PEN / NIKKEI DESIGN / Numero / Numero.jp / BRAIN


日本雜誌好看的原因，情報量大，內容豐富。
即使廣編稿，都能讓讀者獲得新知。
但因為情報量大，設計上僅以文字的大小粗細，與內文圖片做比例上的調整，來做出該篇單元的氛圍。
雜誌的封面也可看出藝術指導的功力，與呈現雜誌風格定位。
身為雜誌的設計，藝術指導是個很好的目標

Q: 既然雜誌越來越難賣，沒有方法可以解決嗎?
A: 這是大環境的趨勢，做雜誌最需要的是『熱忱』... 在座的各位，要是有履歷丟到出版社的快去收回來吧! (笑)

Q: 自己怎麼從日文雜誌上學最強版面設計?
A: 你可以靶雜誌拆開，掃描到電腦裡，拉出格線去分析畫面的等分配置。