Issuu on Google+

The BEGINNING

Converge The Selected Works of Chung Yu Alex Chen from 2013 to 2016

0

Pressure Point

Chapter 6

Act of Subtraction

Chapter 2

Confluent Visions

Chapter 7

Derivative Joy

Chapter 3

Sounds of the Present

Chapter 8

Double Exposure

Chapter 4

Field of Conversion

Chapter 9

Food for Thought

Chapter 5

Learning from Tradition

Chapter 10

Design is Connection

Chapter 1


The BEGINNING

Converge The Selected Works of Chung Yu Alex Chen from 2013 to 2016

0

Chapter 1

Pressure Point

Chapter 6

Act of Subtraction

Chapter 2

Confluent Visions

Chapter 7

Derivative Joy

Chapter 3

Sounds of the Present

Chapter 8

Double Exposure

Chapter 4

Field of Conversion

Chapter 9

Food for Thought

Chapter 5

Learning from Tradition

Chapter 10

Design is Connection


T h e b e ginning — c o n v e r g e

Converge

A designer is always finding invisible connections, spontaneous reactions, and

匯流

profound reflections upon things or events. The ability to synthesize and transform personal experience into collective experience— converge—is the essence of design. Improving this process is an endless pursuit for a designer. As a designer, I believe the beaut y of the design is how we interpret great ideas and make it resonate with people. To have a good design, it needs dif ferent perspectives and sometimes cer tain degrees of jux taposi tion. My design is a collective representation of what I have learned, experienced, and how I react to the world. The various projects, learning experiences, and my background converge to create this collection.

• 設計師總是在找尋那些看不見的連結,也同時去記錄直覺的反應和深刻的迴響。設計 的過程是一種自身經驗的截取和組合,透過清晰的邏輯和技巧去融合有用的元素,進 而轉換成能夠與大眾溝通的集合共鳴。這樣的過程是每一個設計師都必須反覆練習與 精進的日常課題。 身為一個設計師,我相信設計的真諦在於我們如何詮釋一個想法跟概念,讓原本形而 上的抽象概念變得能夠被人感受和理解。為了產出好的設計,設計師必須能夠觀察到 事物不同的面相,有時也需要將幾個不看似無關的想法並置,串連形成新的意義去感 動更多的人。我的作品呈現了我對設計的各種想法,也呈現了與我世界互動的方式。 所有的設計專案,和不間斷的學習過程,都在這本作品集裡一一呈現。這本作品集,

004

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

是一本有關我的設計和過去所有經驗的累加與總和。


the selected works of Chung Yu Alex Chen Chapter 0 1 2 3 4 5 6 7 8 9 10

005


006

C h a p t er 0 1 2 3 4 5 6 7 8 9 10

The beginning — converge


Contents 目錄

The Selected Works of Chung Yu Alex Chen from 2013 to 2016

Chapter 1

Pressure Point

006

Chapter 6

Act of Subtraction

136

Chapter 2

Confluent Visions

038

Chapter 7

Derivative Joy

162

Chapter 3

Sounds of the Present

072

Chapter 8

Double Exposure

176

Chapter 4

Field of Conversion

092

Chapter 9

Food for Thought

190

Chapter 5

Learning from Tradition

118

Chapter 10

Design is Connection

210


008

C h a p t er 0 1 2 3 4 5 6 7 8 9 10

P r e s s u r e P o i n t­­ — b r e at h i n g r e m o r s e f i l m f e s t i va l


第 一章

壓力點

Project

Breathing Remorse Film Festival

專案名稱

呼吸懊悔電影節

Course

Integrated Communications

課程名稱

視覺整合溝通

Instructor

Christopher Morlan

指導

克 里 斯多 福.莫倫

Year

Fall 2015

時間

二〇 一五.秋

Skills

Visual System, Typography

技能

視 覺 系 統.字 型 排 印 學

Key words

Emotional, Sorrow , Destructed

關鍵字

多感.哀傷.崩 壞

Timeline

15 Weeks

時程

十五 週

Category

Art Direction, Visual System

分類

藝 術 指 導.視 覺 系 統

Deliverables

A Whole Film Festival System

成品

完 整 電 影 節 視 覺 系 統 及包 裝

C h a p t er 0 1 2 3 4 5 6 7 8 9 10

Pressure Point

1

t h e s el e ct ed w o r k s o f C h u n g Y u A l e x C h en

Chapter 1

CL ASS INFO

課程資訊

project INFO 專案資訊

009


P r e s s u r e P o i n t­­ — b r e at h i n g r e m o r s e f i l m f e s t i va l

objective

To chose a film director and his selected works to design a comprehensive film

目標

festival experience. Discover the common thread that appears in each of the director’s films and conceptualize a visual system. Use different design skills to create a cohesive visual and design language throughout the experience.

• 透過選擇一名導演,並且從他的作品中擷取擁有一貫觀點的電影系列,為其設計一套 完整的電影節周邊視覺設計。設計師必須深入去瞭解導演的中心思想,必且將這些形 而上的想法化為能夠讓人輕易感受的視覺以及畫面。透過平面設計,將導演的動態電 影,轉化成一套可以彈性呼應不同影片的視覺系統。專案產出必須包含,平面視覺, 電影節識別,相關周邊紀念品,紀念電影光碟紀念組等等。

approach

The director that I chose was Alejandro González Iñárritu, who won two Academy

方法

Awards for Best Director in 2015 and 2016 for his t wo films “Birdman” and “Revenant.” His movies often portray extreme family tragedies to families using great strength and warmth to show how beautiful life is. For five selected films, I shred por traits and used then torn paper to illustrate the destruction in the stories. a The red band symbolizes a violent strike and plight in every story. These elements all converged into the final visual experience.

• 我選擇的導演是亞歷山卓.岡薩列茲.伊納利圖,他的作品《鳥人》及《神鬼獵人》

0 10

C h a p t er 0 1 2 3 4 5 6 7 8 9 10

連續兩年獲得了奧斯卡最佳導演殊榮。他所執導的影片通常探討了極端的家庭悲劇, 但也在其中呈現了難能的溫暖及人性在面對艱難所擁有的韌性。因為他的電影充滿了 摧毀性的衝擊跟壓抑,所以我透過撕碎的人物肖像,紙張皺褶的紋理去呈現電影裡的 張力和壓抑。透過紅色的條帶裝飾,去表達亟欲彌補卻造成傷害的衝擊視覺,用這樣 的抽象意涵去貫串整個視覺體驗。


t h e s el e ct ed w o r k s o f C h u n g Y u A l e x C h en C h a p t er 0 1 2 3 4 5 6 7 8 9 10

0 11


