[筆記] 空白地區平面課 課程筆記 Week 01

因緣際會加上腦波弱去報名了空白地區在學學文創開設的設計課
(空白地區是我最喜歡的台灣平面設計師Top3之一啊TT)
趁著印象還鮮明的時候趕緊寫寫上課筆記也當作分享!順便督促了blog更新可喜可賀(。)

課程:設計職能大全:平面設計師的養成工作坊
時間:01/05-02/04,共計五週十堂課。
講師:空白地區 Fi(彭星凱)(Fi念フィ!Fish的Fi安捏)

筆記裡面有些上課的附圖,附圖的網址來源將標註在圖邊。
由於沒有向老師問過寫筆記這件事,也沒有和原設計師們打過照面所以貼得很驚…
如果有侵權疑慮或不妥的部分請務必留言告知,會立即撤下或是以密碼鎖上。

上課不太專心大概也是很電波的筆記內容O<<
每個星期四晚上寫應該星期五寫得完,星期五沒PO就大家催稿哇^o^(怎麼好像有點大言不慚)

【第一課】造型素描基礎
【第二課】設計圖學與造型原理


01/05 LESSON 01 造型素描基礎

這節課老師表示忘記帶隨身碟所以大多都是實作搭配講評,因此筆記部分就比較偏向條列式重點。

準備工具:一張素描紙(16開)、一枝3B鉛筆
把素描紙分成上下兩欄,上面再分割成兩格

攝影師阮義忠先生:(我忘記他到底說了什麼但就有提到)

觀察一個物件主要觀察它的:造型(比例)、光影
應用紙張的顏色(白色、米色之間的差異)
---

【素描基礎課】

A part 5格/8格灰階
在紙上畫出5格/8格空白格子,並且由淺至深畫出等差且分隔明顯的灰階(不能用格線作弊)

◆ 如何畫出灰階:用力程度、排線密度
◆ [練習] 同一方向筆觸+漸層力道
◆ 起手式:深→淺,一次畫兩格並重疊

B part 正圓練習
劃出正方形然後割成四等分,依照半徑畫圓

◆ 輔助線畫正確才會有正圓
◆ 注意各塊面積應相同,修正凹陷

C part 杯子
拿一個紙杯然後畫它,要畫陰影。看到什麼就畫什麼上去。大小至少1/4張紙

◆ 觀察力的訓練
◆ 注意光源,被遮住的地方陰影最重
◆ 杯子的厚度
◆ 杯體的過渡陰影
◆ 利用背景襯出白色、消去輪廓線
◆ 利用筆當作比例尺作畫
◆ 畫物品色階時先畫深的再畫淺的。例如畫圖時會先畫蘋果然後香蕉,再來才是白色杯子。
不要背圖!(很重要)觀察物品然後畫下來。

D part 構圖練習
拿出身邊至少三個物件排出一個構圖,然後畫出簡單輪廓。

◆ 三角形構圖/或某物放大成背景帶出關係
◆ 一張構圖可以切成很多小塊組成
◆ 避免微妙的擦邊、以及與畫布邊緣平行孤立的線條和物件
◆ 注意物件的相互關係與位置,例如重疊可以表現出物體前後
◆ 對比強的看起來比對比弱的要近

【電影海報】
Google 搜尋:movie poster
分析海報的構圖與明暗組成。

◆ RoTG Jack的人物海報→三角形構圖、明暗相互襯托
◆ 以黑白面積組成的不對稱但又平衡的構圖
◆ Thor 2→三角形構圖、不平行的線條
◆ Mirror Mirror→白色物件以背景襯托、顏色的前後關係(紅>黃>白)顏色深的看起來比較前面
◆ Holmes→黑白對比造成的前後對比
(懶得找海報貼啦)

【輪廓練習】
Google圖片,用線勾出必要的細節但又適時收斂省略(簡化但還是可以看出材質等)不上陰影色階

---

素描畢竟是畫圖的基本
被問有沒有上過課還是覺得「啊原來野路子打起來還是有點東西的」(自我感覺良好)
構圖練習時作品有被拿上去講解,但被老師點評比較OK的那個是先畫的啊XDDDDD(慘)


01/07 LESSON 02 設計圖學與造型原理

這次有投影片了痛哭流涕,慘的是筆記跟不上投影片速度(虐)
這堂課的筆記不超過三十字…憑印象吧TT

準備工具:方眼紙、筆

