Li Hui Jun 2020 portfolio

GRAPHIC DESIGN

PORTFOLIO LI HUI JUN

平面設計

插畫風格

使用者介面

Contents 簡歷 ‧ 關於我 ‧ 簡歷 平面設計 ‧ 海報 ‧ 網站 banner ‧ 出版文宣 插畫風格 ‧ 個人插畫 UI 使用者介面 ‧ 練習作品

關於我 我將團隊合作視為優先順序的人，過去的每一次 專案經驗，都是與其他部門相互配合，並且溝通 出最佳想法以利執行。對我來說，個人意見是對 專案的提議，而磨合則能達到最佳效率。 設計的道路上總是充滿荊棘，不過我有一顆熱愛 探索的心及求新求變的精神。靈活的思維幫助我 在設計溝通，能與客戶及夥伴有良好的對接。

李蕙 君 L i ,Hui-Jun 個人資料 性 別：女 生 日：1993/ 08/ 18 戶 籍：臺灣 高 雄

學歷 畢業學校：私立 樹 德 科 技 大 學

經驗 2016 ─ 2017 衣品團體製衣公司 / 美工人員 / 高雄 攃設計機關團體、學校班系服 LOGO。 攄公司行號或組織團體形象識別。 攅製作平面印刷品，及宣傳用 DM。 2017 ─ 2018 南一書局企業股份有限公司 / 美術編輯 / 臺南

科 系：視覺 傳 達 設 計 系

攃書籍、雜誌之編排、印刷，編排樣式與結構。 攄建立形象識別版面規劃設計，含攝影腳本。

聯絡方式

攅出版品封面設計與排版圖文整合。 攆突破使用者經驗，於工作團隊中提案說明與溝

行動電話：+886925061707 電子郵件：Let eg2011@gm ai l . com

通。 2019 ─ 2020 高雄師範大學攻讀碩士 / 接案

技能 Adobe Illustrat or Adobe PhotoS hop

攃各類文宣及形象設計 SOHO。 攄高雄師範大學攻讀碩士。

Adobe InDesi gn Adobe XD

能力

證照

攃具有兩年以上設計平面文宣、海報和 DM 相關 經驗。

TQC+電腦繪圖 概 論 與 數 位 色 彩 配 色 TQC+ PhotoShop影 像 處 理 認 證 Auto Cad 電腦 輔 助 製 圖 丙 級

攄具整合及溝通協調能力，能與團隊合作亦能獨 立完成設計專案。 攅 熟悉 Illustrator、Photoshopp 等設計軟體，能 與研發設計等相關人員配合，協同執行專案， 掌握產品專案美術風格下的整體規劃與設計。

競賽成果與專案設計

2011 ─ 2015 樹德科技大學 攃 菁英召募獎學金入學。 攄 校園設計師認證（通過率 18%）。 攅 金犢獎 旺旺公益廣告設計『水都』─入圍。 攆 畢業專題『島語』校內展─佳作。 青春設計節視覺傳達設計類入圍。 金典新秀最佳設計獎─產品設計類─入圍。 金典新秀年度最佳設計獎─入圍。 金典新秀贊助特別獎視覺傳達設計類─入圍。 全國技專院校實務專題製作成果展─佳作。 2017 ─ 2018 南一書局企業股份有限公司 攃 《國文即救站》參考書封面設計。 攄 《高中選修歷史》上冊課本封面設計。 攅 《不純的閱讀 II》參考書封面設計。 攆 《高中基礎生物》全冊課本內頁圖文整合暨排版。 攇 《國中數學課本》第 1 ～ 4 冊封面設計。 攈 《聚光文創》南一書局企業有限公司子品牌，LOGO 識別設計。 2019 ─ 2020 高雄師範大學攻讀碩士 / 接案 攃 《承載夢想─開啟戲劇新王國》明華園當家台柱孫翠鳳演講海報設計。 攄 2019 年碩士班聯合展覽《暖色季》─插畫優選。 攅 碩班課程學分修畢，暫休學待論文題目選定及撰寫， 未來規劃謀取穩定職業，並將論文完成後取得學位。

ࡿՄፑ‫ڗ‬ੳ १ᘈ,ၐᚠ

ࡾՃፐ‫ږ‬Ȃ ໊ჴഽȊ ѫौ ໊Ȃ൷૖L‫ࡾׇ‬Ճ҆Ճ१ᘈȊ ѫौ ໊Ȃ൷૖L‫ࡾׇ‬ՃலՃᚠ࠮Ȋ ѫौ ໊Ȃ൷૖L‫ࡾׇ‬Ճፒಬ໌࡙Ȋ ऋҬȈኵᏰҦȃኵᏰΚȃ‫ސ‬౩ȃϽᏰȃҡ‫ސ‬ȃᐣѬȃӴ౩ȃϴҕᇄ‫ོޥ‬