012

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

P r e ss u r e P o int­­ — b r e at h i n g r e m o r s e f i l m f e s t i va l


the selected works of Chung Yu Alex Chen

Director

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Alejandro G. Iñárritu

013


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

015


016

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

P r e s s u r e P o i n t­­— b r e at h i n g r e m o r s e f i l m f e s t i va l


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

017


018

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

P r e s s u r e P o i n t­­— b r e at h i n g r e m o r s e f i l m f e s t i va l


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

019


020

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

P r e s s u r e P o i n t­­— b r e at h i n g r e m o r s e f i l m f e s t i va l


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

021


022

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

P r e s s u r e P o i n t­­— b r e at h i n g r e m o r s e f i l m f e s t i va l


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

023


024

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

P r e s s u r e P o i n t­­— b r e at h i n g r e m o r s e f i l m f e s t i va l


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

025


026

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

P r e s s u r e P o i n t­­— b r e at h i n g r e m o r s e f i l m f e s t i va l


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

027


028

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

P r e s s u r e P o i n t­­— b r e at h i n g r e m o r s e f i l m f e s t i va l


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

029


030

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

P r e s s u r e P o i n t­­— b r e at h i n g r e m o r s e f i l m f e s t i va l


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

031


032

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

P r e s s u r e P o i n t­­ — b r e at h i n g r e m o r s e f i l m f e s t i va l


t h e s el e ct ed w o r k s o f C h u n g Y u A l e x C h en C h a p t er 0 1 2 3 4 5 6 7 8 9 10

033


034

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

P r e s s u r e P o i n t­­— b r e at h i n g r e m o r s e f i l m f e s t i va l


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

035


036

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

P r e s s u r e P o i n t­­— b r e at h i n g r e m o r s e f i l m f e s t i va l


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

037


038

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

P r e s s u r e P o i n t­­— b r e at h i n g r e m o r s e f i l m f e s t i va l


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

039


040 040

C h a p t er 0 e r 0 1 1 2 3 2 3 4 5 6 7 4 5 6 7 8 9 10

C o n f l u en t V i s i o n s — NASA , T h e N e x t G i a n t L e a p


Confluent Visions 共融的願景

Project

NASA, The Next Giant Leap

專案名稱

嶄新的躍進

CL ASS INFO

Course

The Nature of Identity

課程名稱

識別的本質

課程資訊

Instructor

Hunter Wimmer

指導

杭 特.威 瑪

Year

Spring 2016

時間

二〇 一六.春

Skills

Brand Identity, Design Strategy

技能

品 牌 識 別.設 計 策 略

Key words

Modern, Clean, Flexible

關鍵字

現 代.清 晰.靈 活

Timeline

15 Weeks

時程

十五 週

Category

Logo Design, Manual Design

分類

標 誌 設 計.標 準 規 章 設 計

Deliverables

A Design Manual and Website

成品

設 計標 準 規 章及 網 站

C h a p t er 0 1 2 3 4 5 6 7 8 9 10

2

t h e s el e ct ed w o r k s o f C h u n g Y u A l e x C h en

Chapter 2 第二章

project INFO 專案資訊

0 41


C o n f l u en t V i s i o n s — NASA , T h e N e x t G i a n t L e a p

objective

To chose a defunct or dying brand and redesign its brand identity to fit a future

目標

vision. Researches about the brand history, analyze possible future audiences, and structure the future vision and brand direction. The main goal is to create a fresh visual identity which follows the soul of the brand and helps the brand to turn a new leaf for its new vision.

• 挑選一個正面臨凋亡或一蹶不振的品牌為其思考新的品牌價值及方向,並且設計一 套新的識別系統配合新的品牌走向。設計師必須透過大量的背景研究了解該品牌的 歷史,設計出符合該品牌精神的新走向和新視覺。主要的挑戰在於重新設計一套更 好的識別系統,為重塑造的品牌形象揭開嶄新的一頁。

approach

The brand that I chose was NASA. After the Space Race and Apollo Moon Landing

方法

Project, NASA started to lose its importance for the US government and in people’s minds. However, with the new goal of landing on Mars, the passion and desire of exploring space are being revived. And also, NASA needs a new identity to better reflect its current place and its future goal. I chose simplify the current “Meat Ball” logo and brings some sense of the classic “The Worm” logo. The idea is to show a sense of “The Next Giant Leap” in an abstract way, to reflect the soul of NASA which aims to “Reveal the unknown, reaching the new height and benefit all humankind.”

0 42

C h a p t er 0 1 2 3 4 5 6 7 8 9 10

• 我選擇的品牌是美國太空總署。在太空競賽及阿波羅登月計劃結束之後,美國太空總 署開始失去了在政府機構中的重要性。連年減少的聯邦預算,讓新的探索及科學研究 窒礙難行。然而最近的火星登陸計畫,重新燃起大眾對於未知宇宙的熱情與嚮往。將 來,美國太空總署將更名為「美國科學發展促進聯盟」聯合其他有能力的機構或企業 一起揭開神秘的未知。美國太空總署需要一套新的識別,去迎接新的走向。在識別標 誌上,我簡化了現行的「肉丸子」識別,納入了經典簡約的「條蟲」識別,並運用了 抽象的圖像去展現「嶄新的躍進」的內涵意義,去符合美國太空總署「揭示未知,突 破現有極限,造福全人類。」的中心思想。


t h e s el e ct ed w o r k s o f C h u n g Y u A l e x C h en C h a p t er 0 1 2 3 4 5 6 7 8 9 10

043


046

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

C o n f lu e n t V i s i o n s — N A S A , T h e N e x t G i ant L e a p


the selected works of Chung Yu Alex Chen

—Neil Armstrong

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

“Mystery creates wonder and wonder is the basis of men’s desire to understand”

047


048

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

C o n f lu e n t V i s i o n s — N A S A , T h e N e x t G i ant L e a p


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

049


050

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

C o n f lu e n t V i s i o n s — N A S A , T h e N e x t G i ant L e a p


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

051


052

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

C o n f lu e n t V i s i o n s — N A S A , T h e N e x t G i ant L e a p


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

053


054

C o n f lu e n t V i s i o n s — N A S A , T h e N e x t G i ant L e a p


the selected works of Chung Yu Alex Chen

055


056

C o n f lu e n t V i s i o n s — N A S A , T h e N e x t G i ant L e a p


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10


058

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

C o nflu e nt Visi o ns — NASA , T h e N e x t G i a n t L e a p


t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

059


060

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

C o nflu e nt Visi o ns — NASA , T h e N e x t G i a n t L e a p


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

061


062

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

