從「2012現象」談未來三年的生活趨勢
講師：章成 「2012重生預言」、「絕望中遇見梅爾達」、「你就是幸福的源頭」作者 / AFTER 2012
2012不只是古老的馬雅預言，更代表著地球急速變化與極端化的事實，「2012」不只是議題，而是你我已經在經歷的現象，那麼，這個現象的特質為何？又該如何因應呢？
心靈M型化
選擇：下一秒用什麼樣的態度(正面、負面)面對。
未來三年的學習課題：
1. 放下過去的損失感，才不會捲入恨的世界。
修生養性而不至於沉淪。
2. 作一個會被記得的人，讓你連接在愛的繩索中。
成為變局當中的幸運兒。
3. 活在感謝的雲端看世界。
學習生活中的感謝，發現幸福、找到幸福。
我承認，前一小時我有恍神睡蟲入侵腦細胞的傾向。
怎麼今天課程的議題對我都沒太大的吸引力?
糊裡糊塗的吸收心靈成長的養分 ~@@?
要用宏觀的眼去看這世界。
2012不只是古老的馬雅預言，更代表著地球急速變化與極端化的事實，「2012」不只是議題，而是你我已經在經歷的現象，那麼，這個現象的特質為何？又該如何因應呢？
心靈M型化
選擇：下一秒用什麼樣的態度(正面、負面)面對。
未來三年的學習課題：
1. 放下過去的損失感，才不會捲入恨的世界。
修生養性而不至於沉淪。
2. 作一個會被記得的人，讓你連接在愛的繩索中。
成為變局當中的幸運兒。
3. 活在感謝的雲端看世界。
學習生活中的感謝，發現幸福、找到幸福。
我承認，前一小時我有恍神睡蟲入侵腦細胞的傾向。
怎麼今天課程的議題對我都沒太大的吸引力?
糊裡糊塗的吸收心靈成長的養分 ~@@?
要用宏觀的眼去看這世界。
平行宇宙創意學：從時空旅人之妻談起
講師：李欣頻 知名作家、創意人 / 薛良凱(福克斯) 前誠品網路書店營運長 古埃及象形文字達人
創意並非靈光乍現，本堂課引導學員利用人類與生俱來的天賦，展現多元的創意。
很深奧的一門課，我一頭霧水。
似乎是堂心靈成長課程。
課程中提到平行世界，六次元，自身可開發的能力，心電感應，怪力亂神...?
我未知的領域...
中間有提到一個有趣的能力開發：把你想破頭苦思不著答案的問題交給睡夢中的大腦。
睡前認真想三次困擾的問題，或許，一覺起來就會突然發現答案。
因為睡著時，大腦還是在運作著。
但，記得 床邊一定要擺上紙筆紀錄一下突來的靈光。
因為，別相信你絕對記的住不會忘。
創意並非靈光乍現，本堂課引導學員利用人類與生俱來的天賦，展現多元的創意。
馬上放下，活在當下
很深奧的一門課，我一頭霧水。
似乎是堂心靈成長課程。
課程中提到平行世界，六次元，自身可開發的能力，心電感應，怪力亂神...?
我未知的領域...
中間有提到一個有趣的能力開發：把你想破頭苦思不著答案的問題交給睡夢中的大腦。
睡前認真想三次困擾的問題，或許，一覺起來就會突然發現答案。
因為睡著時，大腦還是在運作著。
但，記得 床邊一定要擺上紙筆紀錄一下突來的靈光。
因為，別相信你絕對記的住不會忘。
聽見隔壁桌的對話
星巴克的午餐，是我最近的最愛與小奢侈。
有機會總要逃到那去坐坐。
今天有機會選擇沙發椅的座位。
隔壁桌是四人座的位置。2個雙人座的沙發椅面對面。
沙發上的是2位西裝畢挺的傢伙，斜對角線面對的坐著交談。
為何不是正面的面對面呢？正面面對是敵對的位置？我納悶著。
他倆的對話傳進我耳裡、腦裡。
星巴克的初次會面！？
「你先把履歷寄給我吧。」A這麼說著。
『我希望找個可以長期穩健經營5-10年的工作機會...』B巴拉巴拉的闡述自己對工作的理念及願景。
「我想了解的是：你解決問題的能力。」A說。
『...』B停頓了一下。
回覆了什麼我倒不是很記得，我除了嘴裡咀嚼自己的午餐外，腦子正努力記錄與思索著"解決問題的能力"這幾個字。
下次面試時回話時要加上去，這鐵定大大加分，心裡默想著。
題外話：午餐時段，星巴克的人潮有比之前多。這是景氣復甦的徵兆嗎？
有機會總要逃到那去坐坐。
今天有機會選擇沙發椅的座位。
隔壁桌是四人座的位置。2個雙人座的沙發椅面對面。
沙發上的是2位西裝畢挺的傢伙，斜對角線面對的坐著交談。
為何不是正面的面對面呢？正面面對是敵對的位置？我納悶著。
他倆的對話傳進我耳裡、腦裡。
星巴克的初次會面！？
「你先把履歷寄給我吧。」A這麼說著。
『我希望找個可以長期穩健經營5-10年的工作機會...』B巴拉巴拉的闡述自己對工作的理念及願景。
「我想了解的是：你解決問題的能力。」A說。
『...』B停頓了一下。
回覆了什麼我倒不是很記得，我除了嘴裡咀嚼自己的午餐外，腦子正努力記錄與思索著"解決問題的能力"這幾個字。
下次面試時回話時要加上去，這鐵定大大加分，心裡默想著。
題外話：午餐時段，星巴克的人潮有比之前多。這是景氣復甦的徵兆嗎？
旺財蝦捲式
旺財蝦捲式睡覺大法：
睡夢中練瑜珈，腰身富有柔軟度。
日漸肥胖的下半身，慢慢陷入香甜鬆軟被窩中。
睡夢中練瑜珈，腰身富有柔軟度。
日漸肥胖的下半身，慢慢陷入香甜鬆軟被窩中。
Design＆Layout版面設計全攻略 4
Layout = 構圖 → 結構
最重要的觀念？ 從讀者出發 → 心機 → 引導閱讀
Layout的原則：
圖文比：
文字太多：悶 (用顏色做變化)
文字太少：羞
格線 (網格 / 系統化)：
建議使用：型錄、企業年鑑(大量資訊、理性編排)
手法：
破格 (不符規則的亂排。第一眼或許會"哇"，因為新奇流行有個性，玩設計的噱頭，卻不耐看，不易閱讀)
代表人物：David Carson 1957年8月9日誕生於德州
曾經是衝浪好手，也曾擔任過社會學、心理學、經濟學和世界史等課程的教師，後來又投身於平面設計。
風格： Fotografiks的定義：Photography+Typography=Fotografiks
文字處理，將文字跳脫出有系統，規則，等有秩序的排列方式；不將文字當做文字來處理；將文字利用變形，扭曲，重疊，解構，甚至是將文字的傳達訊息破壞。
在圖片處裡David Carson在畫面圖像的表現，都半使用失焦、低彩度、曝光不足的視覺效果，在圖像技法上常透過尋找不同照片中特別的地方加以拼貼組合，甚至切割單一圖片做異樣排列，狀如解構風格，形成畫面的趣味性與超現實效果。
一切都是以(反)，來跳脫人們的慣性思考。
代表作以紐約雜誌，(RAY GUN) ，被稱為美國最重要的作品。
最重要的觀念？ 從讀者出發 → 心機 → 引導閱讀
Layout的原則：
- 耐看：掌握比例 + 視覺法則
- 流暢：視覺 + 內容 → 起承轉合
- 層次：先後主次 → 視覺 + 內容的順序
- 閱讀：引導閱讀 + 容易閱讀 (文字清晰順暢)
圖文比：
文字太多：悶 (用顏色做變化)
- 用文字的顏色做變化
- 用文字塊的形狀做變化
- 用底色做變化
文字太少：羞
- 用有特色的插圖做出氣氛(粗邊、手寫感的文字)
- 將大量的情報資訊圖表化
- 拉大圖片或放很多圖片
格線 (網格 / 系統化)：
建議使用：型錄、企業年鑑(大量資訊、理性編排)
手法：
- 比例：版面的骨架 → 造型 + 美 - 基本定律
- 平衡：舒適的閱讀 a. 畫面重心 b. 填空 + 留白 c. 分散注意
←分散注意 - 對比：生動的張力 (大小 / 多寡 / 明暗、輕重)
- 規律：視覺的引導 a. 主動引導 b. 依素材做出對應 ( 年表)
- 方向：效率的閱讀 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 字
構圖：九宮格分法 / 原研哉
※文中提到的比例，並非準則。其中的細微調整需要的是設計師的眼力。
編排設計 (死刑)
雜誌設計師三大基本功：字體、字組、行段
字體：黑體、明體(宋體)、楷體、圓體、仿宋體 / (※常用)
字組：複合字體 (漢字+英文+數字+符號) / (※大小、字距。英文放大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
家經營印刷廠，擅長特殊質感的印刷。
其設計傳達奇怪的氣氛，破壞完美的平衡，隨性之作 。
ㄍ一ㄥ ㄍ一ㄥ組 / 三佐藤： (正規設計)
佐藤直樹
作品具社會性，箸《百年的愚行》。
用文字比例編排，簡單，自己設計英文字型。
佐藤卓
風格：潤，用色柔和，簡單。注重設計背後的故事。
相關連結：日本设计师佐藤卓包装设计
佐藤可士和
專長：發現問題的重點。以設計的力量，治癒品牌的一生。
風格：色! 多! 卡司! 哇! (色彩，系列，頂尖明星，風格明快)
其作品很多，請上官網看。
佐藤可士何的設計具有爭議性，不是每個都稱的上是好設計。
因其擅長抓住群眾的目光，創造了話題，也替產品賺進利潤。
相關連結：佐藤可士和-主要作品
為什麼日本的設計好?
日本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
家經營印刷廠，擅長特殊質感的印刷。
其設計傳達奇怪的氣氛，破壞完美的平衡，隨性之作 。
ㄍ一ㄥ ㄍ一ㄥ組 / 三佐藤： (正規設計)
佐藤直樹
作品具社會性，箸《百年的愚行》。
用文字比例編排，簡單，自己設計英文字型。
佐藤卓
風格：潤，用色柔和，簡單。注重設計背後的故事。
佐藤可士和
專長：發現問題的重點。以設計的力量，治癒品牌的一生。
風格：色! 多! 卡司! 哇! (色彩，系列，頂尖明星，風格明快)
- 從0開始的設計 (工作室的牆全白，不准有任何海報或東西干擾思考)
- 不需文案的設計 (例：mac，產品本身就是最強的廣告)
- 思考現狀，化缺點為優點的設計
其作品很多，請上官網看。
佐藤可士何的設計具有爭議性，不是每個都稱的上是好設計。
因其擅長抓住群眾的目光，創造了話題，也替產品賺進利潤。
相關連結：佐藤可士和-主要作品
Design＆Layout版面設計全攻略 1
向日本雜誌學設計，馮宇帶你從「看雜誌」到「懂雜誌」
「不會做雜誌，不能稱為平面設計師！」為什麼雜誌是平面設計師最怕的挑戰？想知道日本雜誌有什麼驚人祕密？《PPAPER》雜誌前藝術指導、《2535》雜誌創意兼藝術指導：馮宇以實戰經驗與長期閱讀累積，準備了2個小時的日本雜誌密集講座、讓你從「看雜誌」到「懂雜誌」，一眼看穿隱藏在雜誌琳琅滿目情報背後的有趣事實！
本週課程：日本雜誌市場目前的現況，介紹一些市場上賣座的雜誌跟頂尖的藝術指導。
日本雜誌設計分
- 先割(設計先行)手工：老一輩的設計使用。先畫好版面，確認文字與圖片位置。在請編輯給固定的字數(藤本泰)
- 後割(電腦普及)
設計無法主導雜誌原因
- 沒有主動與編輯討論
- 沒有能力鋪陳內容，主導內文
何謂藝術指導(雜誌)
掌握雜誌整個流程，使雜誌內容有起承轉合
分配文字與圖片，引導讀者閱讀，與讀者做溝通
像拍電影一樣，其地位如電影導演重要
特別可從偏重攝影的時尚雜誌中可看出其雜誌藝術指導的功力
(其攝影師也是藝術指導負責)
藤本泰──每年花上兆金額買雜誌的日本人，靠他才知道甚麼最in!
- 僅運用配色、構圖、比例，就能呈現張力十足、充滿氣氛的內容
- 文字依舊簡單，並無做特效
- 將複雜的情報變成具有個人特色的圖表
情報的整理關係到如何引導觀眾閱讀
跨頁:如何達到平衡感
圖片置於右上、左下
文字置於左上、右下(重點在欄位以比例分割)
日本雜誌特色之一：具有空間感
尾原史和
其族群為25-30歲的人(忙到沒時間吸收情報)
特色為每篇800字，閱讀所需時間為2分鐘，約為電車一站與下一站所需時間。
內容多元，大量的情報，用特別的企劃包裝廣告，製作成廣編稿(找廣告人來做雜誌，使廣告頁不只賣商品，用更貼近人的手法包裝，由切身相關的資訊在導引到廣告商品，使用有趣的插圖)，有收藏價值。
藝術指導:尾原史和 / 插畫家:寄藤文平
延伸閱讀：上班族的神奇密碼：R25 ， R25到2535
總編輯:齋藤和宏
雜誌要的是故事，營造氣氛
新聞要的是事實，講求精準
延伸閱讀:BRUTUS的編輯哲學
其他推薦雜誌：PEN / NIKKEI DESIGN / Numero / Numero.jp / BRAIN
日本雜誌好看的原因，情報量大，內容豐富。
即使廣編稿，都能讓讀者獲得新知。
但因為情報量大，設計上僅以文字的大小粗細，與內文圖片做比例上的調整，來做出該篇單元的氛圍。
雜誌的封面也可看出藝術指導的功力，與呈現雜誌風格定位。
身為雜誌的設計，藝術指導是個很好的目標
Q: 既然雜誌越來越難賣，沒有方法可以解決嗎?
A: 這是大環境的趨勢，做雜誌最需要的是『熱忱』... 在座的各位，要是有履歷丟到出版社的快去收回來吧! (笑)
Q: 自己怎麼從日文雜誌上學最強版面設計?
A: 你可以靶雜誌拆開，掃描到電腦裡，拉出格線去分析畫面的等分配置。
【typography】洋蔥設計告訴你 3
書本設計師：
Wang Zhi Hong王志弘
Arron Nieh 聶永真
非理性、隨性、FUN。
使用日文的筆劃取代漢字的筆劃。
Typo 玩的是 空間、佈局、對比
對齊→結構強烈(引導視線，好閱讀)。 理性→黑體。 感性→手繪、有機的線條(簽名)。
日文書封面設計，多看沒有圖像的設計，看整體結構，空間的流動，字大小對比，陰陽的表現。
日文雜誌對於大量文字資訊處理手法，可參考使用。其很少裝飾元素，運用手法留空間，用細線分隔。資訊的整合使用對齊格線，文字layout完整。
What Is Typography
Basic Of Typography
Typefaces
Serif 襯線
Sans Serif 無襯線
Semi-Serif 半襯線
Cases
Uppercase W / Ligature 大寫字母
Lowercase W / Ligature 小寫字母
Small Caps 小寫高度大寫字
Accent Marks 重音符號
Uppercase Number 大寫數字
Lowercase Number 小寫數字
Italics, Oliques 斜體字
Punctuations 標點符號
Dingbats 特殊符號
Typography Terms
Flush Left, Ragged Right, 齊左 (不齊右)
Flush Right, Ragged Left, 齊右 (不齊左)
Center 對中 居中 齊中
Justified 齊頭尾 (左右齊行)
Kerning 字距調整 (個別)
Spacing 字距調整 (整體)
Leading 行距
Base line shift 底線調整
Paragraph
Indent & Tab 縮排與定位點
Windows And Orphan 孤兒，寡母(段落最後一行只剩下一個句號或一個字的情況，可減少上一行字的字距，好讓掉下來的字縮到上一行去)
Columns 欄位
Grids 格線
Guides 參考線
Techniques
Reversed 反白
Bullet Point 重點符號
Quotes (“” ‘’) and Inches (5’ 4”) 引號與吋
Lines, shapes 線，形狀
Composition/Layout
Visual Weight 視覺重心
Negative Space 留白
Tension/impact 張力/衝擊
Balance/contrast 平衡/對比
Web Links
Typography
http://www.typeworkshop.com/
http://typophile.com/
Free Font download
http://www.acidfonts.com/
Online Design Magazines / Design Portal
http://www.designiskinky.com/
http://www.printmag.com/
http://www.australianinfront.com.au/
http://www.thebestdesigns.com/
http://surfstation.com/
http://www.k10k.net/
http://www.designsnack.com/
http://www.plasticpilots.com/
http://www.digitalthread.com/
http://www.netmag.co.uk/
http://netdiver.net/
http://www.allmaple.com/
http://www.plus81.com/
http://www.shift.jp.org/
http://www.linkdup.com/
http://www.newwebpick.com/_webpick/webpick.php
Wang Zhi Hong王志弘
Arron Nieh 聶永真
非理性、隨性、FUN。
使用日文的筆劃取代漢字的筆劃。
Typo 玩的是 空間、佈局、對比
對齊→結構強烈(引導視線，好閱讀)。 理性→黑體。 感性→手繪、有機的線條(簽名)。
日文書封面設計，多看沒有圖像的設計，看整體結構，空間的流動，字大小對比，陰陽的表現。
日文雜誌對於大量文字資訊處理手法，可參考使用。其很少裝飾元素，運用手法留空間，用細線分隔。資訊的整合使用對齊格線，文字layout完整。
What Is Typography
Basic Of Typography
Typefaces
Serif 襯線
Sans Serif 無襯線
Semi-Serif 半襯線
Cases
Uppercase W / Ligature 大寫字母
Lowercase W / Ligature 小寫字母
Small Caps 小寫高度大寫字
Accent Marks 重音符號
Uppercase Number 大寫數字
Lowercase Number 小寫數字
Italics, Oliques 斜體字
Punctuations 標點符號
Dingbats 特殊符號
Typography Terms
Flush Left, Ragged Right, 齊左 (不齊右)
Flush Right, Ragged Left, 齊右 (不齊左)
Center 對中 居中 齊中
Justified 齊頭尾 (左右齊行)
Kerning 字距調整 (個別)
Spacing 字距調整 (整體)
Leading 行距
Base line shift 底線調整
Paragraph
Indent & Tab 縮排與定位點
Windows And Orphan 孤兒，寡母(段落最後一行只剩下一個句號或一個字的情況，可減少上一行字的字距，好讓掉下來的字縮到上一行去)
Columns 欄位
Grids 格線
Guides 參考線
Techniques
Reversed 反白
Bullet Point 重點符號
Quotes (“” ‘’) and Inches (5’ 4”) 引號與吋
Lines, shapes 線，形狀
Composition/Layout
Visual Weight 視覺重心
Negative Space 留白
Tension/impact 張力/衝擊
Balance/contrast 平衡/對比
Web Links
Typography
http://www.typeworkshop.com/
http://typophile.com/
Free Font download
http://www.acidfonts.com/
Online Design Magazines / Design Portal
http://www.designiskinky.com/
http://www.printmag.com/
http://www.australianinfront.com.au/
http://www.thebestdesigns.com/
http://surfstation.com/
http://www.k10k.net/
http://www.designsnack.com/
http://www.plasticpilots.com/
http://www.digitalthread.com/
http://www.netmag.co.uk/
http://netdiver.net/
http://www.allmaple.com/
http://www.plus81.com/
http://www.shift.jp.org/
http://www.linkdup.com/
http://www.newwebpick.com/_webpick/webpick.php
