Loxi Works
目錄/Index
Index【目錄頁】----------------------------------01 W o r k 0 1 【 枚 酉 】 - - --------------------------------03 W o r k 0 2 【 衡 日 】 - - --------------------------------07 W o r k 0 3 【 中 正 書 法 研學社】---------------------11 W o r k 0 4 【 書 法 案 上 有隻喵】---------------------17 W o r k 0 5 【 記 事 型 APP】--------------------------2 1 W o r k 0 6 【 書 籍 與 文 案】--------------------------2 3 W o r k 0 7 【 遊 紙 奕 】 -------------------------------25 W o r k 0 8 【 非 系 統 性標誌】-----------------------27 W o r k 0 9 【 保 健 食 品EDM 】----------------------2 9 W o r k 1 0 【 故 事 館 】 -------------------------------33 W o r k 1 1 【 種 籽 社 會企業】-----------------------37 W o r k 1 2 【 秘 密 飾 品】----------------------------4 1
01
02
WORK 01
03
枚酉/Meiyou
Web/Graphic UI 以小型自營書店為概念發想設計的網站視覺排版設計。整體造型使用較單純 的排列，方便直接套入既有程式的模版。上方導覽列可動可固定，下方版型 固定，新版面可接套用固有元素作線框圖。
04
主商標設計，在數學中等於「空集合」的意思。枚酉書 店的名稱與讀音蘊含「沒有」的意思，所以採用此符號 代表。商標與文字將單線畫成雙線，採同風格設計。
網頁製成平面圖 像前的版面分割 圖，對齊格線與 尺寸確保前端與 RD作業方便。
05
Work 01【枚酉】
網頁排版從上至 下的各部分圖像 拆解，分為條列 式滑動DM、書 籍設計封面與其 他合成用圖。
06
WORK 02
07
衡日/Hengri
Web/Graphic UI 以偏鄉自耕的零散小農為概念發想設計的網站視覺排版設計。因為商品單一 量少，採用Slide圖片直接連結的作法。概念上希望將頂端作成固定式，下方 頁面則作成方便透過程式碼實行單頁指定部位滑動的格式。
08
主商標設計，採用較中規中矩的標準字形體 變化，並加上小型副標題。因為希望保留在 地情懷，未採較西式的英文設計風格。
網頁製成平 面圖像前的 版面分割圖 ，分割方式 基本上採用 12/3的3等 分版面。
09
Work 02【衡日】
網頁排版從上至下的各部分圖像拆解，包括網頁 DM、形象素材合成照、小ICON和搜尋列圖像。
10
WORK 03
11
中正書法研學社/CCU
iOS APP/Graphic UI 義務性幫大學書法研學社學弟妹設計的展覽用APP介面。整體排版上相當大 程度借鑑了故宮展覽APP的排列方式，一來是因為條列式方便後繼接手者管 理，二來是因為程式部分也需要找人無償設計，所以介面必須盡可能簡潔。
12
（當然不是我刻的）中正大學書法研學社社 印。此印出自專業的篆刻家之手，字體為變 體篆，破筆與布局都是為了增添古風。
13
Work 03【中正書法研學社】
APP內使用的各式圖像拆解， 包括地圖、ICON、小圖。
14
15
Work 03【中正書法研學社】
簡易的Flow chart圖表，用來表示書法研學社展覽APP中 的階層關係。依照Toolbar分成5種版面，作品圖設在原版 面開圖，不另增新版避免複雜化。
由書法研學社指導老師設計的象徵性LOGO，以及 簡易Flow chart圖表的各版面走向流程與編號。
16
WORK 04
17
書法案上有隻喵/Miao
Book/Graphic design & Layout 從書法研學社那裡得到靈感，進而衍生出的書籍類興趣產物，文章、插圖、 排版皆自給自足。雖然文章風格偏搞笑類，但內容的書法知識相當認真，希 望使用詼諧的文句，讓對書法興趣缺缺的人有翻開文章閱讀的動力。
從左至右，分別是關 於書法知識的四個小 單元。前兩單位已有 文章，四頁一組，說 明字型與紙質觀念； 後兩單元目前只有扉 頁漫畫，說明握筆姿 勢與生熟紙之間的區 別。
18
雖然是完全的興趣向產物，但是想著既然做都做了就 要弄精美一點，弄出了看起來很正式（但是絕對不敢 擅自出版）的書籍封面。
【喵老師】 深居在幽靜小巷裡， 一隻傳說中的夜喵。 落坑術ＬＶ高達999， 只有喵坑人，沒有人坑喵。
【小羅】 書法教室的天然呆， 囧役專門擔當者。 逼哀到沒作者威能。
【月月】 月亮只是裝飾， 披風才是本體。 絕對不是某隻狗狗。
19
【本本】 書。不用懷疑就是書。 令一囧役擔當者。 崩潰時會退化成木木。
【坑寧】 身前身後皆有坑， 腰馬合一自安寧。 人曰•坑寧是也！ 壓力過大時會變成坑您。
【蟲乙】 會飛的蟲蟲仙人， 書法教室的專業顧門口顧問。 什麼？你問為何是蟲乙不是蟲甲？ 不要問，很可怕。
【奇點】 點會亂跑的棋盤， 被戳就會發出「庫庫庫」的笑聲。 跟物理學名詞沒關係謝謝。
Work 04【書法案上有隻喵】
書籍內頁插畫的人物設定與書法字體演變史簡表。人物小漫畫都取材自真實人物 ，因此在設定說明上有些熟人之間才能懂的梗，如果看不懂請原諒作者腦洞大。
20
WORK 05
21
記事型APP/demo
iOS APP/Graphic UI 自行構思試作的記事型APP版面。主頁特色是可以拍下代表今天的照片，再 指定天氣符號當作心情指標。拍照時會一併紀錄時間，提醒拍照後已有幾天 未新增圖像；下方則是當天日曆與已紀錄的活動列表，用漸層區分遠近。
個別拆解的 UI小圖像部 件，與試作 成Mockup 的手機APP 版面及立體 預覽圖。
22
WORK 06
書籍封面與文案/Books None.
23
Book/Graphic design & Copywriter 為了搭配Work 01的枚酉書店，在製作過程中產生的第二副產品。包括前面 的「書法案上有隻喵」在內，為了放上書店而作成四種風格與內容迥異的書 籍，讓書店首頁不會太過死板無趣，Mockup看起來能更加擬真。
左一：籠內的獅子， 風格與色調偏日系小 說文庫本。 左二：業之扉，風格 同樣偏日式，但作成 恐怖小說的感覺。 左三：粗食潮流，背 景為素材照片，作成 健康飲食類書籍。
24
WORK 07
遊紙弈/Yozhiyi
遊 紙
套餐
(飲料/不分大小750ml)
□ 120
□ 169
□ 120
□ 169
□ 150
□ 199
羅勒鮮鮭白醬義大利麵
□ 200
□ 249
蛋海鮮白醬義大利麵
□ 200
□ 249
羅勒松阪豬青醬義大利麵
□ 230
□ 279
迷迭香燻雞白醬義大利麵
□ 230
□ 279
野地風味鮮菇燉飯 香草焗
蝦仁蛤蜊
紙
雞肉焗飯
油焗飯
•輕食
鮪魚水煮蛋三明治
□
雞肉沙拉蛋三明治 墨西哥玉米雞肉 雞 香
•飲品
單點
套餐
桂花紅茶 伯爵鮮
□ □
冰
80 80
□ 100
茶
□ 120
季節鮮果茶
□ 100
義式濃縮咖
□ 110
拿鐵 摩卡
□ 120
□ 120
焦糖瑪琪 卡布奇諾
□ 130
•甜點
□ 109
□
60
□ 109
義式
布蕾
□
70
□ 119
香脆蘋果派
米花(原味/香辣)
□
80
□ 129
法式鬆
馬鈴
□ 100
季節時蔬培根沙拉 煙燻鮭魚沙拉
熱
□ 70 □ 70
□ 90 □ 90
□ 100
□ 110
□ 110
□ 120
供 應 時 間：全 天 供 應
(套餐/甜點+100元內飲料任選)
60
(薄鹽/起司)
供 應 時 間：全 天 供 應
茉香綠茶
紙
供 應 時 間：全 天 供 應
(套餐/輕食+80元飲料任選)
25
紙
棉花糖夾心
單點
套餐
40
□ 99
□
60
□ 119
□
60
□ 119
(蜂蜜/可可)
□
80
□ 139
□ 149
迷你方塊吐司(蜂蜜/草莓/可可)
□
80
□ 139
□ 120
□ 169
咖
□ 100
□ 159
□ 120
□ 169
季節鮮果雪酪
□ 120
□ 169
牛
凍
□
休閒•聚會
單點
(套餐/簡餐+甜點+湯＋80元飲料任選)
21:00
599號
14:00/17:00
(全家便利商店上坡直走)
供 應 時 間：1 1 : 0 0
凡 七月初 至 九月底 來店打卡消費者， 皆可享八五折優惠
•簡
A 嘉義市文雅街一
T 05-0034467
遊 紙
紙
AM/10:00 PM/21:00
AM/10:00 PM/21:00 嘉義市文雅街一 599號 TEL/05-0034467
VI/Graphic design & Layout 以兼具餐廳與桌遊館功能的餐廳為發想，衍生製作出的各種基礎視覺形象。 因為位置設定在有一定消費力的高級住宅區與大學附近，因此菜單用素材照 片營造出價值感，名片與DM的設計風格也以簡潔時尚為主。
遊 紙
遊•紙上棋
簡 •輕食•點心
暑期，好
A 嘉義市文雅街一
(全家便利商店上坡直走)
599號
T 05-0034467 AM/10:00 PM/21:00
遊 紙
f
遊 紙
8/ 三 10
8/ 日 14
點試賣•一律九折
f
遊 紙
嘉義市文雅街一 599號 TEL/05-0034467
左一：菜單封面與內頁， 設計成可折式。 左二：餐桌墊紙兼傳單 DM，左側放餐廳資訊， 右側大圖可以隨季節活動 抽換使用。 右上：餐廳名片正反面， 黑白印刷。 右下：網路廣告DM，尺 寸為100x100，可以貼在 FB頁或當嵌入式廣告。
26
WORK 08
非系統性標誌/Logos None.
27
Logo/Graphic design 製作時期與Work 07的遊紙奕相同，但是這裡放置的作品只有標誌本身，沒 有互相搭配的平面作品或文案。因此將這些無系統的單一Logo集合在一起， 作為Work 08表示。
各種曾製作過的單一 Logo，有的已實際 用於商業，有的則是 未使用的廢案。店家 取向包含文房用具、 服飾店、汽車零件、 茶園、五穀雜貨、簡 餐店、室內設計公司 等領域。
28
WORK 09
29
保健食品EDM企劃/Dr.W.S.
EDM/Graphic design＆Plan 根據某藥品兼保健食品進口經銷商的產品，在新風格之下提出的新形象企劃 設計。預定是放在商城商品頁內的EDM，因此主視覺以大圖凸顯重點，另兩 頁說明則盡可能文字簡單化。右下則是針對現有產品EDM排版的改良。
左上：產品主視覺與 特色說明。 左下：產品適用族群 與Q&A條列。 右上：產品內成分示 意圖與說明。 註：因為是未定案草 稿，內部圖片皆使用 版權水印圖。
左：某產品原本使用 的EDM。 右：改良重製之後的 新EDM。
30
除了排版之外，Work 09作品的重點在於文案要自己構想。 接收到委託方給的資料後，要從中擷取重點並想出吸睛的標 題與格式，因此除了設計外還包含企劃的部分。
31
Work 09【保健食品EDM】
左側：替大豆保健食品作的EDM文案，內容 主要在凸顯時品主成份功效、產品競爭比較。
下側：幫食品包裝試繪的新插圖， 畫中的植物名稱為「葫蘆巴」。
32
WORK 10
33
故事館/Story hall
iOS APP/Game Plan & UI 依照個人興趣，把自己創作的小說當故事基礎架構出來的遊戲樣版。遊戲架 構是玩家透過不定形體來到故事館，再經由故事館主的介紹，進入館中陳列 展覽的故事，作為該故事主角來體驗劇情，屬於RPG類。
用於故事館中的各種 主要人物立繪。 左一：館主，故事館 的主人。 右左下：玩家的代表 形體，外貌類似不定 形黑色史萊姆。 右下：故事館內其中 一個故事的主角。
34
Work 10和Work 04一樣，屬於完全的興趣向產物，擬似UI 圖像的精緻度並不高。因此Work 10算是在平面作品外，另 外補充繪圖能力的說明頁面。
35
Work 10【故事館】
左側：地圖介面 、一般介面、對 話介面、劇情介 面、故事章節選 擇介面。 右側：自繪的遊 戲內圖像在分割 後，分開使用的 各種零散部件。
36
WORK 11
37
種籽社會企業/Seed
Graphic/Graphic design 替種籽社會社會企業及相關社會團體，花蓮縣谷若思全人關懷協會重新設計 和改良的各種平面設計，包括包裝、聘書、EDM、刊物與三折式DM等。因 應不同類型案件，並沒有統一的風格。
38
Work 11的作品類型有相當大的差異，許多是「砍掉重練」 式的設計方式，最主要的重點是呈現好看設計。值得一提的 是包裝設計，在印刷限制下不能以平面設計思維呈現。
39
Work 11 【種子社會企業】
下側：社會企業與柚農合作的多元就業方案三折頁雙面DM。
40
WORK 12
41
秘密飾品/Secret
EDM/Graphic design 幫「秘密飾品」這家小型飾品公司作的各種EDM、修圖、Banner等專供網頁 使用的平面圖。 該 公 司 主 要 的 活 動 平 台 是 F B與 樂 天 市 場 ， 所 以 通 常 會 根 據 固 定形式作一系列圖片。
42
- 2017 -
43
左側為替秘密飾品年度活動「首爾連線」特別設計 供浮水印的LOGO。Work 12的設計比較注重於年 輕風格的整體搭配，較少突出的單一物件。
Work 12 【秘密飾品】
下側：在樂天市場上使用的輪播圖。 除了排版設計外，也另外負責修圖部分。
44