C o n f lu e n t V i s i o n s — N A S A , T h e N e x t G i ant L e a p


t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

063


064

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

C o nflu e nt Visi o ns — NASA , T h e N e x t G i a n t L e a p


t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

065


066

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

C o n f lu e n t V i s i o n s — N A S A , T h e N e x t G i ant L e a p


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

067


068

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

069


070

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

C o n f lu e n t V i s i o n s — N A S A , T h e N e x t G i ant L e a p


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

071


072

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

C o nflu e nt Visi o ns — NASA , T h e N e x t G i a n t L e a p


t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

073


074

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

S o u n d s o f t h e P r e s e nt— Au d i o C a m p o A p p


第三章

Sounds of the Present 聆聽的當下

Project

AudioCampo App

專案名稱

音 頻空間 應 用程式

Course

Nature of Interaction

課程名稱

互 動設 計的本質

Instructor

Anne Kitzmiller

指導

安.克 滋 米 勒

Year

Fall 2015

時間

二〇 一五.秋

Skills

UX/UI, User Research

技能

使 用 者 介 面 及 經 驗.使 用 者 研 究

Key words

Calm, Organic, Fresh

關鍵字

平 靜.有 機.清 新

Timeline

15 Weeks

時程

十五 週

Category

UX/UI, Application Design

分類

使 用 者 介 面 及 經 驗.應 用 設 計

Deliverables

A Mobile Application

成品

手 機應用程式

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

3

t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n

Chapter 3

CL ASS INFO

課程資訊

project INFO 專案資訊

075


S o u n d s o f t h e P r e s e nt— Au d i o C a m p o A p p

objective

To create a mobile application that solves a particular problem. Demonstrate the

目標

ability to go through the UX/UI design process which includes conducting user research, generating the application concept, preparing various prototypes, user testing, and designing the application with one complete user flow.

• 設計一個可以解決現有問題的手機應用程式。設計師必須展現有善於處理使用者經驗 以及使用者介面設計的能力,並且能夠確實執行使用者的研究調查,擁有好的設計流 程,製作紙本原型。專案的成品是一個能夠展示使用流程的手機應用程式。

approach

The problem that I tackle is people in America spending too much time staring

方法

at the screens of their digital devices ever y day. Most of people spend hours browsing social feeds to gain the sense of being connected to other people. My design solution is to create an audio-based social media that encourages people to experience the world through sound. People can record an ambient sound of a special moment that they don’t want to forget, document, share, and also listen to other people’s recordings. I believe, with sound, everything becomes more intimate and people can enjoy the social network in another, perhaps more present and connected way.

• 我選擇處理的議題是有關美國人每天花太多時間瀏覽社群網站上面的資訊而讓生活失

076

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

去了某種真實性,也讓許多人有了視覺資訊焦慮的情形。大部分的人瀏覽社群網站的 原因之一是想透過觀看他人的日常來獲取那種與他人連結的感覺。因此我設計了一款 以聲音為主要溝通媒介的的手機應用程式。使用者可以透過錄製周遭的環境音,聽取 別人的錄音來感受當下,也可以透過錄音去記錄每一個難忘的時刻。當以聲音為主, 影像為輔,大腦能透過聲音而對他人的生活會有更多想像空間,也拉近了某種人與人 的距離。

outcome 成果

AudioCampo project was selected and featured in Interaction Gallery on Behance

In

since September 2016.

• AudioCampo專 案 於 二 〇 一 六 年 九 月 被 選 入 並 刊 登 在 B e h a n c e 互 動 設 計 專 區


t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

077


078

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

S o u n d s o f t h e P r e s e n t— Au d i o C a m p o A p p


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

AudioCampo The audio-based social media that allows you to experience the world through sounds.

079


080

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

S o u n d s o f t h e P r e s e n t— Au d i o C a m p o A p p


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

081


S o u n d s o f t h e P r e s e n t— Au d i o C a m p o A p p

Record

Record and explore the world through sounds.

Listen

Listen to people’s recordings and experience different times and places through sound.

Share

082

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Share your recording to your close friends and let them experience what you just experienced.


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

083


084

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

S o u n d s o f t h e P r e s e n t— Au d i o C a m p o A p p


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Audio Feed

Collect and share the sound that you don’t want to forget.

085


086

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Easy to Post a Feed

Post your recording right away with four simple steps.

S o u n d s o f t h e P r e s e n t— Au d i o C a m p o A p p


t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

087


088

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

S o u n d s o f t h e P r e s e n t— Au d i o C a m p o A p p


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

089


S o u n d s o f t h e P r e s e nt— Au d i o C a m p o A p p

Bring People Closer

090

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Send intimate messages to your close friends through this inbox function. It’s easy to manage all your personal recordings.


the selected works of Chung Yu Alex Chen

Fun to Listen Comfortable visual system that enables the enjoyment of the world of sounds.

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10 091


092

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

S o u n d s o f t h e P r e s e n t— Au d i o C a m p o A p p


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

AudioCampo

093


094

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

F i el d o f C o n v er s i o n — I n t e r f l ow D e s i g n C o n f e r e n c e


第四章

Field of Conversion 變換的場域

Project

Interflow Design Conference

專案名稱

匯流設計論壇

CL ASS INFO

Course

Type Systems

課程名稱

字 型 排 印系 統

課程資訊

Instructor

John Nettleton

指導

約 翰·奈 特 爾 頓

Year

Fall 2014

時間

二〇 一.秋

Skills

Visual System, Typography

技能

視 覺 系 統.字 型 排 印 學

Key words

Playful, Colorful , Dynamic

關鍵字

趣 味.多 彩.生 動

Timeline

5 Weeks

時程

五週

Category

Event Design, Visual System

分類

活 動 設 計.視 覺 系 統

Deliverables

A Visual System for the Conference

成品

論壇活動的視覺系統

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

4

t h e s el e ct ed w o r k s o f C h u n g Y u A l e x C h en

Chapter 4

project INFO 專案資訊

095


F i el d o f C o n v er s i o n — I n t e r f l ow D e s i g n C o n f e r e n c e

objective

To create a hypothetical design conference and design a holistic visual system for

目標

it. Show the ability to create a sophisticated visual concept that matches aim of the conference. The goal is not only to challenge a designer’s ability to demonstrate conceptual and visual design skills but also to demonstrate typography skill all in a highly flexible design system which fits the need of a design conference.

• 創造一個假想的設計論壇,並且為其量身打造一個完整的視覺系統。設計師必須展成 熟的設計思維,還有將概念視覺化的能力。專案的目標不僅止於產出有務實思維基礎 的設計,還必須展現穩健的字型排印學技巧,以及創造出能彈性符合各種論壇活動需 要的視覺設計系統。