平面設計 GRAFIC DESIGN

ཱིቨ‫ॲܜ‬

ᓍਪߣᜒ

ഇຝࡿՄ ࡾՃᐣ۩ၐᚠ ࡾՃᚠ࠮Ȃ ሆᚬᔖᏽȊ ຺ᆠྥ ኿ᄇྱߒȊ ຺ธց ӫΙ၌ᚠȊ ຺ଽਝ ᎈԒඈಬȊ ऋҬȈ୽МȃኵᏰҦȃኵᏰΚȃ‫ސ‬౩ȃϽᏰ ҡ‫ސ‬ȃᐣѬȃӴ౩ȃϴҕᇄ‫ོޥ‬

Κӱ

ࡿՄ‫ޤ‬ၑе ࡾՃ዁ᔣၐᚠ ౠᚠоΰȂࣉᚠҐᅖȊ ༘໱Ӓ୽ӨऋӪৱᖒӫՃᚠ ‫ٷ‬ᐃശཱིࡾՃዥߞՃᘈ‫ڼ‬ᚠ ၏ᅾ၌‫҈ݙ‬೽၌ᚠႆแ‫ޡ‬ᘈ ऋҬȈ୽МȃኵᏰҦȃኵᏰΚȃ‫ސ‬౩ȃϽᏰ ҡ‫ސ‬ȃᐣѬȃӴ౩ȃϴҕᇄ‫ོޥ‬

高中升學指考參考書宣傳海報 出版社行銷指考類參考書的宣傳海報，設置通路為書局，針對家長與 學生宣傳。

5

高中升學參考書宣傳海報 以遊戲設計宣傳海報，藉由不同的風格抓住消費者的眼光。

ӒП՝ᗫጛϛ

‫ٺ‬ҢȲӒП՝ȳȂ ˮ؏᡽‫פ‬ഀ஼Ͻ౩ऋသȊ

Tufq 平面設計

12

Ꭷ᠞ᗫᗥ

Tufq

ყ໶ȃߒਿᐌቆ఼඾Ȃ ‫פ‬ഀ֜ԝ१ᘈၥଉȊ

GRAFIC DESIGN

13

ਯЖᗫᗥ ൐ϯ྅‫܈‬ඉ‫ו‬ᅚ໌Ȃ அҏ‫໌ڗ‬໦Ȃം؏࡚ҳ ౩ऋਯЖ྅‫܈‬Ȋ

Tufq

14

ຟกᗫᗥ ၐᚠᔮඈ๎ᄇ౥ȃӒᄇ౥Ȃ ඡණ‫ޡ‬ᘈᚠҬȃጂᇯ Ռ‫ר‬ᄂΨȊ

ӒП՝ፒಬᖿဎ ӒП՝ፒಬ౩ऋσՃ१ᘈ ቨ ཱི ᚠ ၐ

ൎ ୥ө ဇ‫ ؁‬Ԥ П

ඈಬᖿဎ

ኵᏰ

ࠉᚊଽϛġങМᏴȁጡ๿

அᙃኵᏰ

ᏰกடҢ

அᙃኵᏰ

ቨ ཱི ᚠ ၐ

ҡ‫ސ‬

ቨ ཱི ᚠ ၐ

ቨ ཱི ᚠ ၐ

ඈಬᖿဎ

۩ Ճ ᐣ ก σ Ᏸ ᏽ ᔖ

୥ө ဇ‫ ؁‬Ԥ П

點線面

ყ၌Ԓ१ᘈᐌ౩Ȃоყள१ᘈȂՃࠉඈಬଽਝ౥ ᆠЖ೩ॎዥߞऋලᎧ᠞ᚠȂଋጛᎧ᠞ᚠ‫ޟ‬ր᠞Ψ

ൎ

ή ΰ

ოဎτϛġ༁ж࿉ȁጡ๿

அᙃҡ‫ސ‬

ᏰกடҢ

அᙃҡ‫ސ‬

அᙃҡ‫ސ‬

அᙃҡ‫ސ‬

ᏰกடҢ

۩ Ճ ᐣ ก σ Ᏸ ᏽ ᔖ

ᑹ๼ϛᏰġങ࢓ಛġȆġოဎτϛġមీઍȁጡ๿

ყ၌Ԓ१ᘈᐌ౩Ȃоყள१ᘈȂՃࠉඈಬଽਝ౥ ᆠЖ೩ॎዥߞऋලᎧ᠞ᚠȂଋጛᎧ᠞ᚠ‫ޟ‬ր᠞Ψ

ඈಬᖿဎ

‫ސ‬౩

