內容目錄
本堂課來到平面設計~平面設計組成成分包含版面(空間)分配、字型、圖片,主要而言重視於排版的平衡。而成品上可以分為印刷品與輸出品,印刷品泛指各種書籍、海報、傳單云云,輸出品就多了,諸如包裝、路標、網頁。
印刷
在印刷中有幾點要注意的地方,包含:
- 解析度 300 dpi,再往上肉眼無法分辨,但你的設備可能會死去
- 色彩模式 CMYK
- 出血範圍保留 0.5 cm
字型
字型上有襯體字與無襯體字的分別,襯體字就是有襯線的字體,通常在字體的起始會有一些裝飾或勾勒,比方說明體;無襯線則是黑體這一類,筆畫通常一樣粗。襯體字看起來比較典雅,在印刷品中也較容易閱讀,因此經常被使用在內文之中,字縮小也比較不容易糊成一團;黑體則是比較科技感、低情緒,較常使用在標題,其在網頁上比明體來得容易閱讀。
排版
- 初階的排版中可以簡單將空間分為九宮格,並把元素放在各部位試看看。
- 排好之後將整個版面縮小,讓文字成為圖像,看看感覺怎麼樣。
- 印出來排在桌面上,實際感受輸出後的感覺,包含顏色、紙質等等。
排版過程中也要注意字體之間的平衡,例如「平面設計」四個字,可以明確感受到「平」因為結構簡單而非常鬆散,可以透過水平或垂直、甚至是圖像化後多邊形調整來修正。
文字排版
除了字型之外,還包含尺寸、行距、字距等。太過擁擠會不好閱讀,但太鬆散也會因連結程度過低而讓人感到吃力。在這邊老師說他小時候學過書信體不可以以標點符號結尾,我們討論了一陣子後沒什麼結論,或許是換段落時需要更多的空隙來在視覺上有明確的區分。
版面透析
透過招生手冊的分析來查看排版的問題,包含資訊分散於不同的區塊、敘述導致有一些不規則的留白等。另外還有粉專的宣傳圖,由原本感覺比較沒特色的黑體修改成較筆畫較細的黑體,並在水平縮放上作了一點調整,以及將圖片放置在中央下方。
今天的內容其實還蠻平實的(?)。畢竟網頁也算是排版的展現吧?行距字距等等也都是老朋友啦。
分享
老師分享去年參觀北美館展覽「未完成.黃華成」,帶我們認識這位 1960 年文化界的先知。在那戒嚴的年代,他的設計真的是很前衛大膽,正如他所言「好的封面設計是這本書的第一次書評。」亮點就得在第一時間被展現。
實作
這堂課的實作主角是色彩,利用紅黃藍三原色來作畫。要畫滿一整張我看也是差不多要畫個三天吧。
本堂課的經典語錄是「紅色與藍色,都是狠角色。」 XDDD
第一張畫的時候,顏料用得太多,水的比例太少,所以整體顏色都很深,看不太出來變化,第二張稍微有點進步了。
後記:我覺得比起紅色,藍色更是狠角色。
賺到的課外補充
典雅不一定是明體的特色,黑體也不一定比較無聊,有時候還滿有重量與衝擊的,科幻類型的作品就做得很到位,cyberpunk 類型更是愛用,《福音戰士》也使用稍微比例變形的黑體字做字卡:
《福音戰士》不只使用比例變形的黑體字,最令人印象深刻的是作品裡的電腦螢幕,漢字使用的是明體,而且也是比例變形過的樣貌,這就超乎通常螢幕比較適合使用黑體字的觀念,這也成為《福音戰士》令人印象深刻的一種符號像這樣扭曲傳統應用的視覺效果,就與《福音戰士》故事中大量參考的信仰哲學與預言理論,結合成一種同時具備科幻(黑體字)與超自然神秘(明體字)的雙重感受(比例變形)。
懂得正確使用明體的網站我覺得是更高竿的設計,例如愛馬仕的網站,黑體字做標題,內文是明體,黑體字做瘦長的體型,並且加寬字距,與內文的明體互相輝映出另一種典雅的整體感,更有趣的是,作為標題的黑體字,其實並沒有使用到小寫字,但是我們閱讀的時候,會因為字體大小的關係,而有小寫字體的錯覺感。
Vogue 台灣網站,更是大量使用明體中文,也非常漂亮,所以嚴格上來說,黑體與明體之間的差異,並不是在應用載體的適應性,單純只是設計師有沒有辦法,清楚地去駕馭字體在不同平台上能夠展現的特性而已。