課程開頭接續第一課的素描,開了張素描畫給大家判讀哪裡畫的好或不好
那張主要問題是固有色沒有出來,加回去之後改善很多。
以及又找了幾張海報分析構圖
像是兩個三角形疊在一起看起來相對穩定、還有中間色與淺色深色之間的襯托等等

【講課】
A part 幾何

定義:以數學方式演算出的圖形,參見幾何學 – Wikipedia
◆ 點、線、面/圓形、三角形、四邊形、多邊形/直線、曲線

AGI Open
國際平面設計聯盟(Alliance Graphique Internationale)的年度研討會
logo就只有一個三角形跟一個圓形,沒了。
至於是三角形與圓形的原因是,這兩種幾何形狀是利用最少的線來表達面的圖形by老師(或同學)
(上課認真點好嗎)

絕對主義:將畫面、文字收斂到幾何圖形的一種創作方式
這種手法因為利用幾何圖形的數學特性,將設計師的個人特色降到最少(不是說不專業喔,而是類似插畫那種每個人的畫風特色)且以精準的數學方法繪製出的圖形連帶表現出了企業的專業形象(大概吧),畢竟logo代表的是企業而不是設計師本人。

---
中間貼了不少大神們的作品TT 但有幾張真心找不到就Let it go~~~~

王志弘

via、京極夏彥《幽談》的標準字
因為這種字型當內文實在太喪失了(易讀性的考量),通常當作大標使用。

在這張前面有一張用透視圖角度畫的書(忘記是誰畫的TT 大概是老師吧←喂)
有稍微提到為什麼這張不是畫成那種樣子而是畫成了書的一側?
其實這是自轉星球出版社10週年紀念的logo
10週年的0,右半邊轉個方向拉過去就變成了一本書

--------
聶永真(為什麼在他自家網站裡都找不到上課用的圖…)
雖然說上課告知拿個檔案好像不是件很難的事情,只好用描述的O<<

嚴爵某張唱片
(網路上的圖片大多沒拍到內頁不確定哪一張)
兩個看起來有點圓又有點方的菱形,由四個大圓所疊起來的部分組成(也就是Ai的相乘)

Re_沒有代表作
一位少年,搭配經典三形狀:圓形、正方形、三角形,全圖以青色(Cyan)印刷
沒有代表作是聶永真第一本商業出版作品集
這張海報的作品意念是以青少年、最基礎的三圖形、以及代表工業的青色印刷表達設計的基本與初心。

B part LOGO
Apple:以黃金比例作畫的公司logo(?)

(不過之後對著看了一下,沒標角度總覺得有點牽強所以持保留意見)

Yahoo換logo
前陣子Yahoo砸重本,花了一兩個月每天換logo並搭配投票機制詢問意見,得票最高的成為他們的新logo的一連串活動,這支影片充分表現出數學嚴謹邏輯之美麗

不過說真的沒有這個影片真心覺得你換了幹嘛

Google換logo
超級比一比:
舊:

新:

解答:

via
全班陷入一陣沉默
OS:靠夭喔不疊圖怎麼看得出來具體改動在哪啊XDDDDDDDD

沒有宣傳,沒有廣告,新舊差別其實也就字距以及l的位置稍微往下拉了一點;
但就這麼一點點,全世界都在討論它。

這兩個case都表現了大企業對logo極其細微的注意,也很具體地體現了他們做事的態度與重視的程度。

【實作】
使用方眼紙,以基礎幾何圖形(三角形、四邊形、圓形)組合成四種以上的符號。
畫完之後標示出想要的圖形,再去做進一步發展。


……
………
…………這段時間根本失智…………我到底幹了三小…………(不要說出來)

幾個被提出來的點與tips:
◆ 這種發想階段叫做水平思考,後面完善則稱為垂直思考。
◆ 利用加減圖形製作出新符號
◆ 一開始容易畫得太對稱,打破對稱試試
◆ 畫了幾個下來容易走向同種手法,請多嘗試不同套路
◆ 避免不必要的步驟
◆ 越好被描述的圖形越令人印象深刻

---
造 型 死 慘 慘

上堂課的餘裕蕩然無存。專業的訓練很重要XDDDDDDD
整堂課的筆記寫得像密碼一樣~~~~乾我看不懂自己寫的筆記~~~~(一團混沌)
只好憑印象寫

&老師的笑點大家都抓不到(爆笑)


WP排版好崩潰TT
這樣寫超長的我撐得完五個星期嗎(血淚)

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s