作品集01

Page 1

PORT FOLIO. 2021-2023

Ruo-Tang Chang
CONTENTS 01 02 03 04 05 視覺傳達與平面設計 UIUX 角色設計 產品與包裝設計 平面繪畫與創作

昭和町文化街區VIS系統設計

GUSTO PIZZA VIS系統設計

一郎壽司字體設計

BIBOMIBO標誌設計

DAY BY DAY文創品設計

《恆溫行李》書封再設計

美感教科書封面設計

視覺傳達與平面設計
01

昭和町文化街區

視覺識別系統 2022 設計者:張若瑭、賴郁欣

在此次專案,我們想要建立一個專屬於昭和町文化街區的品 牌形象,並成功推廣當地獨有的人文風情。在維護優美歷史 的前提下,我們進行了視覺的統一與系統化,期待街區未來 新舊融合的新樣貌,打造愜意舒適的漫步空間!

1

標誌 - 設計理念

漫步在昭和町中,可以看見許多遺留下來的日式房屋,可能是日式茶坊、文 青書店或是咖啡廳。在我們的形象標誌中留下了此獨有特色,加上日文字的 襯托,呈現出復古、文青、沉穩的樣貌。

標準色

街區中隨處可見住戶門前 的盆栽小草。 昭和綠

綠意的街道、沉穩的氣

鵝黃色,象徵午後撒下金 黃的陽光。

質,展現昭和町街區的 獨有特色。
輔助色
清新綠 太陽黃

輔助圖形與應用

作以活動贈品或周邊商品。帆布袋不僅可以展現大自然的樣子,也提倡了 環保的觀念。紙袋與杯子則可聯名販售到當地咖啡廳和書店做使用。

角色設計 - 理念與介紹

昭和町有特別多的樹木及花草,我們 以此做為發想。

頭部是一朵小白花,花蕊是太陽般的 暖黃色,四肢輕巧有彈性,衣服則是 當地地板的磚紅色。其悠閒的品嘗著 咖啡,文靜的姿勢呼應了街區的寧靜 與祥和。

「風和景明的昭和町,有許多花草隨 風搖曳,在午後的清閒時刻,來一杯 溫暖的咖啡吧!」

GUSTO PIZZA 2

視覺識別系統 2022

呼應 Gusto 的「趣味」,將披薩放上眼睛以及月亮般的形狀,體

現店家的有趣與熱情,就好像是點亮了夜晚的寧靜一樣。

標誌 - 設計理念

標誌 - 發想過程

組合規範

英文標準字:Berlin Sans FB Demi Bold

GUSTO PIZZA

菜單設計

下圖為重新設計及編排的菜單,我們將每個品項整齊有系統地 排列,使顧客輕鬆地找到餐點,開心用餐。

應用設計

ㄧ郎壽司 3

標誌設計·字體設計 2022

將一郎壽司的「一」設計為壽司,希望人們看到標誌就能知道店 家所販售的食物。

另外,在「郎」的設計中,採用幾何或簡約的線條表現,目的使 品牌更為年輕化並增添質感,強調客人所吃的皆是通過職人的 雙手所產出的美味食物。

BIBOMIBO嗶啵咪啵

標誌設計 2023 委託人:BIBOMIBO嗶啵咪啵飾品店

最終選擇樣式。打造一個少女甜美與個性兼備的標誌。在有稜 有角的電玩風格標準字中,分別設定不同直徑的圓角,讓其看 起來獨特有趣。

愛心及心電圖則呼應店家的創店理念,希望客人能夠藉由商店

所設計與選購的飾品,帶給生活一些幸福電波!

4

標誌其他色彩嘗試

設計黑、紫、粉與透明此 四種背景顏色之貼紙,提 供店家在販售不同商品時 能夠自由選擇其樣式。

貼紙

DAY BY DAY 5

文創設計 2023

今天是幾月幾日?現在度過365天的幾分之幾了?

一天,擴大成了每天;每天,發展成為日漸,你是 因為什麼事情讓生活持續運轉的呢?就像是例行公 事般,讓我們幫每日的早晨做上記號,找尋生活的 靈感吧!