ή ΰ

點線面

୥ө ဇ‫ ؁‬Ԥ П

அᙃϽᏰ

அᙃϽᏰ

ᏰกடҢ

ൎ

ϽᏰ

Ѯࠒτϛġ‫ݓ‬җடȁጡ๿

ყ၌Ԓ१ᘈᐌ౩Ȃоყள१ᘈȂՃࠉඈಬଽਝ౥ ᆠЖ೩ॎዥߞऋලᎧ᠞ᚠȂଋጛᎧ᠞ᚠ‫ޟ‬ր᠞Ψ

୥ө ဇ‫ ؁‬Ԥ П

ඈಬᖿဎ

۩ Ճ ᐣ ก σ Ᏸ ᏽ ᔖ

ൎ

۩ Ճ ᐣ ก σ Ᏸ ᏽ ᔖ

ყ၌Ԓ१ᘈᐌ౩Ȃоყள१ᘈȂՃࠉඈಬଽਝ౥ ᆠЖ೩ॎዥߞऋලᎧ᠞ᚠȂଋጛᎧ᠞ᚠ‫ޟ‬ր᠞Ψ

點線面

點線面

ή ΰ

ή ΰ

ᔮᖞ

ᔮᖞ

ᔮᖞ

ᔮᖞ

዁ᔣᚠҏ

ღॏ ᜒଚ

࡚ដ୵ቋ

280ϯ

280ϯ

4

4

१ᘈጕ

१ᘈጕ

१ᘈጕ

ၐᚠጕ

࡚ដ୵ቋ Ᏸၐᚠጕ Ң Πҏӫ୵ 480ϯ

࡚ដ୵ቋ Ᏸၐᚠጕ Ң Πҏӫ୵ 480ϯ

Πҏӫ୵

ღॏ ᜒଚ

዁ᔣᚠҏ

ఀৱҢਪ १ᘈጕȃၐᚠጕΠҏӫ୵

዁ᔣᚠҏ

१ᘈጕȃၐᚠጕΠҏӫ୵

ღॏ ᜒଚ

࡚ដ୵ቋ

280ϯ

१ᘈጕȃၐᚠጕΠҏӫ୵

ఀৱҢਪ ఀৱҢਪ

࡚ដ୵ቋ

࡚ដ୵ቋ

280ϯ

4

१ᘈጕ

࡚ដ୵ቋ Ᏸၐᚠጕ Ң Πҏӫ୵ 480ϯ

高中升學指考參考書宣傳海報 出版社行銷指考類參考書的宣傳海報，設置通路為書局，針對家長與 學生宣傳。

‫ܛ‬ၷჲད ńł ń ų Ŧ Ţœ œ Ś Ŋ ŏ ň ŵŦġłġ ġŅœņ ŏŦŸ ġ Ō Ūů Ũł Ŏ Ŕ Ļ ťŰŮ ġŐŧ

ġ ŕ Ţ ŪŸ

ŢůġŐ

űŦųŢ

໠ంᔛቑཱིд୽

7

݂๼ ༪࿋ ড় ৘ᆵ ቃ ȁ

ࣀଢ଼ϛЖijŇᅋ᛺ᢈ

Ѯ࢘

ĶİijĵġŇœŊįġIJıĻijıĮIJIJĻĶı

кᒲ൐՝

ȁġ୽ҳଽ໰ৱጒσᏰ᛺೚Ᏸ଱ ńŰŭŭŦŨŦġŰŧġłųŵŴĭġŏŢŵŪŰůŢŭġŌŢŰũŴŪŶůŨġŏŰųŮŢŭġŖůŪŷŦųŴŪŵź

承載夢想：開啟戲劇新王國─孫翠鳳專題演講 捨棄傳統的龍鳳花鳥，用較現代化的風格詮釋孫翠鳳身為劇團台柱， 如何分享自己的心得與感想。

኶Ᏹ

኶Ᏹ

୰ᚠˬ ୰ᚠˬ

୰ᚠ˭ ୰ᚠ3

୰ᚠ4

平面設計 ኶Ᏹ

GRAFIC DESIGN

୰ᚠˬ

­

୰ᚠˬ

¡¢£ ¤ ¥

¦

§ ¨© ª«

¦

§ ¨© ª«

¬ ®

୰ᚠˬ

¨© ¾ ¾ ¾ ¾ ¾ ¾ ¾ ¾ ¾ ¿

¬

國中升學參考書特色頁插畫 透過專頁研擬情節，搭配生動的插畫和註解，使學生在制式的題目外 也能練習結合故事情節的數學題目。

¯°±²³´µ¶¢ · ¸¹º´ ¢ » ¨© ¼ ½ ¤

ϽᏰ Ĵ

ij