approach

I created a design conference called Interflow Design Conference a design talk

方法

series that gathers people in different fields to share their creative process and inspirations. The speakers are not only from fields of design and visual arts, but also in the music industr y, podcast media, publication, and industrial design. Circles, stripes, and different colors are meant to represent different creative ideas that interconnect and flow together to represent this inspirational event.

• 我創造了一個名為「匯流」的設計論壇,該論壇邀請了各個領域的講者去討論他們的 創作過程以及靈感來源。講者包含了視覺領域,音樂產業,快播媒體,出版業還有工

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

業設計,以多元的主題讓各種創意交流在一起。設計上,運用了多彩的幾何圖形,互 相交疊去呈現多元交流的意象,這樣的圖形組合也能自由地去配合不同的設計品項, 靈活應用在整個論壇宣傳周邊上。

Outcome 成果

Interflow Design Conference project was a winning entry of 2016 Print Regional

AIGA

Design Annual in Print Magazine. It was featured in the RDA 2016 (Winter Issue) of Print magazine.

• 《設計匯流論壇》專案被美國Print雜誌選入2016區域設計年鑑的獲獎作品,作品被 刊登於Print雜誌冬季區域年鑑之中。

• Interflow Design Conference project was selected and featured in AIGA Member Gallery in Behance since October 2015.

• 《設計匯流論壇》專案於二〇一五年十月被選入並刊登在Behance 美國平面藝術協

096

會會員藝廊專區。


t h e s el e ct ed w o r k s o f C h u n g Y u A l e x C h en C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

0 97


098

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Field of Conversion — Interflow Design Conference


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

099


100

Field of Conversion — Interflow Design Conference


the selected works of Chung Yu Alex Chen

101


10 2

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

F i el d o f C o n v er s i o n — I n t e r f l ow D e s i g n C o n f e r e n c e


the selected works of Chung Yu Alex Chen

103


10 4

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

F i el d o f C o n v er s i o n — I n t e r f l ow D e s i g n C o n f e r e n c e


t h e s el e ct ed w o r k s o f C h u n g Y u A l e x C h en C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

10 5


106

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Field of Conversion — Interflow Design Conference


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

107


108

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

every connection is a good possibility


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

109


110

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Field of Conversion — Interflow Design Conference


t h e s el e ct ed w o r k s o f C h u n g Y u A l e x C h en C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

111


112

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Field of Conversion — Interflow Design Conference


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

113


114

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Field of Conversion — Interflow Design Conference


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

115


116

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Field of Conversion — Interflow Design Conference


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

117


118

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Field of Conversion — Interflow Design Conference


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

119


023 120

C h a p t e r 0 1 1 2 3 4 5 6 7 8 9 10 2 3 4 5 6 7 8 9 10 Chapter

L e a rselect n i n g fed r oworks m T r a dof i t i Chung o n — W oY u r dAle byxWChen ord


第五章

Learning from Tradition 向傳統技藝學習

Word by Word

專案名稱

字字句句

Course

Cylinder Core at SFCB

課程名稱

滾 筒凸 版 印 刷 術

Instructor

Mary Laird

指導

瑪 麗·萊 爾 德

Year

Summer 2014

時間

二〇 一 四.夏

Skills

Letterpress, Typography

技能

凸 版 印 刷 術.字 型 排 印 學

Key words

Classic, Elegant, Tactual

關鍵字

經 典.雅 緻.富 含 觸 感

Timeline

5 Days

時程

五天

Category

Print, Letterpress

分類

印 刷.凸 版 印 刷 術

Deliverables

Letterpress Literature Sets

成品

凸 版 印 刷 文學 套 組

CL ASS INFO

課程資訊

project INFO 專案資訊

121 023

Project

1 2 2 3 4 5 6 7 8 9 10 CChapter h a p t e r 0 1 3 4 5 6 7 8 9 10

5

t h e s e led select e cworks t e d w oof r kChung s o f C hYuunAle g Yu x Chen Alex Chen

Chapter 5


L e a rselect n i n g fed r oworks m T r a dof i t i Chung o n — W oY u r dAle byxWChen ord

objective

To learn and practice the technique of letterpress. Present the ability to execute

目標

letterpress projects and to know the tradition of letterpress. The goal is to present the essence of literature and the beauty of quotes from great authors by using typography and letterpress’ particular design capabilities.

• 學習並且透過實際操作去瞭解有關凸版印刷的知識及技巧。設計師必須展現獨立執行 凸版印刷的操作能力,並且充分理解活版印刷的基礎知識及應用。專案的目標在於活 用字型排印的技巧與知識,配合凸版印刷特有的效果去呈現作者的名言,以及文學作 品的摘錄及表現。

approach

By taking the advantage of the special texture that letterpress can make, create

方法

a literature print series. These prints are classic quotes from significant writers, singers, and influential designers. The content is meant to be as timeless as traditional letterpress technique.

• 《字字句句》是一個凸版印刷及文學為主題的作品系列。透過作者的名言、故事的摘 錄與萃取、適切圖文搭配,將平面設計以及文學閱讀且妙的結合。透過充滿細節與觸

023 122

C h a p t e r 0 1 1 2 3 4 5 6 7 8 9 10 2 3 4 5 6 7 8 9 10 Chapter

感的凸版印刷,帶領觀者從匆忙的數位時代回到老派手工時代的慢靈魂。

Outcome 成果

Word by Word project was selected and featured in AIGA Member Galler y on Behance since June 2015.

AIGA

• 《字字句句》專案於二〇一五.六月被選入並刊登在Behance美國平面藝術協會會 員藝廊專區。


t h e s e led select e cworks t e d w oof r kChung s o f C hYuunAle g Yu x Chen Alex Chen

1 2 2 3 4 5 6 7 8 9 10 CChapter h a p t e r 0 1 3 4 5 6 7 8 9 10

123 023


124

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — W o r d by W o r d


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

125


126

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — W o r d by W o r d


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

127


128

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — W o r d by W o r d


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

129


130

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — W o r d by W o r d


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

131


132

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — W o r d by W o r d


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

133


134

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — W o r d by W o r d


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

135


136

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — W o r d by W o r d


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

137


138

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r ning f r o m T r a d iti o n — Ac t o f S u b t r ac t i o n


第六 章

Act of Subtraction 減法

Project

Herman Miller Annual Report

專案名稱

赫 曼 米 勒 公司年 報 表

Course

Type System

課程名稱

字 型 排 印系 統

Instructor

John Nettleton

指導

約 翰·奈 特 爾 頓

Year

Fall 2014

時間

二〇 一 四.秋

Skills

Visual System, Typography

