00-00 Content
自我介紹／ ABOUT ME
page.02
商業設計／ COMMERCIAL DESIGN
page.05
視覺設計／ GRAPHIC DESIGN
page.21
UI 設計／ USER INTERFACE DESIGN
page.33
結語／ CONCLUSION
page.40
00 畢業 劉 家瑜 Greamo Liu
就業
文化大學中文系文藝創作組畢業，就
第一份工作在展覽設計公司上班，任
學期間曾與學校老師們共同舉辦了一
職三年多。當年學校之間特別流行英
場文學獎活動，在其中擔任美術設計，
語情境教室，甚至還會互相攀比哪間
製作海報和各類文宣品。這是我們文
學校比較厲害；他們空出一個大空間，
藝盃的第一屆，而我有榮幸參與，這
將牆壁刷上圖案，或是貼滿輸出稿，
份回憶已是我心中的寶物，並且也藉
上頭繪有許多諸如出海關、免稅商店
此契機開啟了前往設計職場的路。
購物、飛機上與空姐的對話。也許是 因為老闆認為我善於與老師們合作， 這讓我在這三年的期間都負責和老師 聯繫，並製作相關圖面。這三年間我 認識了那些可愛又親切的老師們，是 富足又愉快的工作經驗。
社團
再出發 ......
業餘期間我加入了寫作會。當年的我
因對漫畫有興趣，轉而任職飛魚創意
2017 年進入傳動數位設計，這裡主
2018 年後，我將目光放遠，開始自
對文學仍然有一股熱情，就算寫得
美術編輯，期間製作並出版了臺灣漫
要承接公部門案件和學校業務，設計
學 UI 設計，並將原本的平面設計技
少，待在這裡卻能使我看得多。我對
畫百人繪、ICOM 漫畫雜誌等書，並且
師們需要與上司或業務一同往返學校
能更加強化，期許自己能在設計這條
於自己身處在寫作會中有許多美好的
與兩位企劃組隊，一同設計敖幼祥安
了解設計需求，或是和各公務機構長
路上越走越深。
想像──而我也確實在這裡獲得許多
古蘭漫畫節臺灣展覽、文化部主導的
官商談接下來設計稿的設計方向，
文學領域的創作朋友，他們多已在文
臺灣漫畫節第一屆展覽等。在這段期
也順利地編排了幾本刊物，達成了
壇成名，和他們閒聊，心思都被淘洗。
間和許多現役漫畫家結識，並且也開
2016 年我想透過實戰練習編排技能
是我鞏固創作之心的寶貴基地。
始學習到書籍編排的技能。此時我開
的願望。自 2017 年到 2018 年初的
始思考身為設計師的未來與前景，想
農友月刊、兩岸經貿月刊、世遺森鐵
要編輯更多書籍。
小旅行、浪漫台三線客庄縱走提案、 文化桃園提案等設計經驗，讓我對於 刊物編輯有更多自信。
About me__ 自我介紹：講點出生以外的事 ｜
03
01-05
Commercial Design
我將在工作期間製作的產品歸類於此，它們是與客戶之間，與團隊之間的共識集合。在磨 合的過程中我們毫無意外都成為了更好的人，為了成就團隊，更加努力。
01
01
Commercial Design 外勞詩文選集合輯彙編
這是歷屆外勞詩文選集合輯彙編製作 計畫，裏頭將放上來自印尼、越南、 泰國等地國際移工的自創詩選，內容 物的言語稚嫩可愛，他們總是提起自 己的家鄉，奶奶，熱帶的香蕉樹，女 兒的微笑，生病待養的兒子；其中濃 厚的情感令人動容。 在接下這個案子時我首先想到的就是 旋律，於是使用了音樂的印象，以及 來自各國與台灣的標誌性建築剪影， 再融合這些熱情國度所喜愛的紅色， 便完成這一次的提案。而內容編排除 了有詩選以外，此本刊物的受眾更是 為了讓初來臺灣的移工們更認識這美 麗的寶島，故也有許多臺灣景點與文 化之介紹，希望能透過這個管道方便 他們更認識臺灣。
書籍規格：A5 右翻書 紙質規格：牛津布紋紙，嵩蒿紙 宣傳書籤：w3(cm)xh11(cm) 宣傳酷卡：w14.8(cm)xh10.5(cm)
Commercial Design__ 對客戶需求使命必達的商業稿件 ｜
07
01
Commercial Design__ 對客戶需求使命必達的商業稿件 ｜
09
02
02
Commercial Design 客庄縱走 ‧ 浪漫台三線書籍提案
因是和客家庄有關，我想試著將帶點 鄉土味的風格融入手繪手感，全程在 電腦上完成製作，色系選用沉穩的大 地色，「客庄縱走」四個字設計得帶 一點當地庄子裡屋簷的味道，讓一層 層在山裡的歌聲混入人們的合音。 這是客委會所發布的案件，我們公司 參與這個標案的搶奪賽，而我有幸和 其他設計師們各提一款，進行標案的 設計提案；雖然最終公司沒有獲得這 次的機會，但我們並不感到灰心喪 志，之後又對下一個桃園提案進攻。
書籍規格：B5 右翻書 紙質規格：牛皮紙，道林紙
Commercial Design__ 對客戶需求使命必達的商業稿件 ｜
11
02
Commercial Design__ 對客戶需求使命必達的商業稿件 ｜
13
03
03
Commercial Design 臺北市社服處社福季刊春季號
臺北市政府社會局所發布的案件，一 季一期（春夏秋冬），我負責春季。 當時將標準字設計出來以後，對方希 望刊頭可以維持和上一個廠商一樣有 插畫的感覺，我們重新構思後，決定 是以滿版插畫作為第一頁的上半部 （而這個部分在刊物十字摺以後是能 全部顯露的地方，）除了能與過往做 出區別，也將版面弄得更活潑可愛。 裏頭內容固定含有政府政令宣導，偶 有嚴謹，偶有童趣，偶有創意，內容 不外乎都是關照著各社區內老人們的 活動。值得一提的是，每一季中都有 以漫畫的架構來做政令宣導的部分 （通常在第七頁），這個漫畫的繪製 由我來執行。 這是我們終於打入臺北市的政府案 子，我們每一個人都非常努力。
書籍規格：A2 十字摺 紙質規格：120 磅嵩蒿紙
Commercial Design__ 對客戶需求使命必達的商業稿件 ｜
15
04
04
Commercial Design 世遺森鐵小旅行 ‧ 精裝書籍
此為和嘉義文化觀光局合作的阿里 山小火車宣傳書籍，封面使用鋁鉑 金鑽紙，白墨等加工方法印製，在 一百三十頁的旅途之中，我們從世界 遺產阿里山森鐵，從奮起湖到山間部 落，一一介紹著此處的在地風情。內 容甚至邀請詩人渡也為阿里山的各景 賦詩，是一本製作過程比起成果更令 人愉悅的創作經歷。
書籍規格：w20.5(cm)xh20.5(cm) 右翻書 紙質規格：鋁箔金鑽紙、道林紙
Commercial Design__ 對客戶需求使命必達的商業稿件 ｜
17
05
CMYK 100 / 60 / 00 / 00
CMYK 100 / 90 / 30 / 00
CMYK 100 / 90 / 00 / 50
CMYK 00 / 65 / 100 / 00
05
Commercial Design 臺北市立天文科學教育館 Vi 設計
這是修改後的臺北市立天文科學教育 館 LOGO，此 LOGO 核心意義包含了 「經緯」、「日晷」以及「快樂的孩 童」。臺北天文館宗旨在於將艱澀難 懂的天文科學科普給各年齡的孩童 們，且經實地考察後發現現場亦有 許多兒童友善設施，是一個能讓親子 都愉快玩耍的教育空間；於是，本次 LOGO 的修改便將孩童視為一重要的
Adult tickets
Child tickets
參展資訊Q&A
府授人給字第1083001149號函
TEL：(02)28314551
成人票
兒童票
設計元素，並採用代表宇宙與星空的
參展資訊Q&A
府授人給字第1083001149號函
深藍色，以及日光的暖黃色作為其色 彩識別。 為了能夠將此 VI 適應在每一種不同品 項的宣傳品中，這裡做了幾種排列組 合；關於英文縮寫（而沒有中文名稱）
TEL：(02)28314551
我將其設為 TPEM，原因是「南瀛天 文館」的英文縮寫 TAEA 中的 T 代指 臺南；故這邊的臺北英文我便為了做
府授人給字第1083001149號函
TEL：(02)28314551
參展資訊Q&A
府授人給字第1083001149號函
Preferential tickets
參展資訊Q&A
優待票
Group tickets
團體票
出區隔，寫成 TP 代指 Taipei。
TEL：(02)28314551
Commercial Design__ 對客戶需求使命必達的商業稿件 ｜
19
06-13 Graphic Design
我將在社團中所創作的設計作品歸類於此，雖然「Graphic Design」泛指平面設計，卻又 偏向一種視覺美感的強調。接近五年的時間，我為寫作會製作不少宣傳產品，從稚嫩到逐 漸成熟。為了他們的美好文字，我以自己的觀點向讀者傳達了屬於我的補充敘述。
06
它總是把我們帶回到遊戲的起點，而且
且從不枯燥。
06
Graphic Design 寫作者的魔方森林小聚
此為描寫社團內的獨有文化《批鬥 會》製作出的文宣品，為新加入的成 員能更有系統地認識此文化的入口。 《批鬥會》，是我們寫作會多年來持 續不輟的寫作力運動。寫作就是解魔 方，會員們投稿後，會員們彼此觀察 作品，彼此做出評論。故而此圖代表
的含意，便是象徵創世神的寫作者， 以及各類文體的萬象。 它總是把我們帶回到遊戲的起點，而且從不枯燥。
在這張圖中我使用了 AI 裏頭的 3D 效 果製作立方體，接著進入 PS 繪製草
它總是把我們帶回到遊戲的起點， 圖，最後回到 AI 完整繪製。我的創作 流程在此時幾乎已經確定。
Graphic Design__ 文字之外的補充敘事 ｜
23
07
CMYK 15 / 40 / 75 / 00
07
Graphic Design 少‧年‧小‧樹‧之‧歌
此為文字設計的練習。2018 年中我 開始學習字體設計，目的是為了改善 自己用字不佳的狀態，這次的嘗試結 果令我很喜愛，是一個較富裝飾性， 中宫 較為緊縮，卻重心偏低的文字，試 圖表達《少年小樹之歌》裏頭優雅， 哀傷的情緒。
CMYK 45 / 00 / 15 / 00
《少年小樹之歌》描述一位小時候和 爺爺奶奶，在美國東部查拉幾山區生 活的印地安少年故事。裏頭的飛鳥， 溪水，森林和夥伴，都是浪漫且可愛 的。而這燦爛前景之後，卻又瀰漫著 些許的憂愁，只因他們所依賴生存的 自然環境、自身的種族，都在被他人 破壞或歧視。
CMYK 35 / 30 / 30 / 00
為了迎合這樣的概念，我找到了暖灰 色、金黃色去做搭配，再輔以一些字 體上的立體感作為海報的主體，如此 完成了這次的設計。
Graphic Design__ 文字之外的補充敘事 ｜
25
08
08
Graphic Design 想像朋友 (IF) 寫作會 _ 視覺宣傳圖
此圖為《魯迅筆名》的意象視覺。宣 傳文章中強調魯迅為了躲避當年的政 治威脅，使用各種假名在世間發表著 作；左圖中用手指代替了火柴，陳躺 在盒子之中。假使你熱衷於為了自由 發表言論，那就像是拿自己的手當成 火柴，燒一燒，我們照亮了周圍，卻 也因此消逝。 根據《魯迅筆名印譜》、《魯迅筆名 索解》記載，經過維基百科整理，魯 迅在發表的文章裡面，包含許多名 字，這其中，也包含「幹」、「宴之 敖者」。以下列出魯迅的 ID ： 黃棘、 周 豫 才、 周 樹、 唐 俟、 許 霞、EL、 ELEF、 許 遐、L、 洛 文、 令 斐、 豫 才、豫、唐豐瑜、冬華、長庚、宴ㄌ 敖 ...... 等。 那些經典的〈阿Ｑ 正傳〉〈藥〉〈狂人 日記〉逐漸在 2009 年被抽起，理由 是包含了「過分政治批判」，剩下倖 免的都是一些比較輕薄的散文。可見 在習近平上任後、隨著政治緊縮，我 們也漸漸發覺，中國自己就活成一部 曲折、吃人的小說了。
09
Graphic Design 想像朋友 (IF) 寫作會 _ 視覺宣傳圖
「挪威的森林（ Norwegian Wood ）」 是村上村樹的小說，同時也是披頭四 的 歌， 或 稱 做 This Bird Has Flown ， 從小說開始就扮演著不可思議的角 色，是直子最喜歡的音樂。但披頭四 的 Norwegian Wood 不能完全說是「森 林」之意，從歌詞的內容判斷，比較 容易理解為傢俱木材。 而在日本翻譯 Norwegian Wood 歌詞 時，歌名就已翻譯為「挪威的森林（ノ ルウェーの森）」。村上春樹雖然知 道木材的說法，但他認為 Norwegian Wood 這個詞的 ambiguous （模糊） 支配了整首歌的詞與曲，對它進行哪 一種明確的定義都太過牽強。 歌詞中所指代的那些木柴，最終都被 一把火燃燒殆盡，是否也暗示著村上 春樹筆下男女的悲劇結局，這便要讀 者自行參悟了。
Graphic Design__ 文字之外的補充敘事 ｜
27
10
10
Graphic Design 想像朋友 (IF) 寫作會 _ 視覺宣傳圖
這是寫作社團協助宣傳當季文學獎得 主的文章。「文學獎」，對初次踏入 文學領域的創作者而言是非常好的敲 門磚，但文學獎確實有其制度上的偏 好，譬如林榮三文學獎題材雖海納百 川，卻鍾情於台灣本土等，故而這個 文探報告，我們不只是挑選獲獎的前 三名，而是試圖找到未來還能持續在 文學領域走下去的有可能性之人。 對我們而言，獎項的設立本身是種牢 獄，而文探的搜尋準則大概就是找出 那有萬分之一可能性逃離那裏的人。 故這張圖片的設計概念便是由矛盾圖 形與 1991 的救贖之雨結合而來。中 間的「文」字無論如何都無法離開黑 色的邊框，看似抵達，卻是死路；唯 有一條奇蹟的縫隙在眼前展開，那才 是真正成為寫作者的路，如此看似隨 機，但卻拼命努力。
11
Graphic Design 想像朋友 (IF) 寫作會 _ 視覺宣傳圖
下圖的《生而為人，我很抱歉》的文章內容揭示此句並非由 太宰治所說。左圖的《批鬥會，襲來！》，運用紅色的簾幕， 影射文化大革命時期對人生命的折疊；現在的我們講「批鬥 會」，內心毫無恐懼，因為我們將這個名詞用自由的文學創 作精神重新賦予意義。
台中場：12/21（六）下午 即將發文公告，敬請期待～
襲來
宜蘭場：01/19（日）上午 宜蘭礁溪的迎新批鬥會！
台南場：4月的愉快周末 說起台南就讓人想到牛肉湯啊。
Graphic Design__ 文字之外的補充敘事 ｜
29
12 12
Graphic Design 想像朋友 (IF) 寫作會 _ 視覺宣傳圖
2019 年的 6 月份，我們製作了一系列的貓咪專 題文章，只因歷史上許多文學家愛貓如癡。（似 乎設計朋友們也非常多貓咪熱愛者）。我非常 開心地接下這個任務，為每一篇作品做繪製和 編排。其中最熱門的兩張分別是《老人與貓》 （講述 Key West 這座位於美國最南端的小島上 頭的海明威故居，藏有大量的六指貓）以及《最 恐怖的貓：愛倫坡 VS 伊藤潤二》（文章中揭露 以恐怖漫畫聞名的伊藤潤二，曾以他養過的兩 隻貓小四和小六為藍本，創作漫畫《貓日記》。）
13
Graphic Design 想像朋友 (IF) 寫作會 _ 視覺宣傳圖
此圖為《片單對對碰專欄》，該專欄 針對各屆金馬影展的得獎作品做出專 業討論，以兩人一組的形式，呈現正 反意見辯論該電影的優秀與不足之 處，是我們社團中受人喜愛的專欄之 一。因為該專欄編輯喜愛貓咪，希望 以貓咪形象出現在眾人面前，我便為 她設計了這幅看起來有點肅殺（因為 兩人要互相辯論嘛）的畫面。 這張圖我畫的非常起勁，過去 2014 年左右我曾學習過 CG 繪圖，CG 繪圖 的技法中有大量的對於顏色的運用， 諸如對比色的調和與平衡，閉塞陰影 （環境光遮蔽），形狀的韻律概念等； 最初只是興趣所致，卻沒想到學完以 後這些繪畫上的基礎觀念讓我在設計 領域上大有效用，幾乎是上完課以 後，我才真正開始了對於繪畫與設計 領域的基礎知識有更深的探索慾望， 直到現在，並延續至未來。
Graphic Design__ 文字之外的補充敘事 ｜
31
14-15
User Interface Design
接觸 UI 設計，最初是來自於一個設計朋友的描述；她說那是一個能夠實際產生工具的領 域，如果熱愛設計中那種能夠解決人類問題的核心理想，那你一定也會深受 UI/UX 領域 所吸引。因為這句話，我開始思考自己下一步的學習目標。
14
詳細說明 與評論
基本說明
2_ 物件頁面 _Android_360×640 dp
3_ 物件說明 _Android_360×640 dp
14
UI Design Daily UI 練習作品
首頁 這是一個生澀的練習，但因為這次的 練習讓我對 UI 設計領域有一個新的思 考，於是我也將此放進作品集之中。 這是在 Daily UI 挑戰出現的其中一題， 題目是針對信用卡結帳畫面做出 UI 設計稿。到了第四個練習的當下，我
當初構思的是一個網路電商的手機購
突然有些迷惘：做一個結帳畫面沒有
物頁面，載具是安卓系統。
問題，但這個結帳畫面的出現，應該 有他前面的脈絡，最終才導致這個結
這邊的練習中構築了基本的 Status
果。（當時我不懂得 UI 的設計流程，
Bar、Navigation Bar、Tab Bar。
不小心就直接從 Prototype 開始製作） 因為心中滿腹疑惑，總覺得不補完前 面，這個「結帳畫面」實在是做不出 來，便開始摸索著從首頁→物件→說 明→購務車→最後才是 Daily UI 的目 標：信用卡結帳畫面。做一個對當時 的我而言較完整的練習。 此時，我已隱約理解到 Daily UI 挑戰 是一個不太能促進自己思考的考題，
action: 點擊
光是「只做題目中的畫面」是不可行 的。就和寫作、漫畫相同，每一個頁 面都應有其脈絡，都應有鋪陳。
1_ 首頁 _Android_360×640 dp User Interface Design__ 別讓他們思考，專心沉浸體驗 ｜
35
14 點擊可回到 2- 物件頁面
往左滑可刪除
點擊可進入 5- 結帳頁面
4_ 購物車結帳 _Android_360×640 dp
可以滑動選 擇付款方式
資料填寫處
5_ 選擇付款方式 _Android_360×640 dp User Interface Design__ 別讓他們思考，專心沉浸體驗 ｜
37
15
15
UI Design 音樂遊戲 ICON 繪製
音樂樂譜本身的符號非常多，這邊將 這些符號賦予各種魔法意義；例如 Sengno 的 魔 法 箭、Sharp 的 牢 獄、 Fortissimo 的新芽等。此為原畫 UI 的 業餘創作，畫這個非常有意思。
Eighth note
Bass clef
Sengno
Quarter rest 當然還有為此設計相關人物，這又是 後話了。
Sixteenth note
Treble clef
Double sharp
Sharp
Two eighth notes
Alto clef
Fortissimo
Flat
16
UI Design 遊戲原畫 UI 練習作品
《勇者商人》是突然想到若有一款遊 戲是針對貿易為主，而主角卻是童話 故事中已經退休的勇者時會如何。這 邊就為了其中一個構思中的畫面做了 原畫 UI 的繪製。雖然還不成熟，但 在製作過程中獲得了非常多的樂趣。
389 金幣
LV. 5
愛維雅
民生用品
奢侈品
香料
91 銀幣
42 銅幣
設定
愛維雅棉麻布 活動
愛維雅棉麻布使用了當地特有的紅木棉
貝桑考納
製成，產量大且實用度高，是受貴族與 平民所喜愛的熱門產品。平時會散發出 微量火系元素，不論是對於火元素能量
主選單
的補充還是平時的保暖都非常適用。
伊法
1 南達拉
商城
4 金幣 58 銀幣 購入背包
!
背包
User Interface Design__ 別讓他們思考，專心沉浸體驗 ｜
39
最後
Conclusion
我想您們會有興趣看一看我的其他創 作。這幾張圖主要的創作時間都是在 2017 年，當時的我彷彿開了竅，開 始認真思考如何將設計的概念融合進 繪畫裏頭；而在將種種技法實驗後的 結果，竟然也令設計的技巧進步了些 許。直到這個時候，我才遲鈍地理解 到所有概念都是互通的。 從那時到現在，我心中才認知到自己 的根基薄弱，長久以來我將繪畫與設 計建立在一種直覺，卻缺少了視覺的 智養。自 2017 年以後，我便開始努 力理解藝術史、設計史，並自畢業以 後，再次思考起自己未來的人生方向 ──尋找一個理念美好的公司，有一 群對創作有熱心的人，每天一起踏實 地工作，並且也都懷有自己的夢想。 這是我目前所能思考到的，最好的人 生狀態。
About My Facebook
Conclusion__ 故事的最後，比一千零一夜更長 ｜
41
tell：0910-208-832 email：greamotmp@gmail.com