IJ

ࠒΙᆠ Ж ፡ ଩ Ȇ ஼ Ͻ Ꭷ ᠞ ᡝ ፴

Ӵ౨ऋᏰ

IJ

Ĵ

ij

IJ

ij

ࠒΙᆠЖ፡଩Ȇ஼ϽᎧ᠞ᡝ፴

Ĵ

‫ސ‬౩

IJ

Ĵ

ij

IJ

ij

ࠒΙᆠЖ፡଩Ȇ஼ϽᎧ᠞ᡝ፴

Ĵ

9

ҡ‫ސ‬

IJ

Ĵ

ij

IJ

ij

ࠒΙᆠЖ፡଩Ȇ஼ϽᎧ᠞ᡝ፴

Ĵ IJ

ij Ĵ

理科四大類科課本宣傳海報 宣傳海報藉由色塊與線條的輕快風格抓住選書委員的眼光。

120

Mathematics Mathematics

解題篇

揭開事件的 依據 2-2 節頭天台上的密室，由偵探艾書薛來為大家破 解天台上的密室，歹徒是如何運用數學知識，縮短了那不可 能躍過的距離，真相如下：

平面設計

建立適當坐標系並考慮兩棟大樓在坐標系中的位置。 r

GRAFIC DESIGN

I!.',%.'," ;!)%,"

IJÈ.')+5.'+ J

H

:!-%)"

q

《國中數學課本》特色頁插畫與文字編排 透過專頁研擬情節，搭配生動的插畫和註解，使學生在制式的知識下 也能練習結合故事情節的數學題目。

121

如左圖，AB＝5 且 AB：

x y ＋ ＝1 即 3x＋4y－12＝0。 4 3

而 P ( 5.3，5.3 ) 到 AB 的距離為 d ( P , AB )＝

| 3 ( 5.3 )＋4 ( 5.3 )－12 | ＝5.02 ， 32＋42

這時候，旁邊長約 5.2 公尺的廢棄木材即能派上用場。將 長 5.2 公尺的木材一支架在 A，B 兩點，另一支架在 P，Q 點 ( Q 為 P 在 AB 上的垂足 )，因為木材長度 5.2 公尺大於 PQ，所以這樣子的架設方式是可行的，歹徒沿著架設好的 “木橋”就能走到對面大樓天台逃離犯罪現場。

11

P

B Q

A

尺

長約

5.2 公

科學 新知 Science News

化學平衡 ─胃酸對阿斯匹靈動了什麼手腳？

改變反應物或生成物的濃度是影響化 學平衡的方法之一。依照勒沙特列原理 : 若將生成物移出平衡系統，則反應會朝增 加生成物的方向移動。相反地，若加入反

式 3-34 O(CO)CH3

O(CO)CH3 COO- + H3O+

COOH + H2O

乙醯柳酸

乙醯柳酸根離子

鋞離子

應物於平衡系統中，反應則朝減少反應物

平面設計 GRAFIC DESIGN

的方向移動，因此，這兩個方式均會打破

當阿斯匹靈進入胃時，離子態的乙醯

平衡，使反應往增加生成物端移動。那麼

柳酸根離子無法通過胃壁的保護膜，但是

在胃中，胃酸對阿斯匹靈動了什麼手腳？

胃 中 高 濃 度 的 鋞 離 子（H 3O +， 又 稱 水 合

阿斯匹靈是常用的止痛劑，但是阿斯

氫 離 子 ）（ 胃 酸 的 pH 值 在 2-5 之 間 ） 與

匹 靈 會 造 成 胃 壁 的 損 害、 引 起 胃 潰 瘍 及

乙醯柳酸根離子反應，使得平衡趨向乙醯

胃出血等副作用。科學家經多年研究，才

柳酸（平衡向左移動 ） ，分子態的乙醯柳

了解阿斯匹靈因能抑制身體內前列腺素

酸可以通過胃壁而進入胃壁組織中，如圖

（ PG ） 的合成而達到解熱及鎮痛的效果。

3-24。到了胃壁組織，酸的濃度降低，平

然而前列腺素中的前列腺素 E1（PGE1）

衡向右移動，又生成離子態的乙醯柳酸根

及前列腺素 E2（PGE2）具有抑制胃酸分

離子。這些在胃壁組織中形成的乙醯柳酸

泌及能增強胃黏膜的抵抗力，兩者都有保

根離子（圖 3-25 ） ，是造成胃不舒服、引

護胃的功能。由於阿斯匹靈抑制了 PGE1

發胃潰瘍及胃出血的原因之一。

及 PGE2 的合成而導致胃酸分泌的增加及

為了降低阿斯匹靈對胃的直接刺激，

減少胃黏膜的保護，造成對胃的損害。另