技能

視 覺 系 統.字 型 排 印 學

Key words

Modern, Clean, Organized

關鍵字

現 代.清 晰.有序

Timeline

6 Weeks

時程

六週

Category

Annual Report Design

分類

年報表設計

Deliverables

A 52-page Annual Report

成品

五十二頁年 報 表

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

6

t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n

Chapter 6

CL ASS INFO

課程資訊

project INFO 專案資訊

139


L e a r ning f r o m T r a d iti o n — Ac t o f S u b t r ac t i o n

objective

To choose a company’s annual report and redesign it. Show the ability to follow

目標

the design language of the brand and establish a cohesive visual communication in typography, tables, and charts. The goal is to deconstruct the design language and reconstruct it into an integrated, newly envisioned annual report.

• 選擇一間公司為其設計新的公司年報表。專案的重點在於觀察並建立一套完整視覺 系統,能夠延伸出新的圖表及數據資訊彙整。如何透過字型排印即排版技巧彰顯公 司 的 調 性 以 及 原 本 的 設 計 元 素 為 本 專 案 的 一 大 重 點 。 最 後 的 成 品 是 一 本 52頁 的 公 司 年報表。

approach

The company that I chose was Herman Miller. It is not only a manufacturer in

方法

design field but also a well-credited company that contributes to introducing modernism to people’s lives by designing great furniture. I tried to keep the design and layout as simple as possible. The major challenge: considering every element in the spread and trying to subtract the component without functional purposes. The process of redesigning the annual repor t was ver y similar to learn from so many great designers who have work with Herman Miller. The project provided the opportunity to learn from many great designer as well as a sort of pilgrimage to a good company with great design.

• 我 選 擇 的 企 業 是 赫 曼 米 勒 公 司 (Herman Miller)該 公 司 是 美 國 知 名 的 傢 俱 製 造 商 , 也 是

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

最早將現代主義設計導入美國的產品公司之一。許多歷史上傳奇的設計師參與其中, 如 喬 治 尼 爾 森 (George Nelson)查 爾 斯 與 雷 . 伊 姆 斯 (Charles & Ray Eames)他 們 所 設 計的傢俱在歷史上雋永,也為現代主義設計開啟了一道康莊。我專注將該公司的設計 語言延伸到年報表的設計當中。如何將圖表簡單清晰的呈現並且將功能及目的性擺在 優先位置為此專案最大的挑戰。整個重新設計的過程其實類似於一場向大師學習的巡 禮,是自己在研究所階段很重要的一段經驗。

OutCome

Word by Word project was selected and featured in AIGA Member Galler y on Behance since June 2015.

方法

AIGA

• 《字字句句》專案於二〇一五.六月被選入並刊登在Behance美國平面藝術協會會

140

員藝廊專區。


t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

141


142

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — Ac t o f S u b t r ac t i o n

select ed works of Chung Y u Ale x Chen


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

143


14 4

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — Ac t o f S u b t r ac t i o n


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

145


146

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — Ac t o f S u b t r ac t i o n


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

147


148

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — Ac t o f S u b t r ac t i o n


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

149


150

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — Ac t o f S u b t r ac t i o n


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

151


152

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — Ac t o f S u b t r ac t i o n


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

153


154

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — Ac t o f S u b t r ac t i o n


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

155


156

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r ning f r o m T r a d iti o n — Ac t o f S u b t r ac t i o n


t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

157


158

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — Ac t o f S u b t r ac t i o n


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

159


160

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — Ac t o f S u b t r ac t i o n


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

161


162

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

L e a r n i n g f r o m T r a d i t i o n — Ac t o f S u b t r ac t i o n


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

163


164

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

D e r i vati v e J oy — Ya k i n i Q C a f é , Ta b l e C a r e Sy s t e m


第七章

Derivative Joy 衍生的樂趣

Project

YakiniQ Café, Table Care System

專案名稱

亞奇尼可 咖 啡 店 愛 護 桌子系 列

Course

Visual Literacy

課程名稱

視覺素養

Instructor

Hunter Wimmer

指導

杭 特.威 瑪

Year

Spring 2014

時間

二〇 一 四.春

Skills

Visual System, Visual Communication

技能

視 覺 系 統.視 覺 溝 通

Key words

Playful, Characteristic , Humorous

關鍵字

趣 味.個 性.幽 默

Timeline

5 Weeks

時程

五週

Category

Visual System, Illustraion

分類

視 覺 系 統.插 畫

Deliverables

Pamphlet, App, Postcards, Posters

成品

小冊.手 機 遊 戲.明 信片.海 報

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

7

t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n

Chapter 7

CL ASS INFO

課程資訊

project INFO 專案資訊

165


D e r i vati v e J oy — Ya k i n i Q C a f é , Ta b l e C a r e Sy s t e m

objective

To find a hand drawing sign and redesign it. The designer needs to find out of the

目標

intention of the sign and create a design system to serve the intention. The goal is to use graphic design skill to improve the visual communication of the sign and transform it into the next level.

• 找一個目的明確的手繪告示牌為其設計一套平面視覺系統,透過改良讓它更完美地達 到原本的訴求。專案的目的在於透過平面設計的知識與技巧去增進日常生活中的告示 視覺表達不明確的缺失。

approach

I found a sign that asks people not do any thing harmful to the table and other

方法

furniture in a cof fee shop. I decided to use personification bring the sense of humor to the design. The final deliverables are a table pamphlet, a mobile application game poster series, and postcards.

• 我在一間咖啡廳裡找一個希望客人善待店內家具的告示。我決定用擬人的方式將店內 的桌椅帶入豐富的角色性來增添客人的同理心和設計的幽默感。最後的作品產出是一

166

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

本書桌故事手冊,一個手機遊戲,和幽默感十足的海報明信片組。


t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

167


168

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

D e r i vat i v e J oy — Ya k i n i Q C a f é , Ta b l e C a r e S yst e m


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

169


170

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

D e r i vat i v e J oy — Ya k i n i Q C a f é , Ta b l e C a r e S yst e m


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

171


172

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

D e r i vat i v e J oy — Ya k i n i Q C a f é , Ta b l e C a r e S yst e m


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

173


174

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

D e r i vat i v e J oy — Ya k i n i Q C a f é , Ta b l e C a r e S yst e m


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

175


176

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

D e r i vat i v e J oy — Ya k i n i Q C a f é , Ta b l e C a r e S yst e m


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

177


17 8

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

D o u b l e E x p o s u r e — M u s i c P o s t e r: Yo u t h


第八 章

Double Exposure 重曝

Project

Music Poster: Youth

專案名稱

音 樂 海 報:青 春

Course

