《微調有差の日系新版面設計》讀後筆記

從臺北市立圖書館借閱電子書

畫像素邁入第三年,最近我遇到最大的難題,反而是物件畫完了以後不知道怎麼安排畫面。比如前幾天畫的淋醬小動畫,動畫和醬料擺上去以後畫面空盪盪的,因為想填補空白,第一個版本我為醬料加上遊戲風格的按鈕框和閃亮特效,結果一點也不搭調。為了拯救這張圖,我緊急讀了《微調有差の日系新版面設計》這本書。

這本書主要探討平面設計的「あしらい」(ASHIRAI)。「あしらい」在書裡翻作「細節修飾」,指的是從邊框、色塊、線條、插圖、文字加工、背景材質等小地方著手,針對細節不著痕跡的修飾,達成高完成度的設計。書中有滿滿的範例,左邊頁是「新手設計師 差強人意小姐」的設計,右邊頁則是「資深設計師 優質品味前輩」的作品,藉由對比兩人的作品,還有新手與前輩的對話,來講解如何調整版面,讓設計更符合潮流。只是在細節上做了一些改變,設計的質感便完全不同,簡直像魔法一樣!不過「優質品味前輩」的吐槽還滿毒舌的,如果職場中有這樣的前輩,感覺有點討厭(玻璃心被戳中(笑)。書中提到的技巧有:

隨興感

將粗框、粗線改為細框、細線增加留白,反而能凸顯資訊。

風格營造

利用手繪插圖、裝飾來營造氛圍。比方說串旗適合用在兒童活動、閃光符號可以用來表示華麗、喜悅,絲帶則帶有少女感,有時也能呈現華麗感。根據想傳達的氣氛,來選擇適當的插圖裝飾。

質地

牛皮紙、瓦愣紙、方眼紙、紙膠帶、木材、磁磚、砂漿、大理石等等,在版面上加上寫實素材,可以傳遞出手作的溫度還有工藝感。

資訊整理

如果版面的文字訊息過多,需要進行適當的整理,將高重要度的資訊和低重要度的資訊透過文字大小、線條、邊框、色塊等來區隔。

文字裝飾

對文字本身進行加工,利用局部的手寫文字可以創造隨興感、添加插圖可以增加親切感、中空文字則可以營造流行風。最好不要輕易使用粗外框和下拉式陰影,會給人老氣的印象。

對比

重點的文字放到最大、加入邊框或對話框、變化顏色、加粗字體,至於不重要的文字,即便小也無妨。放大最想強調的資訊及賣點做出對比,除了易於閱讀也有助於加深觀者印象。

注目度

在希望提升注目度的地方,加入吸睛元素。版面中的左上角是吸睛元素最能發揮功效的位置,常用的吸睛元素有對話框、集中線、圖標、標籤、添加圖形、放大起頭文字。

律動感

讓文字不只有水平或垂直排列,像是文字斜放、拱形排列、沿著曲線配置、交互錯開等,有律動感的設計,能讓版面活起來。

書中還有更多修飾手法的介紹,一時之間真是消化不完,看了嘆為觀止。設計的世界博大精深,過去只會用Word做海報的我,根本連一點皮毛都還搆不到。最後我參考了書中建議,在圖上只加上簡單的框和細線。看起來好多了!會畫畫不等於會設計,以前我不太懂這個道理,在開始畫像素以後,終於體悟到了,今後我還要再多充實設計方面的知識。


書籍資訊

書名:微調有差の日系新版面設計:告別基礎&沒fu老梗,微調細節差很大,幫你提升點閱率和接案量
原書名:あたらしい、あしらい。あしらいに着目したデザインレイアウトの本
作者:ingectar-e
譯者:李佳霖
出版社:原點
出版日期:2024-08-14
ISBN:9786267466346

沒有留言:

張貼留言