可在服用阿斯匹靈時，與牛奶、食物、制

外，阿斯匹靈亦有抑制胃壁粒線體中氧化

酸劑或一大杯開水合併使用。制酸劑如碳

磷酸化過程，中斷腺 苷 三磷酸（ATP）的

酸鈣的碳酸根離子可以中和胃中的酸（式

生成導致胃細胞死亡 [1]。

3-35 ） 。降低胃中酸的濃度，使式 3-34 平

阿斯匹靈學名乙醯柳酸（參見基礎化

衡向右移動，增加胃中乙醯柳酸根離子的

學二第三章），在胃中可以乙醯柳酸及其 乙醯柳酸根離子兩種型態存在，其平衡方 程式如式 3-34 所示 :

式 3-35 CO32 -(aq) + H3O+(aq)

HCO3-(aq) + H2O(l)

《高中化學課本》特色頁插畫與文字編排 透過專頁介紹化學知識，搭配生動的插畫和註解，使學生在制式的知 識下也能學習課外精彩的科學普及文章。

161 濃度，這些無法通過胃壁保護膜的乙醯柳酸根離子 會經過腸的系統，減少對胃組織的傷害。然而，阿斯匹 靈與制酸劑同時服用時，會導致阿斯匹靈在血中的濃度降 低，減少其吸收利用率，進而降低其藥效。 另外，使用藥物時，可能會干擾身體的化學作用，所以藥物 的使用需依照醫生的指示。

配著水喝下 的阿斯匹靈

乙醯柳酸

水

乙醯柳酸根離子

鋞離子

荨 圖 3-24 阿斯匹靈在胃中

的反應示意圖

茛 圖 3-25 留在胃壁組織中的

乙醯柳酸根離子，會造成 胃不適、發炎。

進入到 胃液中

13

胃液

胃壁組織中

+

高濃度的 H 3 O 會使阿斯匹靈 大多以乙醯柳 酸的型態存在

只有分子態 的乙醯柳酸 才能穿過胃 壁保護膜

參考資料 [1] HirofumiMatsui, Osamu Shimokawa, Tsuyoshi Kaneko, Yumiko Nagano, Kanho Rai, and Ichinosuke Hyodo. J Clin Biochem Nutr. 2011, March 48(2), 107–111.

與生活

對化

牙齒美白的秘密

平面設計 GRAFIC DESIGN

人的牙齒外面有一層 珐 瑯質， 珐 瑯

但是將如此強力的氧化劑用於漂白

質本身有淡淡的黃色，所以正常的牙齒

牙齒，容易引發其他副作用，包括造成

應該有淡淡的黃色，但是有人因為口腔

敏感性牙齒或牙齦發炎。如果牙齒變黑

衛 生 不 好（ 不 常 刷 牙 或 刷 牙 方 法 不 正

變黃，應該要檢討原因，使牙齒恢復健

確）；有些人因為常喝茶或咖啡等深色

康。但是如果牙齒健康，呈現琺瑯質正

飲料，造成色素沉積；有些人則因為牙

常的淡黃色，這種情形下，有必要把它

齒病變，造成牙齒顏色變黑。另外還有

漂白到雪白的程度嗎？比起花大錢去診

一些人明明牙齒顏色很正常，但是他們

所做美白，更重要的應該是對牙齒的日

還想讓牙齒變得更白，於是各種讓牙齒

常照護，注意口腔清潔擁有健康的牙齒，

美白的方法都有人嘗試，其中有些是物

比起牙齒是否亮白更加重要。

理方法，包括使用含研磨粒子的牙膏或 請牙醫為你洗牙、 拋 光、噴砂等；化學 方法則大多採用氧化劑將色素漂白。 使牙齒美白最常用的漂白劑就是過 氧化氫或過氧化脲 。其中過氧化脲是一 種白色固體，其組成分中尿素與過氧化

Ｑ＆Ａ

氫之數量相等，溶於水時會釋放出過氧 化氫。過氧化氫會氧化 珐 瑯質，使其褪

１

於光的波長有特殊限制嗎？對牙齒會不會有

色，因而達到美白效果。用光照射可以 加速過氧化氫的漂白速率，有時還會在 過氧化氫中添加二氧化鈦的奈米粒子作 為催化劑。

用光照射可以加速過氧化氫的漂白速率，對 傷害？

２

用光照射可以加速過氧化氫的漂白速率，可 加入二氧化鈦的奈米粒子作為催化劑，為什 麼二氧化鈦的奈米粒子有良好的催化能力？

《國中生物課本》特色頁插畫與文字編排 透過專頁介紹生物知識，搭配生動的插畫和註解，使學生在制式的知 識下也能學習課外精彩的科學普及文章。