Type Experiments

課程名稱

字型排印實驗

Instructor

Stanley Zienka

指導

史 丹利.辛 伽

Year

Spring 2015

時間

二〇 一五.春

Skills

Photography, Typography

技能

視 覺 系 統.字 型 排 印 學

Key words

Blue, Drifting, Colliding

關鍵字

憂 鬱.漂 流.衝 撞 的

Timeline

3 Weeks

時程

三週

Category

Art Direction, Photography

分類

藝 術 指 導.攝 影

Deliverables

A Music Poster

成品

音樂海報

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

8

t h e s el e ct ed w o r k s o f C h u n g Y u A l e x C h en

Chapter 8

CL ASS INFO

課程資訊

project INFO 專案資訊

17 9


D o u b l e E x p o s u r e — M u s i c P o s t e r: Yo u t h

objective

To choose a song and create a music poster by using analog projector photography

目標

skills. Prepare various objects, such as celluloid films, glass, translucent paper and even different kinds of liquid, to construct an interesting image on an analog projector. The goal is to pull a designer out of the comfort zone and be confident to generate the imagery manually and creatively.

• 選擇一首歌,然後透過類比影像重疊的方式去製作一張音樂海報。設計師必須自行準 備多元的物件,例如賽璐璐片、玻璃、半透明的紙張、以及不同效果的液體,在投影 機上即興拼湊,來完成一張音樂海報。專案的目的在於讓設計師暫時脫離在電腦上作 業的舒適圈,重返手作與類比的即興設計。

approach

The song that I chose was Youth, by the band Daughter. It is about the retrospect

方法

of collisions, losses, gains, loves, and regrets of youth. I used different symbols to compose rhythm-like patterns which represent to the drums and bass. Printed celluloid films compose poetic images which reflect the mood of the song. The final deliverable was an 18*24 inch music poster.

• 我所選擇的歌曲是女兒樂團的《青春》,歌曲呈現了對於年少輕狂的回顧和弔念,那 些為了感情和現實的衝撞,還有所有悵然若失的傷感,都透過旋律一一浮現。我使用 了大量的符號組成了有節奏性的圖案,去呼應風格強烈的鼓聲。也用了很多賽璐璐片

18 0

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

的影像重疊去反應整首歌的氛圍和情緒。


t h e s el e ct ed w o r k s o f C h u n g Y u A l e x C h en C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

181


182

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

D o u b l e E x p o s u r e — M u s i c P o s t e r: Yo u t h


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

183


184

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

D o u b l e E x p o s u r e — M u s i c P o s t e r: Yo u t h


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

185


186

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

D o u b l e E x p o s u r e — M u s i c P o s t e r: Yo u t h


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

187


188

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

D o u b l e E x p o s u r e — M u s i c P o s t e r: Yo u t h


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

189


190

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

D o u b l e E x p o s u r e — M u s i c P o s t e r: Yo u t h


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

191


192

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

F o o d f o r T h o u g h t— S t e a m M ag a zi n e


第九 章

Food for Thought 食識

Project

Steam Magazine

專案名稱

蒸汽雜誌

Course

Type Composition

課程名稱

字型排印組合

Instructor

Andrew Loesel

指導

安 德 魯.羅 索

Year

Spring 2014

時間

二〇 一 四.春

Skills

Layout, Typography

技能

排 版.字 型 排 印 學

Key words

Open, Contrast , Concise

關鍵字

開 放.對比.簡 潔

Timeline

5 Weeks

時程

五週

Category

Magazine Design, Visual System

分類

雜 誌 設 計.視 覺 系 統

Deliverables

A Food Magazine

成品

一本 飲 食 雜 誌 試 閱

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

9

t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n

Chapter 9

CL ASS INFO

課程資訊

project INFO 專案資訊

193


F o o d f o r T h o u g h t— S t e a m M ag a zi n e

objective

To create a hypothetical magazine and direct a visual concept based on the

目標

specific subject. Show the ability to create a cohesive layout which can flexibly fit with various contents. Execute the concept of visualization. The goal is to have complete elements for the magazine which include at least five different articles, table of contents, chapter openers, and a fully designed cover.

• 創造一本假想的雜誌,然後根據雜誌包容的主題去制定一套相關的視覺概念。設計師 必須充分展現有排版的組織能力。雜誌排版應該在多樣的功能性和連續性之間達到彈 性變化的平衡。主要的目標是將雜誌的主架構設計完成,包含不同類型的文章內容, 章節跨頁,目錄以及封面。

approach

Steam Magazine has three dif ferent sections. “ The Preparation” guides the

方法

audience to learn practical skills in cooking. “The Main Dish” illustrates stories and information about food ingredients. “The Last Order” shows the transformation from food to literature which allows experiencing a spiritual feast through words and sentences.

• 我選擇了以食物為主題的雜誌,並且命名為《蒸汽雜誌》。透過蒸氣所傳達的熱度及 溫暖去呈現對食物的熱情和想望。蒸汽雜誌的概念在於去呈現不同有關食物的面貌。 該雜誌有三個部分:「備料」講述的是有關準備一道料理的知識與技能。「主餐」則

194

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

是透過文章介紹特定的食材知識與文化脈絡。「最後加點」則試圖透過飲食文學去溫 飽心靈對食物及人文的渴求。透過三個不同的篇章,去達到身心靈的美食饗宴。

outcome

Steam Magazine project was selected and featured in AIGA Member Galler y on

成果

Behance since May 2015.

AIGA

• 《蒸汽雜誌》專案於二〇一五年五月被選入並刊登在Behance美國平面藝術協會會 員藝廊專區。


t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

195


196

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

F o o d f o r T h o u g h t— S t e a m M ag a zi n e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

197


198

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

F o o d f o r T h o u g h t— S t e a m M ag a zi n e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

199


200

F o o d f o r T h o u g h t— S t e a m M ag a zi n e


the selected works of Chung Yu Alex Chen

201


202

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

F o o d f o r T h o u g h t— S t e a m M ag a zi n e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

203


204

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

F o o d f o r T h o u g h t— S t e a m M ag a zi n e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

205


206

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

F o o d f o r T h o u g h t— S t e a m M ag a zi n e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

207


208

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

F o o d f o r T h o u g h t— S t e a m M ag a zi n e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

209


210

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

F o o d f o r T h o u g h t— S t e a m M ag a zi n e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

211


212

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

M FA T HE S I S — D e sign is c o nn e cti o n — t o m e


研究所論文

研究所論文

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

MFA Thesis

T

t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n

MFA Thesis

“Books are a social substitute; you read people who, at one level, you’d like to hang out with.” — David Lipsky

213


214

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