年曆設計

以海報的方式張貼。使用活潑明亮的色彩,希望帶給觀看者輕鬆喜悅的情緒。

海報設計 海報設計

「 move ahead 」 有向前邁進之涵 義,兔子拿著旗子向前奔跑。

幫小花灌溉是每天的例行公事。

如果想要稍微停下腳步休息一會 也無妨,讓我們享受當下吧!

手帳本設計

在手帳本內幫一日做個完美的總結吧!

貼紙設計

與手帳本做搭配,可隨意裝飾 內頁,或是點綴在生活中的任

書封再設計 2021 《恆溫行李》

封面用行李箱配上半圓弧線,加上單純的色彩,呈現復古之感,也有 回憶、往日的意義。

米色、白色、咖啡色帶來溫暖的氛圍,與乾淨俐落的圖像結合,再配 上粗糙有手感的馬奔紙及圓體字型,打造出兼具現代感與復古感的書 封設計。

6

應用設計 - 書籍宣傳露出

書封設計 2021 美感教科書

7

用簡單的幾何圖形創造出空間感,配上帶有加減乘除的彩 色泡泡。藉由繽紛且活潑的設計,讓孩子能夠願意主動地 拿起書本學習!

UIUX 02
臺北車站臺灣鐵路指標系統設計

臺北車站臺灣鐵路指標系統設計 1

UIUX 2023 設計者:張若瑭、賴郁欣、陳卜瑄

背景動機

臺北車站匯聚臺鐵、高鐵、捷運和機場捷運,複雜的路線和多種大眾運 輸方式,被稱為「全國最大迷宮」。

經現況調查與實地勘查後,發現目前臺鐵指標存在了許多問題,像是指 標色彩混亂、資訊未整合等,這些因素使得旅客難以前往正確的方向以 及目的地。

此次,我們將在既有的框架下優化北車臺鐵舊有的指標並重新進行設 計,希望改善乘客在場域時的不便與困難,忠於服務設計的本質。

設計目標與價值

文字資訊未整合

新舊指標缺乏一致性

色彩混亂 未能有效引導

正確方向與路線

1.將舊指標或重複資訊移除並加以整合。

2.優化指標色彩、字體,將其重新設計,提升功能性與美感。

3.重新設計指標的擺放位置,建立有效的路線引導。

✦ ✦ ✦

改善臺鐵複雜混亂形象,建立有效的尋路系統和標誌。

提升整體的視覺美感。

減少旅客到達目的地的時間成本。

字體未統一
→ →

icon設計

將原先複雜、未統一的視覺做風格的一致性。利用色 塊與簡易線條構成,使遠距離的人們也能清楚辨識其 代表之內容與功能,迅速找到其目標及需求。

其中人物肩膀部分採用微圓角的方式,增添活潑感。

腳板則呈現直角形式,融合簡潔的形狀與明確的線條 呈現。

中/英文應用字體

無襯線、筆畫粗細相似、方正的字體特性,使旅客能清楚閱讀指標資訊。

色彩計畫

源樣黑體 GenYoGothic 太魯閣號

延伸運用台鐵原先標準色的寶藍色,並為其做些微調亮,增添明亮的調性。 將所有車種之代表色重新調整,降低彩度與明度,且改善原先少數車種色 彩相近之問題,調整為在任何場合皆適用的顏色,兼具視覺性與功能性。

車種色彩計畫

自強號 區間車 普悠瑪號 復興號 普快車
莒光號

指標設計

指標的色彩由黑、白、灰、臺鐵藍構成,加上部分車種之代表色,建構出 一套具 「系統性」 的指標,使空間視覺更清晰乾淨。

運用相同邏輯設計指標內容,依資訊重要程度劃分,將文字以不同粗細或 大小排序並呈現。另外,在重要數字及方向箭頭則使用臺鐵藍強調,希望 乘客能夠快速閱讀指標資訊,減少花費找尋目的地之時間成本。

部分合成圖

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.