109

15

平面設計

邀請卡與菜單 公司歲末尾牙邀請卡，負責插畫與編排設計。

GRAFIC DESIGN 節日小卡 歲末業務推廣小卡。

【閱讀X國寫】快速養成

校園研習講座 st not jduing rea

講座日期

地點

09／28 （四） 慈濟高中 10／23 （一） 竹東高中 10／30 （一） 台中女中 11／13 （一） 彰化女中 11／27 （一） 台南一中

培養你的 跨界讀寫力

好評 中 巡迴

12／06 （三） 瀛海高中

st u j t o n ding rea

12／11 （一） 和美高中 場 次 持 續 增 加 Ｉ Ｎ Ｇ

17

BANNER 設計 為出版社官網所設計的宣傳 BANNER，以活潑輕快的視覺構圖吸引 觀者的目光。

ࠒΙ୽ϛఀ‫ོى‬Ճᜰᗤ‫ف‬Ӗ

ࠒΙ୽ϛఀ‫ོى‬Ճᜰᗤ‫ف‬Ӗ

Ҋ൑ࡉ ၀ጻᗞύ ึϽ"++ ࠒΙຟᠦกᡛϛЖ‫ڼ‬ᚠღ໥

ጡ๿

ඪЀᎧ᠞ყߒȃ ၮऋᐌӫ૖Ψ

ࠒΙ୽ϛఀ‫ོى‬Ճᜰᗤ‫ف‬Ӗ

ਲ਼ᐃൢᏲȂശཱིఀ‫ོى‬ՃՌ ณऋၐᚠȶყߒᚠႀΤԙо ΰ‫ٮ‬ቨёၮऋᚠ࠮ȷȂᆠ໌ Ꭷ᠞ყߒȃӨऋ‫ޣ‬ᜋᘈᐌӫ ૖ΨȂ࢐१ौுϷᜰᗤ

ყߒȃᄂᡛ຺Ռณ

ࡺᄫࡉ ၀ጻᗞύ

֫໢୲ΙȶᄂᡛᚠȃყߒᚠȃҡࣀᔖҢᚠᇄᚠಢᚠȷłōōġŊŏġŐŏņȂ

ึϽ"++

ᚠ࠮݂ጂȂବᄇ৵໶Ϸտё஼Ȅ ࠒΙຟᠦกᡛϛЖ‫ڼ‬ᚠღ໥ᖒӫ‫ڼ‬ᚠȂᚠҬ๿१྅‫܈‬ᐌӫȂಒӫོՃ ՌณऋၐᚠȶҡࣀϽȃ१ყߒր᠞ȃၮऋᐌӫᚠȷᗍ༖Ȅ

ࠒΙຟᠦกᡛϛЖ‫ڼ‬ᚠღ໥

ጡ๿

ඪЀᎧ᠞૖Ψ

ࡸыԩጡ௶ȂӓĴııᚠȂؐӱՃᘈ఼ཿ኿ҰȂඉ‫ו‬ᅚ໌ඈಬȇᚠᚠ኿ Ұၐᚠ१ᘈᇄᜲܾ࡙Ȅ

ࠒΙ୽ϛఀ‫ོى‬Ճᜰᗤ‫ف‬Ӗ

၌‫ݙ‬ϱৠ఼ཿ‫ׇ‬ᐌȂؐᚠࣱԤ၏၌Ѕ၌ᚠᜰᗤȂ࡚ҳᏰҡғጂᢎ‫܈‬Ȅ

平面設計

ਲ਼ᐃൢᏲȂശཱིఀ‫ོى‬Ճ ़ᇭऋၐᚠȶᎧ᠞กᡛ़ ᔮϽȃᎧ᠞ᚠߝ࡙‫࡙ᜲڷ‬ ࣱඪЀȷȂ஼ϽᎧ᠞ΨȂ ࢐ᕕ‫ڥ‬ଽϷϚΠ‫ߞݲ‬

઻͚ࡉ ၀ጻᗞύ

ߝጕᎧ᠞ȃպᅓԅġŌņŚġŕŐġŘŊŏ ᒵМᡝຘӻኺȂԃМണȃᄇၗȃᆩॲȃ੕ൢȃཱིᆸൢᏲȃᅞหȃყߒȃ೽‫ޣ‬൐้Ȃ ӻ७өቨёᎧ᠞૖ΨȄ

ึϽ"++

