2017 Personal Portfolio
劉俐薔 個人作品集
目錄 Contents
2
1
2016
趨勢科 HIE 部門
實習介紹 專案一：P 專案二： 專案三： 專案四： 專案五：福 專案六： 專案七：
2015
天下雜誌暑期實習 使用者介面設計實習生 實習介紹 工作介紹
3~4 5~6
01
科技 實習 門視覺設計實習生
紹 7~8 ：Private Bower 9~10 ：LEGO / 11 ：404 Page 12 ：Summer Intern 13~14 ：福委會專案 15~16 ：Trend micro Video 17~18 ：Ux in the Jungle 19~22
3
4 2015~2016
輔仁大學 應用美術系 畢製 第一糖課 第一糖課介紹
02
25~34
2012~2016
輔仁大學應用美術系 個人作品集 國寶 平面廣告設計 中文字體設計 愛麗絲夢遊仙境書籍設計 藝奇 餐廳 logo 設計 天然好食 CIS 設計 湖口老街 CIS 設計 2016 行事曆設計 Citysuper 紙袋設計 好朋友 系列飲料設計 廁所神明 唱片包裝設計 襪子包裝設計 日常・生活 攝影 地平線 攝影 林家花園簡介設計
35~36 37~38 39 40 41~42 43~44 45~46 47~48 49~50 51~52 53~54 55~56 57~58 59~60
2015 天下雜誌群暑期實習計劃
Common Wealth Magazine Internship Program
2015 天下雜誌群
Common Wealth Magaz
工作內容
1 實習內容 實習期間
2015/7/1 ～ 2015/8/31
實習地點 天下雜誌
實習職務
設計活動 app 與測試
與另一位實習生，負責設計 app 的 logo、視覺介面與使 用者介面。進行兩次使用者 測
2
天下雜誌群於每年暑假 由課程訓練、專案執行與經 學可以實際參與媒體相關流 入職場前，瞭解個人職涯取 就業準備。
暑期活動支援
天下於暑假舉辦「志氣 2.0- 我 們 的 時 代 」 萬 人露天紀錄片播放，擔 任活動支援與行銷活動 主持人之一。
UI/UX 設計
03
2015 天下雜誌群暑期實習計劃
Common Wealth Magazine Internship Program
群暑期實習計劃
zine Internship Program
假期間，特別提供實習機會，藉 經驗分享，讓同 流程，亦能在進 取向，提前做好
04
實習培養能力
延伸思考
觀察力
他人著想
強壯的心
邏輯力
耐心
2015 天下雜誌群暑期實習計劃
Common Wealth Magazine Internship Program
第 1 週 Benchmark
集團缺口 集團缺口
實習內容
“天下之大，活動訊息卻無容身之處 ?” 平均全集團 1~2 天就有一場活動，預估 一年超過 5000 人次。針對各種參加天 下活動的目標族群設計，提供”未被滿足 的需求，補足 O2O 活動服務缺口。
關於進行中的活動 app 的 色彩計畫 類似 app 資料收集與分析。
觀察對象 1. 活動通 2.niceday 3.Vaitor
專案目的 專案目的
「對內→ 留住人」可有效統整報名資訊 流，將所有曾跟天下接觸過的讀者留下 來。 「對外→ 好好用」滿足各品牌舉辦活動 的報名與報到的需求，成為好用實用方 便的工具。
使用者（TA） 使用者（TA）
內部：活動人員 外部：讀者、訪客、會員、品牌雜誌社團、 社群
App App 希望內容 希望內容
前台：報名報到 活動資訊 會員獨享 活 動通知 資訊分享 後台：活動上架 成效管理 活動籌備 票 券管理 互動推播
專案期許 專案期許
整合「集團活動服務」提高會員黏度。 建立「集團活動服務」工作平台。
觀察項目
7
月
1. 描述 app 的樣貌 2 設計的特色 3. 介面優劣 4. 商業模式
實習內容
針 對 app 的 功 能 與 介 面做設計，並且繪製草 圖。
設計頁面
第 4 週 風格參考與色 實習內容
找尋視覺風格參考， 致的色彩計畫。
實
釐 能
第
活動首頁 活動頁 報名頁 個人選單 我的票卷 收藏 購物車 訊息通知 會員設定
功
第 2~3 週 wireframe 繪製
05
2015 天下雜誌群暑期實習計劃
Common Wealth Magazine Internship Program
網頁視覺風格設計與定位
logo 名稱發想 eventalk eventbox event sight Book X Event Eventclub GoEvent
活動聚 活動潮 活動團 潮哪去 閱活動 誌知堂
logo 設計與視覺風格設計
第 6~7 週 logo、視覺風格設計與定位 實習內容
色彩計畫
，與制定大
活動 app 的 logo 名稱發想與設計、網站 視覺風格定位與設計。
困難點
天下雜誌群（旗下五個品牌），各有其 定位與風格，設計整合需要仔細思考。
8
月
實習內容
實習內容
1. 網站的 wireframe（靜態框線圖）繪製
釐清與確認 Web 與 App 功 能上不同。
2. 購物流程與介面流程的修改與製作 內部先順流程，把所有可能會有的浮動視 窗與按鈕全都做出模型。
第 5 週 Web 與 App 比較
3. 紙上原形測試模型製作（AB 兩版 ) 實習生一版 +PM 一版，主要在測試兩版 面哪一個使用上較被使用者接受。
功能 心智圖發想
06
紙上測試模型 A B 版
4. 使用者測試（兩人） 紙模型測試、使用訪談、錄影紀錄
第 8 週 使用者測試
2016 趨勢科技實習
TrendMicro Internship Program
趨勢科技
實習專案進
公司介紹
作為全球資安領導廠商，趨勢科技 致力開發創新的防護解決方案來保 護企業和消費者所在的數位資訊交 換世界。 憑著 25 年以上的資安專業經驗， 趨勢科技是許多領域公認的市場領 導者，包括：伺服器防護、雲端防 護以及中小企業內容防護。
實習時間
2016.02~2016.08
實習職務
視覺設計師
實習獲得能
實習介紹
協助趨勢科技 HIE （使用者經驗部門） 內部視覺設計之專案， 並協助部門對外宣傳 行銷之製作物。
07
2016 趨勢科技實習
TrendMicro Internship Program
進度表
能力
08
2016 趨勢科技實習
TrendMicro Internship Program
Private Bower page layout-2
Private Bower page layout-1
TrendMicro Private Bower 使用者介面與視覺設計 TrendMicro Private Bower interfact & visiual design
專案介紹
為公司內部設計一款網頁元件的搜尋器，專門可搜尋公司內部各專案曾經做過之網 頁元件。但由於過去因為各部門間的資訊彼此不相通，造成每個專案必須重新製作 一套新的元件，然而這些元件是可以被重新修改而重新被使用的。 因此有了這個專案，透過內部搜尋器的建置，讓每個專案的資源可被重複使用，增 加專案進行的效率與減少時間的浪費。
專案時間
2016.2.20~2016.3.18
專案內容
Bower 介面設計與視覺規劃，並為其設計 Logo。
合作對象
1.Front-end designer 2.Project Manager
09
2016 趨勢科技實習
TrendMicro Internship Program
Private Bower logo layout 樣式 1~5 款
10
2016 趨勢科技實習
TrendMicro Internship Program
LEGO project logo-1
LEGO project logo-2
LEGO 專案 logo 設計 LEGO project logo design
專案介紹
為趨勢大型企業之客戶專案設計 logo
專案時間
2016.3.18~2016.3.25
專案內容
為專案設計專屬 Logo。
合作對象
1.Visiual designer 2.Project Manager
404 -no
404 no found
專案介紹
為趨勢大型企業
專案時間
2016.5.2~2016
專案內容
為專案設計專屬
合作對象
1.Visiual desig 2.Project Man
11
2016 趨勢科技實習
TrendMicro Internship Program
logo 不同 style/layout logo 實際放在網站 layout
found page 專案 icon 設計
d website page icon design
業之客戶網站設計專屬頁面 icon
6.5.13
屬 icon
gner nager
12
2016 趨勢科技實習
TrendMicro Internship Program
HIE 部門實習徵才海報
HIE 部門實習徵才 FB 海報
2016 趨勢 HIE 部門實習徵才海報設計 2016 TrendMicro summer internship poster design
專案介紹
為 HIE 部門知暑期實習專案設計其專屬海報，並張貼至 Facebook 粉絲團等網站上。
專案時間
2016.3.21~2016.3.26
專案內容
為專案設計其專屬海報
合作對象
1.Visiual Designer 2.Project Manager
13
2016 趨勢科技實習
TrendMicro Internship Program
2016 趨勢 HIE 部門實習徵才 FB 行銷海報設計 2016 TrendMicro summer internship marketing poster design
專案介紹
為 HIE 部門知暑期實習專案設計其專屬推廣行銷海報，並張貼至 Facebook 粉絲團等網站上。
專案時間
2016.4.6~2016.4.22
專案內容
為專案設計其專屬行銷海報
合作對象
1.Visiual Designer 2.Project Manager
14
2016 趨勢科技實習
TrendMicro Internship Program
2016 趨 勢 福 委 會 龍 舟競賽 T 恤設計
2016 TrendMicro Welfare Committee of Dargon Boat competition T-shirt design
專案介紹
為趨勢福委會舉辦的龍舟比賽 設計其專屬 T 恤。
專案時間
2016.4.25~2016.4.29
專案內容
為專案設計其專屬 T 恤圖案
合作對象
1.Visiual Designer 2.The head of the Welfare Committee
2016 福委會 龍舟比賽 T 恤設計
2016 福委會 龍舟比賽活動照片
15
2016 趨勢科技實習
TrendMicro Internship Program
2016 Welfare Committee Banner
2016 趨勢福委會 Banner 設計
2016 TrendMicro Welfare Committee of banner design
專案介紹
為趨勢福委會之文宣設計其專屬 banner。
專案時間
2016.3.1~2016.3.4 2016.5.16~2016.5.20
專案內容
為專案設計其專屬 Banner 圖案
合作對象
1.Visiual Designer 2.The head of the Welfare Committee
2016 福委會 龍舟圖案樣式
16
2016 趨勢科技實習
TrendMicro Internship Program
20 sec Promotional V HIE Animated Titles Video
HIE 片頭動畫
TrendMicro HIE department Animated titles video
專案介紹
為趨勢 HIE 部門製作片頭動畫影片，放置於每一部 HIE 部門影片之前。
專案時間
2016.6.6~2016.6.17
專案內容
為專案設計 5 秒的片頭動畫，展現 HIE 的熱情與活力
合作對象
1.Visiual Designer 2.Project Manager
2016 趨勢 HIE 部門
2016 TrendMicro HIE promotional video
專案介紹
為趨勢 HIE 部門製作 20 秒 成大新一代展覽，而製作而
專案時間
2016.3.14~2016.3.25
專案內容
為專案設計 20 秒宣傳 HIE
合作對象
1.Visiual Designer 2.Project Manager
17
2016 趨勢科技實習
TrendMicro Internship Program
2mins Promotional Video
Video
門 20 秒宣傳影片
E department 20 sec
2016 趨勢 HIE 部門 2 分宣傳影片
2016 TrendMicro HIE department 2 mins promotional video
專案介紹
秒徵才宣傳影片，其因贊助 而成影片。
為趨勢 HIE 部門製作 2 分鐘徵才宣傳影片，放置於趨 勢官網宣傳。
專案時間
2016.5.23~2016.6.3
專案內容 部門徵才影片。
為專案設計 2 分鐘宣傳 HIE 部門徵才影片。
合作對象
1.Visiual Designer 2.Project Manager
18
2016 趨勢科技實習
TrendMicro Internship Program
故事背景
手機遊戲市場的快速成長已超過許多分 析師的預期。花鹿與黑熊兩家軟體公司 為了不錯好機會，也各自決定成立開發 團隊來試試這叢林裡的水溫。
UX in the JUNGLE
身為使用者經驗設計團隊的一員，你的 為 參 加 2016 任務是開發出滿足目標客群並替公司賺 UXSG 大 會 而 大錢的手機遊戲。然而 ... 老闆只願意 設計的桌遊 給你們九個月的時間，否則就得回家吃 自己！
Obstacle card
UXSG 參加人
UX in the JUNGLE 桌遊視覺設計 Ux in the Jungle board game art work design
專案介紹
UX in the Jungle 是一款節奏明快的團隊合作 / 競爭桌上遊戲，玩家將以使用者經驗設計團隊的角 度來體驗完整的產品開發流程。
Change card
專案時間 2016.7.1~2016.8.18
專案內容
為此款桌遊設計規劃整套完整視覺設計
合作對象
1.Visiual Designer 2.Project Manager 3.HIE Manager 4.Technicial Writer 5.UI designer
Users card
19
2016 趨勢科技實習
TrendMicro Internship Program
UX in the
Beer JUNGLE team
V.S 徽章
角色立牌
Role card
Game card
Design card
Stakeholder card 20
UX in the JUNGLE
Deer team
2016 趨勢科技實習
TrendMicro Internship Program
UX in the JUNGLE 桌遊遊戲版設計 Ux in the Jungle board game board design
近百次使用者測試 為使桌遊的易玩性、複雜度與遊戲時間取 得平衡，在遊戲草模階段即開始進行測試， 並隨時根據測試心得進行修改，總次數高 達數百次。
桌遊量產上市販售 !!!
由趨勢正式發行，以下為正式官網： UX in the Jungle FB 粉絲團官網
https://www.facebook.com/ UXintheJungle/?fref=ts
21
2016 趨勢科技實習
TrendMicro Internship Program
22
2016 趨勢科技實習
TrendMicro Internship Program
大學設計作品集 2012~2016 Personal Portfolio
23
2016 趨勢科技實習
TrendMicro Internship Program
24
第一糖課
Sugar! I've got Type 1 Diabetes?!
25
一張圖搞懂！第 1 型糖尿病 V.S. 第 2 型糖尿病 Type 1 Diabetes v.s. Type 2 Diabetes
第一糖課
Sugar! I've got Type 1 Diabetes?!
26
第一糖課
Sugar! I've got Type 1 Diabetes?!
為什麼是第一糖課？
Why 's type 1 Diabetes?
27
第一糖課
Sugar! I've got Type 1 Diabetes?!
28
第一糖課
Sugar! I've got Type 1 Diabetes?!
29
第一糖課
Sugar! I've got Type 1 Diabetes?!
30
第一糖課
Sugar! I've got Type 1 Diabetes?!
31
第一糖課
Sugar! I've got Type 1 Diabetes?!
32
第一糖課
Sugar! I've got Type 1 Diabetes?!
33
第一糖課
Sugar! I've got Type 1 Diabetes?!
財團法人糖尿病基金會 禮來糖尿病衛教網 社團法人糖尿病衛教學會 第一型糖尿病休息站 糖巧巧部落格 BD 網站 高雄長庚紀念醫院 糖尿病飲食原則 羅氏血糖機 諾和諾德筆針
紹 門 >> 送 繪本介 傳 課 B F 糖 課 一 第一糖 愛胰協會第 人 d 推薦文 子 社團法 oo.gl/bzZyG 順 //g 站 版主 油 https: 加 糖尿病 I37fe 第一型 .gl/P //goo
https:
34
大學個人設計作品集
University of personal design portfolio
「國寶」系列 環境保育海報設計 The series posters of National treasure
設計概念
國寶人人愛之，視之為珍貴之物並且小心翼翼的保護者。可 是我們的環境呢？孕育著國寶的這塊土地，是如此的珍貴， 如此的難得，可是我們卻不懂得好好的保護他，讓他一再的 受傷害受迫害。也因為如此的遭受破壞而導致可能沒有辦法 在孕育出如此的珍寶了。
作品尺寸
297X420（公分）
使用媒材
Photoshop、Indesign、複合媒材 35
大學個人設計作品集
University of personal design portfolio
The series of poster won the best selected award in 23th the young Creative awards in 2014.
2014 年 獲得第二十三屆平面廣告類 - 大專組 旺旺集團公益廣告設計 優勝獎
36
大學個人設計作品集
University of personal design portfolio
中文字體設計
Chinese font design
字體設計概念
以英文結合中文的概念來設計字體，每個一個中文字中都有一個筆畫是用英文字代替。讓 在閱讀文字的時候，也可以從中尋找英文字的蹤跡，增加閱讀的樂趣。
作品尺寸
21X29.7（公分）
使用媒材 Illustrator
37
大學個人設計作品集
University of personal design portfolio
38
大學個人設計作品集
University of personal design portfolio
中文字體設計應用 - 書籍封面設計
The chinese font design applications of the book cover
書封設計概念
以愛麗絲掉入洞口的進入奇幻世界的情節作為發想，並且讓 視覺從愛麗絲到兔子先生最後再到紅心皇后。藉此暗示著劇 情的發展順序，並且讓書名放置中間讓視覺停留在所要傳達 的內容上。
作品尺寸
297X420（公分）
使用媒材
Photoshop、Illustrator、水彩、海報、印刷
39
大學個人設計作品集
University of personal design portfolio
「藝奇」餐廳 logo 字體 The logo design of ikki restaurant
品牌精神
「日本專注細節，添加西式調味手法，以靈感、 巧思激盪東京時尚料理新風貌」。
Logo 設計概念
以日本書法字體作為主要的架構，把一部分的 筆畫轉化成幾何圖案，藉此傳達出西式與日式 融合出的新風貌。
作品尺寸
8X10（公分）
使用媒材
Illustrator、書法
40
大學個人設計作品集
University of personal design portfolio
天然恏食 - 品牌、產品視覺識別系統設計 The Visual identity System of Huko old street
品牌特色
「天然恏食，用好心，作恏食。」 在這個食不安心的年代，跟隨著父親的堅持與腳步，堅持使用天然好食材製作出， 咀嚼香脆、氣味濃郁、口味獨特、健康無添加的營養乳酪絲。
標準字設計概念
不規則的圓角筆劃組合呈現出天然隨性自然的風格，與品牌的精神與特色一致。
Logo 設計概念
以品牌的靈魂人物「父親」做為主視覺，以張開嘴巴的動作表達出「大口吃好食」。
產品識別設計概念
為八種口味乳酪絲設計標貼，延續 Logo 設計理念，為每種口味假想成一為家庭成 員，傳達出一家人一起吃乳酪絲的概念，與品牌目標客群一致。
作品尺寸
標準字 6X8（公分）、標貼 7X12（公分）
使用媒材
Photoshop、Illustrator
41
大學個人設計作品集
University of personal design portfolio
42
大學個人設計作品集
University of personal design portfolio
湖口老街 - 視覺識別系統設計
The Visual identity System of Huko old street
老街特色
客家文化與中西合璧混合的建築風格，為臺灣保存最完整的老街之一。
LOGO 設計概念
以建築特色為 logo 的發想，將大正時期建築最大特色之拱門，搭配「湖口」之地形 形象，表達出湖口老街歷史與特色。
標準字設計概念
簡單卻又帶點書法筆畫的線條，傳達湖口老街的傳統建築卻翻出新意，給人不再只 是古老，而是可以從中體驗現代生活。
形象識別設計概念
以建築中特有的「窗花」做延伸，使用簡單平直的線條與單一顏色，試圖傳達傳統 與現代兼容並蓄的形象。
吉祥物設計概念
以「湖口」諧音「虎口」做連結，設計以老虎為代表之吉祥物，並且連結湖口附近 的相關景點，做吉祥物上的連結
作品尺寸
3X17（公分）
使用媒材
Photoshop、Illustrator
43
大學個人設計作品集
University of personal design portfolio
湖口老街 老虎
44
牛車驛站 牛
漢卿步道 喜鵲
仁和步道 猴子
金獅寺步道 獅子
大學個人設計作品集
University of personal design portfolio
初開 給 2016 年自己的行 事曆 To me in 201 6: the first blossom
行事曆概念
各月代表的花，構成每一月個成果。象 徵著，等待著無數的日子，綻放在最美 的一刻。2016 一個即將畢業的一年， 一個身份改變的一年，在這一年之中我 們將以怎樣的心情去面對呢？因此希望 能記錄著對未來的期許，並送給未來的 自己莫忘初衷。
作品尺寸
21X29.7（公分）
使用媒材
Illstrator、水彩、紙、印刷
45
大學個人設計作品集
University of personal design portfolio
46
大學個人設計作品集
University of personal design portfolio
Citysuper 紙袋設計
The design of citysuper's paper bag
品牌理念
Citysuper 是一間大型生活專門店，為現今繁忙的都市 專業人士提供真正的一站式購物服務及獨一無二的消費 體驗。
設計概念
「獨特的」體驗行銷概念延伸至紙袋。設計概念與公司 LOGO 的「驚嘆號」做結合。把每樣食材組成各式各樣 的驚嘆號，使顧客在拿到紙袋的同時，能夠在紙袋上的 圖片發現各種新奇的物品。代表 Citysuper 提供各種新 奇且具啟發性的商品，不但能滿足顧客的需要，更能刺 激顧客的消費意願，發現各種驚奇與生活的精彩。
作品尺寸
32X27（公分）
使用媒材
Photoshop、Illustrator、紙 、印刷
47
大學個人設計作品集
University of personal design portfolio
48
大學個人設計作品集
University of personal design portfolio
好朋友飲品標貼系列設計
The series stickers of good friend beverages
品牌理念
「對顧客，我們提供滿足，是體貼用心的朋友。」
設計概念 為品牌理念之延伸，並且進一步將「好朋友」的意涵為發想，想要呈現「牛奶」和 「人」之間的友好關係，也想表達出「好東西要和好朋友分享」的概念。也間接向 消費者傳達，「好朋友飲料」是一瓶值得向朋友分享的飲料。
作品尺寸
15X7（公分）
使用媒材
Photoshop、Illustrator、貼紙 、印刷 49
大學個人設計作品集
University of personal design portfolio
50
大學個人設計作品集
University of personal design portfolio
廁所女神 唱片裝禎設計
The album packaging design of toilet goddess
唱片概念
此張唱片為歌手植村花菜的代表作，歌曲以溫柔輕快的語調唱出小時候與奶奶的回憶， 並且透過歌詞講著廁所神明的故事。
唱片視覺風格概念
以「廁所神明」這首主打歌作為主要的視覺主題以及插畫內容。配合歌手輕快溫柔的風 格，用簡單的線條及色塊作為插畫風格。
唱片的裝禎設計概念
以廁所面紙抽出的動作為概念，歌詞本與唱片包裝為一體，以拉頁的方式做觀看，此可 以避免歌詞本遺失。
作品尺寸
13.7X11.8（公分）
使用媒材
Photoshop、紙、 印刷 51
大學個人設計作品集
University of personal design portfolio
52
大學個人設計作品集
University of personal design portfolio
53
大學個人設計作品集
University of personal design portfolio
聖誕節禮品 - 襪子包裝
The socks packaging of Christmas gifts
包裝設計概念
以包裝襪子作為聖誕節送禮的禮物，以聖誕老公公和麋鹿作為包 裝的主要圖像，並配合襪子的顏色讓圖像與襪子的形狀做結合。 聖誕老公公的鬍子是襪子，麋鹿的舌頭是襪子。
作品尺寸
12X8（公分）
使用媒材
Illustrator、紙，印刷
54
大學個人設計作品集
University of personal design portfolio
55
大學個人設計作品集
University of personal design portfolio
日 常態 Daily lives
排版形式
依攝影作品中每個顏色所佔的多寡，來表現所有顏色在作品中所佔的大小之比例。藉此 形式可以讓閱聽者直接且清楚的觀察出各種顏色比例之關係，並做進一步之色彩規劃。
攝影概念
尋找家鄉中的色彩，台北市我一直以來生活的地方，對我來說每天的日常生活就是屬於 台北的色彩。穿梭在人群，五光十射的建築，不絕於耳的人聲，所交織成一塊塊屬於台 北的色塊。
作品尺寸
21X29.7（公分）
使用媒材
攝影、Photoshop、紙、印刷 56
大學個人設計作品集
University of personal design portfolio
57
大學個人設計作品集
University of personal design portfolio
故事攝影 - 地平線 The stories photography of horizon 設計概念
每個人都有屬於自己的地平線，如同每個人都有屬於自己的故事。當這些地平線串聯在一 起時，就成了一個世界。
作品尺寸
4x6（英寸）
使用媒材
攝影、Photoshop、紙、印刷
58
大學個人設計作品集
University of personal design portfolio
林家花園簡介設計
The brief introduction of Lin Family Mansion and Garden
形式概念
簡介是給人參觀時候的第一印 象，所以我希望在簡介中不只 是文字的敘述而已，而是可以 呈現簡單的圖像，使用立體剪 紙來表現建築形體，而不使用 照片展示建築。希望保留參觀 者對於景點的想像，吸引觀者 進一步欣賞建築之細節。
作品尺寸
14.8X21（公分）
使用媒材
Illstrator、紙、印刷
59
大學個人設計作品集
University of personal design portfolio
60