M FA T HE S I S — D e sign is c o nn e cti o n —t o m e


第十章

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Design is Connection

t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n

10

Chapter 10

設計.連結

Project

Tome

專案名稱

To m e

Course

Thesis 1,2,3

課程名稱

論 文一.二.三

Instructor

Anthony Jagoda, Carolina De Bartolo

指導

安 東 尼.賈柯 達、卡羅 琳 納.巴 特 羅

CL ASS INFO

課程資訊

大 衛.考 特 威 爾、菲 爾.哈 姆 雷 特

Dave Gottwald, Phil Hamlett, Fall 2014—Fall 2015

時間

二〇 一 四.秋 至 二〇 一五.秋

Skills

Visual System, Typography, Strategy

技能

視 覺 系 統.字 型 排 印 學.設 計 策 略

Key words

Motivate, Share, Connect

關鍵字

啟 發.分享.連 結

Timeline

1 Year

時程

一年

Category

Application Design, UX/UI

分類

應 用 設 計.使 用 者 經 驗 及介 面 設 計

Deliverables

MFA Thesis Collections

成品

研 究 所 論 文作品 總 覽

project INFO 專案資訊

215

Year


M FA T HE S I S — D e sign is c o nn e cti o n — t o m e

objective

A master’s thesis project is a year-long exploration of a chosen topic that identifies

目標

problems in the world. The purpose of the thesis is to find ways that graphic design can be used to address the problem and implement a possible solution that demonstrates unique design thinking. This includes a variety of in-depth research techniques, strategies, explorations, development and execution of deliverables.

• 研究所論文是一個為期一年的主題探索。研究生必須選擇一個自己有興趣的議題,找 出現有的問題,透過平面設計的方式找到解答。過程中,研究生必須展現深入的研究 技巧,組織及設定解決策略,並且徹底執行相關的設計產物。

approach

I was intrigued by the topic of “How to encourage more people to read printed

方法

books.” After research and interviews, I found the most effective way to motivate people to read is to increase the sense of being connected to other people. So I created a share-economy based application which rebuilds the connection bet ween books, social media, and people. The application is called Tome — a platform that connects real people to real books.

• 因為喜愛書籍,有關如何鼓勵更多的人來閱讀紙本書是我最關切的議題。經過了許多 的背景研究,以及訪問。我發現最能夠激發閱讀動力的方式在於,去增強那種人與人

216

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

之間的連結感。所以我設計了一個以共享經濟為導向的手機應用程式,來重新連結紙 本 書 、 社 群 、 與 人 們 。 這 個 應 用 程 式 是 To m e : 連 結 紙 本 和 人 們 最 好 的 夥 伴 。


t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

217


218

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

M FA T H E S I S — D esi g n is c o n n e c ti o n — t o m e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

219


220

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

M FA T H E S I S — D esi g n is c o n n e c ti o n — t o m e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

221


222

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

M FA T HE S I S — D e sign is c o nn e cti o n — t o m e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

223


224

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

M FA T H E S I S — D esi g n is c o n n e c ti o n — t o m e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

225


226

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

M FA T H E S I S — D esi g n is c o n n e c ti o n — t o m e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

!

227


228

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

M FA T H E S I S — D esi g n is c o n n e c ti o n — t o m e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

229


230

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

M FA T H E S I S — D esi g n is c o n n e c ti o n — t o m e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

231


232

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Connect with books and people at Tome.

M FA T HE S I S — D e sign is c o nn e cti o n — t o m e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

233


234

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

M FA T H E S I S — D esi g n is c o n n e c ti o n — t o m e


the selected works of Chung Yu Alex Chen

Share and borrow books from Tome.

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

235


236

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Get inspired and motivated at Tome.

M FA T H E S I S — D esi g n is c o n n e c ti o n — t o m e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

237


238

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

M FA T H E S I S — D esi g n is c o n n e c ti o n — t o m e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10


240

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

M FA T HE S I S — D e sign is c o nn e cti o n — t o m e


t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

241


242

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

M FA T H E S I S — D esi g n is c o n n e c ti o n — t o m e


C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

243


24 4

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

245


246

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

M FA T HE S I S — D e sign is c o nn e cti o n — t o m e


t h e s e l e ct e d w o r k s o f C h u ng Y u Al e x C h e n C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

247


248

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10


250

M FA T H E S I S — D esi g n is c o n n e c ti o n — t o m e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

251


252

C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

Connecting real people to real books.

M FA T H E S I S — D esi g n is c o n n e c ti o n — t o m e


the selected works of Chung Yu Alex Chen C h a p t e r 0 1 2 3 4 5 6 7 8 9 10

253


254

Chapter 0 1 2 3 4 5 6 7 8 9 10

In the end, everything converges.

in t h e e n d — c o n v e r g e


the selected works of Chung Yu Alex Chen Chapter 0 1 2 3 4 5 6 7 8 9 10

255


Thank You, Mom and dad

A few words are not enough to express how I grateful feel for your unconditional love, encouragement, and support both in school and life. I will do my best to let you know how all the efforts you have made on my behalf are worthwhile. There is an old saying in design the field: “Before becoming a good designer, you need to learn how to be a good person.” I think you set my design path from the very beginning. I love you and thank you for everything.

• 我想再多的文字也無法表達我對你們的感謝。因為你們一直以來的支持,還有投注在 我身上的所有努力,才讓我有機會在異地築夢。謝謝你們包容我的任性,也支持我的 夢想。他們說:「在成為好的設計師之前,必須先學習成為一個好的人。」這麼說來, 早在進入設計領域之前,你們就已經為我打下穩穩的基礎。我希望有一天,能夠回饋 你們的心意和付出,用最實質和最直接的方式讓你們知道這一切的努力與付出都是值 得的。我愛你們,謝謝你們所付出的一切。

Thank You, instructors

Thank you, Mar y, for guiding me through the por tfolio class and encouraging me to push my por tfolio into the best showcase for my work. All your passion, knowledge, genuine guidance, and the endless care that you have given serve as the best example for great designers to follow. Thank you, John, for everything that you have taught me both in typography and in design practice. You always pay attention to great details and give accurate feedback take design work to the next level. You have helped me build a foundation in typography and I will always remember all the things you’ve taught. T hank you, Michael Kilgore, Lian Ng, Hunter W immer, Andrew Loesel, John Nettleton, Sandra Isla, Phil Hamlett, Stanley Zienka, Anne Kitzmiller,Kilbey, Blaire, Christopher Morlan, Anthony Jagoda, Dave Gottwald, Aries Nunez, Shel Perkins, Mary Scott, Carolina De Bartolo. I feel extremely lucky to meet and to have been taught by all of you in my design journey. You are the doors and windows that allow me to see how wide and fantastic the design universe can be. All the things that you have taught me converge in the work of this portfolio. I will bring all the knowledge, passion, practice, and experience with me, both in my designs and in my life.