ࠒΙຟᠦกᡛϛЖ‫ڼ‬ᚠღ໥ᖒӫ‫ڼ‬ᚠȂၐᚠಒӫ़ᇭऋȶყߒߒ኉Мཎᚠȃҥΰή Мཎ௰กԅဎᚠȃ௑ცᚠȷᗍ༖ȂඪЀᏰҡଉ਀ᔮષȃᘪઽЅᇭཎ௰ᄭ૖ΨȄ ࠒΙຟᠦกᡛϛЖ‫ڼ‬ᚠღ໥ ጡ๿ ӒਪೣგIJıσкᚠȃĶıጕᆠᒵᎧ᠞МҏȃӓijııᚠȂؐএᚠҬࣱ኿Ұၐᚠᜲܾ࡙Ȅ

ඪЀᎧ᠞૖Ψ

၌‫ݙ‬ϱৠ఼ཿ‫ׇ‬ᐌȂؐᚠࣱԤ၏၌ȃؐጕМണࣱԤϛМᙚឍȂܻ߯Ᏸҡ౩၌МཎȄ ਪґߣԤȶആຜོՃ˕˕Ꭷ᠞ᚠಢσ၌஝ȷȂବᄇོՃᚠ࠮Ѕ၌ᚠᜰᗤᆠ៦Ϸ‫ݙ‬Ȅ

຺ۣࡉ

GRAFIC DESIGN

ਲ਼ᐃൢᏲȂശཱིఀ‫ོى‬Ճ ୽МऋĶҩၗМᒵ໶‫ޟ‬৯ ౴ϚσķȂ୲ԤКᄂ‫ޟ‬Ꭷ ᠞૖ΨȂϗ૖ᕕ‫ڥ‬ଽϷ

၀ጻᗞύ

Ꭷ᠞ȃМཎശࠉጣ ॶഺȶϲσМ᜸Ꭷ᠞ၐᚠҏȷȂቨ໌Ꭷ᠞૖ΨȂྥരོՃయฒᒸᅓȄ

ึϽ"++

ࠒΙຟᠦกᡛϛЖ‫ڼ‬ᚠღ໥ᖒӫ‫ڼ‬ᚠȂၐᚠಒӫ୽МऋȶҡࣀϽȃ१ Ꭷ᠞ȷᗍ༖ȂоМཎ௤‫ـ‬ȃᎧ᠞౩၌ȃყߒր᠞࣏к໅Ȅ

ࠒΙຟᠦกᡛϛЖ‫ڼ‬ᚠღ໥

ጡ๿

ࡸыԩጡ௶ȂӒਪӓIJıӱȞؐӱࣱԤϲσМ᜸ၐᚠȟȃᖂॎĴĶıᚠȇ ᚠᚠ኿Ұၐᚠ१ᘈᇄᜲܾ࡙Ȅ

ඪЀᙽឍყߒ૖ Ψȃ‫ݧ‬ཎਢ‫ٱ‬

၌‫ݙ‬ϱৠ఼ཿ‫ׇ‬ᐌȂؐᚠࣱԤ၏၌ȃ၌ᚠ‫׬‬ѽЅ๊౱Ԓ၌‫ݙ‬Ȅ

ყߒȃၮऋᐌӫ‫࡞ޖ‬σ ॶഺȶყߒᚠȃၮऋᐌӫᚠȷ࣏кȂొᇐӴყȃᅞหȃߒਿȃ௑ცᎧ ᠞้ȂྥരོՃయฒᒸᅓȄ ࠒΙຟᠦกᡛϛЖ‫ڼ‬ᚠღ໥ᖒӫ‫ڼ‬ᚠȂ࢜ᄺᏰҡȶყߒϷ‫ݙ‬ᇄᙽឍȷ ЅȶӴ౩ȃᐣѬȃϴҕέऋၮऋᚠಢȷᒊོೱ೽૖ΨȄ ࡸыԩጡ௶Ȃ‫ྱٷٮ‬έऋ឴‫ܒ‬ೣგIJĶএலՃкᚠЅၮऋដᚠጕȂӓ Ĵııᚠȇᚠᚠ኿Ұၐᚠ१ᘈᇄᜲܾ࡙Ȅ ၌‫ݙ‬ϱৠ఼ཿ‫ׇ‬ᐌȂؐᚠࣱԤ၏၌Ѕ၌ᚠ‫׬‬ѽȄ

《精熟關鍵》封面設計與插畫 替國中考生所打造的速讀操考書，封面活潑 逗趣，符合年齡層。

ਲ਼ᐃൢᏲȂശཱིఀ‫ོى‬Ճ‫ޥ‬ ོऋၐᚠȶყߒᚠћӻኵȃ ၐᚠҡࣀϽȷȂඪЀᙽឍ૖ ΨȂ‫ٮ‬ӻᜰЖਢ‫ٱ‬Ȃ࢐ᕕ‫ڥ‬ ଽϷ҆രᜰᗤ

19

《國中數學課本 1 － 4 冊》 版面以曾經造成轟動的街機遊戲 《小精靈》 的「宮格」來構圖，藉小精靈的經典造型，期望 透過比較輕鬆的視覺題材，來包裝數學的學習難度。以該冊重要的數學概念與公式取代能量 豆，比喻成學生在學習數學時，只要能夠把關鍵的概念與公式弄懂，就可增加數學的功力。

ԉ፽ चኟ஧

ત

ෛ

ύ

߅‫ظ‬ᄭΝ

提升

調和

定神

強化

GRAFIC DESIGN

шАΝዪ

平面設計

Дዲϟ੧͝ Аտ

‫˗ݐ‬२ԉЊຼ۴ЉѢࢧ̲ΥΌ‫ݠ‬ ĩЉฒĪ ‫ٷ‬ᡝ፴ȃ੾‫ݷ‬ȃঙ੿ȃ۟࿽้ୈё෵Ȅ

ĩዊϠ၅෩Ī ൦ȃӰ‫ގݿ‬ҏϽ‫ܚ‬Еଔ‫ގޟ‬ҏ୑ॵ੿ȂᏲमӵᏰऋӨП७ᕊᎴϚ‫ي‬Ȅ ຯȃߝ෈Ꭷ᠞൐Ι‫ގ‬ҏ‫ܚ‬Ᏺम‫ޟ‬ҳൟ੭Ж੿Ȅ 参ȃؐႄՃၐ൷ೃӪ‫ּۉ‬Ѷฐ‫ۢޟ‬૖Ѷ፡੿Ȅ

ĩїЉĪ

國中升學參考書宣傳海報 以復古廣告設計宣傳海報，藉由不同的風格抓住消費者的眼光。

ᇽ

Ή

൦ȃ፡଩֯ᒋ‫ޟ‬Ȯ຺တཱིཆጣȯȂџ஠‫ގݿ‬ҏϽ‫ޟ‬ሖ‫ܒ‬ᡝ፴፡‫ڷ‬ӱ‫پ‬Ȅ ຯȃ౏࡙ၐᚠᆠ๼‫ޟ‬ȮᏰಬ኿ऐȯȂџ‫פ‬ഀᙽ඲૖໔ඪЀᏽΨȄ 参ȃٞഀྙ၌ၥଉ๖ү‫ޟ‬Ȯᘈጣ७ӒП՝ȯȂџ஼ϽᔖՃϛኾડငȄ ဓȃۡડ၄੉ȃ஼Ҭҡࢻ‫ޟ‬ȮོՃдȯȂԤਝ٩ХՃൟۢ૖Ѷ፡੿Ȅ

《不純的閱讀 II》─封面設計 使用大圖與小圖錯落配置先吸引讀者， 進而能細讀小字，使讀者在乾淨的版面 下能封面得到所想要的資訊。

21

《高中國文即救站》─封面設計 以花鳥圖形搭配暖色調，使得國文的氣 質提升，乾淨的版面使購者能一眼被即 救站三字抓住目光。

平面設計 GRAFIC DESIGN 《FUN 學趣》─封面及內頁設計與插畫繪製 數學專欄向來枯燥乏味，透過活潑的插圖及高明度的色彩設計，和適當的色塊運用， 使得學生與老師對題目能提高興趣。

23

平面設計 GRAFIC DESIGN 《時事 ING》─封面及內頁設計 以人文時事為出發點，替莘莘學子創造結合時事與未來大考題目的刊物。搭配精美的 圖片及輕快的版式設計，希望透過複合型的文章，使學生能建立對時事考題敏感度。

25

平面設計

GRAFIC DESIGN

27

《島語》─文白異讀趣味主題之圖文創作設計 指導教授：陳慶鴻老師 Professor：Ching-Hong Chen 設計者：史偉評、李蕙君，王麗筑，謝孟芹 Desinger： Wei-Ping Shih, Hui-Jun Lee, Meng-Cin Sie ,Li-zhu Wang, Student Department of Visual Communication Design, Shu-Te University

插畫風格 ILLUSTRATOR STYLE 自主練習插畫 設定練習目標，替出版社及雜誌繪製的相關主題插畫。

29

南一出版社外稿─國一國文課本內頁插畫 選文《老師的十二樣見面禮》之內頁插畫。

插畫風格

ILLUSTRATOR STYLE

31

108 年高雄師範大學第二屆碩士聯展《暖色季》─ Primavera 以新藝術的風格呈現淑女在春天的婀娜姿態，體現暖色季的意義。

使用者介面

練習─ Sign up 介面

UI/UX 練習─ credit card checkout

練習─ Landing Page 介面

33

練習─ calculator user interface

使用者介面

練習─ User Profile & Setting

UI/UX 練習─ 404 Page

35

練習─ Music Player