• Mary 謝 謝 你 在 作 品 集 上 的 指 引 , 引 領 著 我 們 將 三 年 下 來 的 設 計 成 果 , 推 上 最 好 的 呈 現。你的一片赤誠、知識、引導,還有對晚輩無盡的照顧,對任何設計師而言都是最 好的學習對象與楷模。

John 謝 謝 你 所 教 授 一 切 有 關 字 型 排 印 學 的 知 識 與 設 計 實 務 , 也 為 我 的 平 面 設 計 能 力 打下扎實的基礎。你總是能看見最微小的細節,然後給予精準的建議,讓設計躍入下 一個更美好的層次。

Michael Kilgore, Lian Ng, Hunter Wimmer, Andrew Loesel, John Nettleton, Sandra Isla, Phil Hamlet t, Stanley Zienka, Anne Kitzmiller,Kilbey, Blaire, Christopher Morlan, Anthony Jagoda, Dave Gottwald, Aries Nunez, Shel Perkins, Mary Scott, Carolina De Bartolo 謝 謝 你 們 。 我 無 法 用 言 語 形 容 對 你 們 的 感 謝 , 能 夠 在 這 設 計 這 條 路上相遇,然後被你們教導,實屬幸運。你們是一道道的門與窗,讓我看見平面設計 的可能。你們所教授的一切都融會在這本作品集裡面,我會帶著你們的知識,熱情, 還有曾給我的體驗及感動,去走接下來的路。

Thank You, my Friends

Monica, Louise, Yun, Lynn, you are the most impor tant people and best friends during my school years in San Francisco. You guys always see through things that I cannot get. Your honesty, opinions and the right-to-the-point advice, always bring me back to the right track both in design and in life. I feel lucky to have taken classes with you, to learn from you, and keep growing and graduating with you.


Edward, Kristy, and Yen, you guys are the best roommates I’ve ever had. Thanks for countless lunches, dinners, and comfort foods in my darkest times. And thank you for being inclusive, for being patient and understanding of my crazy schedule, my capriciousness, and regular messes that I brought home. You guys are the sweetest part of home. A thanks to the friends that shared meals and tears and laughter with. You are the most precious memories in my time at school. Without your support, it would have been impossible for me to make it today. Thank you with all my heart.

• 冠華、魯意思、晃、令、謝謝你們。你們是舊金山最好的朋友和夥伴,總能夠看穿那 些我看不見的盲點。無論是在設計上或是或是龐雜的生活裡,總是能一針見血的給我 你們的看法和分析,適時的把我拉回正軌。能夠和你們一起上課、一起成長,一起畢 業是我莫大的榮幸。 愛德華、涵文、阿彥、謝謝你們。你們是我遇過最好的室友。謝謝你們總是包容我的 任性、誇張的作息,以及不定期為家裡帶來的混亂。感謝你們總是在我最低潮的時候 準備了溫暖的餐飯和食糧,陪我度過難關。能成為你們的室友,我三生有幸。 太多的朋友無法一一感謝,請容我把感謝帶入每一次的餐聚,以及相聚的時光。所有 與你們有過的片段都是我在舊金山最美好的回憶。謝謝你們一直以來的支持和鼓勵, 我由衷感謝。

Special thanks

Peter and Jenny, I'm so glad that I met you through the Weekend Press. Working with you gave me tremendous influence in my design. Thank you for always giving me great advice, guidance, and all the time that we spent together. It is a great experience to have learned from you for your positive spirit, great sense of generosity, and professional insistence. Ryan Wang, there won't be enough words to express my gratefulness. You are my mentor both in design and life. All these things might be totally different if I didn't meet you five years ago. You opened the door of design for me, and always guided me when I felt lost or frustrated. I will keep working hard to catch up, and thank you for all the seeds that you have planted during these years, I hope I can show you when they sprout and grow. Silvi Alcivar, knowing you is such a wonder ful coincidence, and knowing you through your words and poetry is one of the most beautiful things in my life. Your words have great strength and a great sense of healing in them, which can ignite people's hearts and mind with warmth. Thank you for all the time you have put into my portfolio, helping me with words and sentences and making them feel right and concise. I look forward to the possibility of future collaborations.

• Peter, Jenny 謝 謝 你 們 , 能 透 過 「 週 末 印 刷 工 作 室 」 認 識 你 們 真 的 是 在 幸 運 不 過 的 事 情了。與你們一起工作,在追求細節的宇宙裡打滾,對我的設計有著莫大的影響。你 們積極的態度,對晚輩的慷慨,還有對專業的支持是觸動我最深的部分,我會帶著你 們給過的所有,繼續前進。 丸正,謝謝你。你一直是我最重要的導師,如果當初不是因為辦展認識你,今天所有 的事情都會很不一樣。你為我打開了有關設計的大門,總是願意在我感到迷惘的時候 給我最適切的引導。我會努力趕上你的腳步,讓你看到曾經播下的種子,已經慢慢在 抽芽和生長。

Silvi Alcivar 認 識 你 是 奇 妙 的 巧 合 , 你 的 文 字 和 你 的 詩 有 著 隱 隱 的 力 量 和 撫 慰 人 心 的 溫度。謝謝你願意花時間在我的作品集上,字字句句地推敲,讓它們有最好的呈現, 期待未來的合作以及所有的可能。


Colophon 書籍資訊

Contact

Chung Yu Alex Chen

Phone

1(415) 867-5936

Website

alexchendesign.com

email

infoalexchen@gmail.com

School

Academy of Art University Graduate School of Graphic design

Instructor

Mary Scott

Printing

Graphic Imagery

Binding

Key Printing & Binding

Cover Stock

CM Arrestox Blue Canvas Linen

Tex t Stock

Mohawk Digital, 100lb

Photography

Chung Yu Alex Chen

Typeface

San Francisco Text, PingFang TC

Sof t ware

Adobe Creative Cloud

Copyright © 2016 by Chung Yu Alex Chen All Right Reserved. No part of this publication can be reproduced without expressed permission from Chung Yu Alex Chen.

Contact info 聯絡資訊

School info 學校資訊

Production Info 製成資訊

Copyright 版權


the selected works of Chung Yu Alex Chen Chapter 0 1 2 3 4 5 6 7 8 9 10

259


260

Chapter 0 1 2 3 4 5 6 7 8 9 10

Project Name


Converge—The Selected Works of Chung Yu Alex Chen, MFA