Picture + Element by Thomas Yuen

PICT ELEM PICTURE + ELEMENT

Portfolio of Thomas Yuen

E r r

PICTURE + ELEMENT

Portfolio of Thomas Yuen

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

PICTURE ELEMENT C

INTR O D U C T I O N

E r

Selected works of Thomas Yuen

P IC T U R E + E L E M E N T

I nt r o d u c tio n

O X

CATEGO RIES __________

D EFINITIO N __________

Ap p B ra nd in g E d i t oria l I llus t ra ti o n T yp o g r a p h y Web

Pixel, a word invented from Picture + Element, is the smallest element of an image that can be individually processed in a video display system. Each pixel is a sample of an original image; more samples typically provide more accurate representations of the original. The intensity of each pixel is variable. In color image systems, a color is typically represented by three or four component intensities such as red, green, and blue, or cyan, magenta, yellow, and black.

SO LUTIO N ________

Ever since I took a course about user experience and interface design, I instantly felt in love with the infinite possiblities in digital designing, it is all started with a single pixel. A pixel is very adaptive, it can change into any color on different occasions, and I believe as a designer, it is important to be adaptive and versatile to come up with solutions in different occasions. All the works in this book are like a pixel, and combining them displays who I am as a designer. Thank you for looking and I hope you enjoy. H

D ELIV ERA B LES ____________

p or t f ol i o

w eb s i t e

stationery

p o s t c a rd s

3/160

P IC T U R E + E L E M E N T

½ picture + Introduction

P o r tfo li o o f T h o m a s Y u e n

element

PAGE 02–03

½ peer connection Òmemo.Ó App Design

PAGE 06–19

PAGE 20–35

preserving nature

amnh

Rebranding

½ aloha spirit Hawaiian Airlines Rebranding

½ speak after me ÒParrotÓ App Design PAGE 62–73

PAGE 39–61

i CO P YR I G H T © 20 1 5

E r

TA B L E O F CO N T E N T S

½ navigate around ÒsurcleÓ App Design

½ brainwave S.Y.N.C.

PAGE 124–135

PAGE 136–155

stimulation

R O X

½ hate him more Cristiano Ronaldo PAGE 74–89

½ intelligent Deep Learning Conference PAGE 90–97

machines

½ miniature city The Gap Between Rich & Poor

½ journey of life An Ordinary Mind PAGE 110–123

PAGE 98–109

5/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

PEER CONNECT t

ÒM EM O .Ó AP P DES I G N

E r

An app designed for college students and instructors

P E E R CO N N EC T IO N

“ m e m o.” A P P D E S I G N

P R O J EC T

CATEGO RIES __________

(0 1 / 1 0)

R O W

O BJ ECTIV E _________

Ap p B ra nd in g E d i t oria l I llus t ra ti o n T yp o g r a p h y Web

D ETAILS _______

To design an iPhone5 app for urban San Francisco users. The app has to be unique and original and solve an onthe-go urban need. Students will be pushed to apply their classic design skill in terms of layout, type and color to the digital and interactive space with the constraints in a mobile screen (sizing, placement, contrast, etc.)

SO LUTIO N ________

½ term Fall 2013

ION

As iOS7 just came out at the time this project began, it really encourages designers to throw away skeuomorphism and use flat design, therefore I brought simple shapes and fine line icons into play with contrasting colors. Users can easily access different sections and look at informations they need such as: schedule, assignment list, forum, etc.

½ course Graphic Design 3 ½ instructor Bryan Pieratt ½ duration 14 Weeks

P ROCESS _______

½ audience College Students & Instructors ½ typeface Proxima Nova

D ELIV ERA B LES ____________

i p hone a p p

½ keywords Organize Inspire Learn Assistant Notes

7/ 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

“ m e m o.” A P P D E S I G N

P E E R CO N N EC T IO N

P R O J EC T

(0 1 / 1 0)

R O W

9/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

“ m e m o.” A P P D E S I G N

P E E R CO N N EC T IO N

P R O J EC T

(0 1 / 1 0)

R O W

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

LYDIA DAHLEN Group Leader

20m

Reminder Hey guys! Remember we have a meeting tomorrow for our UX project in the library at 3pm. See you guys there!

Pending Approval Group Member Suggestion Claire Harrison

LYDIA DAHLEN Group Member

45m

53m

Re: Reminder Thanks David, I've accepted Claire as our member. I just created an event to add to our schedule. Check it out. Group Meeting Tomorrow 3pm in Library

ADD TO SCHEDULE

P E E R CO N N EC T IO N

“ m e m o.” A P P D E S I G N

P R O J EC T

HELENA TAYLOR Group Member

(0 1 / 1 0)

R O W

34m

Re: Reminder Thanks for the reminder Lydia! Btw, here's some inspirations for you guys.

DAVID COOPER Group Member

45m

Re: Reminder Cool stuffs! Also, let's invite Claire into this group, she just joined our class this week. I've sent you a member approval, Lydia. Group Member Suggestion Claire Harrison

SENT

13/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

“ m e m o.” A P P D E S I G N

P E E R CO N N EC T IO N

P R O J EC T

(0 1 / 1 0)

R O W

15/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

“ m e m o.” A P P D E S I G N

P E E R CO N N EC T IO N

P R O J EC T

(0 1 / 1 0)

R O W

17/ 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

PROFILE

½ ASSIGNMENTS ½ FORUM ½ WORKSHOP

CAMPUS

NEWSFEED

SCHEDULE ½ FORUM

GENIE ½ SEARCH ½ my boards

P E E R CO N N EC T IO N

“ m e m o.” A P P D E S I G N

P R O J EC T

(0 1 / 1 0)

R O W

19 / 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

PRESERVI NATURE n

A M N H R EB R AN DI N G

E r

Rebranding the museum identity & experience

P R E S E R V I N G N AT U R E

A M N H Re b ra nding

P R O J EC T

CATEGO RIES __________

R O W

(0 2 / 1 0)

O BJ ECTIV E _________

Ap p B ra nd in g E d i t oria l I llus t ra ti o n T yp o g r a p h y Web

ING D ETAILS _______

Find a non-profit organization in need of branding and tell their story through various printed and digital materials, and later on design a space for the experience.

SO LUTIO N ________

½ term Spring 2014

The main mission of American Museum of Natural History is educate the public about human culture, earth and universe. I created a brand experience book showing what the museum has to offer in different exhibitions with fun facts, to attract people to pay a visit to the museum.

½ course Visual Systems 2 ½ instructor Sean McGuire ½ duration 14 Weeks

D ELIV ERA B LES ____________

½ audience Family, Children ½ typeface Bariol

ebook

P ROCESS _______

brand book

½ keywords Explore Cosmos Universe History Science Earth

21/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

ANTHROPOLOGY Study of humans, past and prese nt

PALEONTOLOGY Study of the history of life

PHYSICAL SCIENCE Studies of Astronomy, Che mistry, Physics and Earth Scie nce

ZOOLOGY Study of all aspects of the biology of animals

P R E S E R V I N G N AT U R E

A M N H Re b ra nding

P R O J EC T

(0 2 / 1 0)

R O W

23/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

A M N H Re b ra nding

P R E S E R V I N G N AT U R E

P R O J EC T

(0 2 / 1 0)

R O W

25/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

A M N H Re b ra nding

P R E S E R V I N G N AT U R E

P R O J EC T

(0 2 / 1 0)

R O W

2 7/ 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

A M N H Re b ra nding

P R E S E R V I N G N AT U R E

P R O J EC T

(0 2 / 1 0)

R O W

29/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

A M N H Re b ra nding

P R E S E R V I N G N AT U R E

P R O J EC T

(0 2 / 1 0)

R O W

31/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

A M N H Re b ra nding

P R E S E R V I N G N AT U R E

P R O J EC T

(0 2 / 1 0)

R O W

33/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

A M N H Re b ra nding

P R E S E R V I N G N AT U R E

P R O J EC T

(0 2 / 1 0)

R O W

35/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

ALOHA SPIRIT M

HA WAI I A N A I R LI N ES R E B RA N D I N G

E r

A modern approach to Hawaiian Airlinesâ&#x20AC;&#x160;

A LO H A S P I R I T

H a w a ii a n A i rli n e s R e b r a n d i n g

P R O J EC T

CATEGO RIES __________

R O W

(0 3 / 1 0)

O BJ ECTIV E _________

Ap p B ra nd in g E d i t oria l I llus t ra ti o n T yp o g r a p h y Web

D ETAILS _______

Create a new identity application system and brand guideline for an airline. Students will be responsible for the creation of a logo and applications including: stationery, poster, website, livery, coffee mug, etc. These applications should have a consistent look & feel with the guideline.

SO LUTIO N ________

Hawaiian Airlines has been serving people from and to Hawaii for more than 70 years, as they are expanding their fleets and serving new destinations, it would be a great opportunity for a stronger, more modern upgrade of the current identity. I used colors inspired by the tropical elements of Hawaii and applied patterns to create a welcoming feeling of the Aloha State, but retaining the spirit of the brand—the Pualani lady.

½ term Spring 2014 ½ course Strategies for Branding ½ instructor Thomas McNulty ½ duration 10 Weeks

D ELIV ERA B LES ____________

P ROCESS _______

½ audience Families, couples ½ typeface Fertigo Pro Bariol ½ keywords Tropical Warmth Friendly Paradise Relax

brand guideline

stationery

iphone app

website

3 7/ 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

H a w a ii a n A i rli n e s R e b r a n d i n g

A LO H A S P I R I T

P R O J EC T

(0 3 / 1 0)

R O W

39/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

H a w a ii a n A i rli n e s R e b r a n d i n g

A LO H A S P I R I T

P R O J EC T

(0 3 / 1 0)

R O W

HAWAIIAN AIRLINES

41/1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

H a w a ii a n A i rli n e s R e b r a n d i n g

A LO H A S P I R I T

P R O J EC T

(0 3 / 1 0)

R O W

43/1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

H a w a ii a n A i rli n e s R e b r a n d i n g

A LO H A S P I R I T

P R O J EC T

(0 3 / 1 0)

R O W

45/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

H a w a ii a n A i rli n e s R e b r a n d i n g

A LO H A S P I R I T

P R O J EC T

(0 3 / 1 0)

R O W

4 7/ 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

H a w a ii a n A i rli n e s R e b r a n d i n g

A LO H A S P I R I T

P R O J EC T

(0 3 / 1 0)

R O W

49/1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

Wave Blue

Sunset Purple

Leaf Green

Hibiscus Red

Tropical Orange

A LO H A S P I R I T

H a w a ii a n A i rli n e s R e b r a n d i n g

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

H a w a ii a n A i rli n e s R e b r a n d i n g

A LO H A S P I R I T

P R O J EC T

(0 3 / 1 0)

R O W

53/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

scan or enter website link

ยบ

http://thomasyuen.com/wnm250/Hawaiian_Airlines/?#

A LO H A S P I R I T

H a w a ii a n A i rli n e s R e b r a n d i n g

P R O J EC T

(0 3 / 1 0)

R O W

55/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

H a w a ii a n A i rli n e s R e b r a n d i n g

A LO H A S P I R I T

P R O J EC T

(0 3 / 1 0)

R O W

5 7/ 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

H a w a ii a n A i rli n e s R e b r a n d i n g

A LO H A S P I R I T

P R O J EC T

(0 3 / 1 0)

R O W

59/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

H a w a ii a n A i rli n e s R e b r a n d i n g

A LO H A S P I R I T

P R O J EC T

(0 3 / 1 0)

R O W

61/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

SPEAK AFTER ME g

ÒP A RR O TÓ A P P DES I G N

E r

Learn a new language in a playful way

SPEAK AFTER M E

“ Pa r r o t ” A P P D E S I G N

P R O J EC T

CATEGO RIES __________

(0 4 / 1 0)

R O x U

O BJ ECTIV E _________

Ap p B ra nd in g E d i t oria l I llus t ra ti o n T yp o g r a p h y Web

D ETAILS _______

This is a project to create an iPhone app that we like and apply basic element of iOS7. Students will explore how type and color works on a phone screen and what function iPhone has to offer to make the app original.

SO LUTIO N ________

I love playing video games and through the years I have learnt a lot of vocabularies in English and Japanese from gaming, and I believe education combining with gaming can be a very effective way in learning languages. Parrot is a language learning app which users learn a language from the basic and they will discover new words as the game's story progress. The user will repeat after the pronunciation of the word, therefore the app is called Parrot.

½ term Fall 2013 ½ course Principles of User Experience ½ instructor Bob Slote ½ duration 10 Weeks

D ELIV ERA B LES ____________

P ROCESS _______

½ audience Age 12+ ½ typeface Montserrat Hiragino Kaku Gothic Pro

iphone app

½ keywords Learn Fun Playful Cartoon Effective

63/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

“ Pa r r o t ” A P P D E S I G N

SPEAK AFTER M E

P R O J EC T

(0 4 / 1 0)

R O x U

おはようございます

65/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

“ Pa r r o t ” A P P D E S I G N

SPEAK AFTER M E

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

“ Pa r r o t ” A P P D E S I G N

SPEAK AFTER M E

P R O J EC T

(0 4 / 1 0)

R O x U

69 / 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

“ Pa r r o t ” A P P D E S I G N

SPEAK AFTER M E

P R O J EC T

(0 4 / 1 0)

R O x U

71/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

“ Pa r r o t ” A P P D E S I G N

SPEAK AFTER M E

P R O J EC T

(0 4 / 1 0)

R O x U

arigato goza imasu

ありがとうございます Thank you!

73/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

HATE HIM MORE Y

CR I S T I A N O R O N A LD O

E r

A soccer player with passion & attitude

H AT E H I M M O R E

C ristia n o Ro n ald o

P R O J EC T

CATEGO RIES __________

R O U

(0 5 / 1 0)

O BJ ECTIV E _________

Ap p B ra nd in g E d i t oria l I llus t ra ti o n T yp o g r a p h y Web

D ETAILS _______

This project is to pay a tribute to an inspirational figure and create an identity, poster series and a book about the person. Gather information on both of their personal and professional life, what they have accomplished and odd facts of that person to make this project unique.

SO LUTIO N ________

Cristiano Ronaldo has been my favourite soccer player since I first started watching the sport. Throughout his career, he has made fame, he scored more goals that most of the other players, and he won so many titles. His attitude on the soccer pitch has made people love him to love him more, but also haters to hate him more. This project is focused on what he had to go through in his professional career and his attitude of never giving up.

½ term Fall 2012 ½ course Graphic Design 1 ½ instructor Sean McGuire ½ duration 14 Weeks

D ELIV ERA B LES ____________

P ROCESS _______

½ audience Cristiano's fans, Soccer viewers ½ typeface Helvetica Neue Duotone

identity book

poster series

�3

½ keywords Energetic Passion Power Attitude Skilled Hated Persistent

75/1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

C ristia n o Ro n ald o

H AT E H I M M O R E

P R O J EC T

(0 5 / 1 0)

R O U

7 7/ 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

CR7

H AT E H I M M O R E

C ristia n o Ro n ald o

P R O J EC T

(0 5 / 1 0)

R O U

79/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

C ristia n o Ro n ald o

H AT E H I M M O R E

P R O J EC T

(0 5 / 1 0)

R O U

83/160

H AT E H I M M O R E

C ristia n o Ro n ald o

85/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

CR7 CR7 AT T I T U D E

H AT E H I M M O R E

C ristia n o Ro n ald o

SKI

P R O J EC T

(0 5 / 1 0)

R O U

CR7 CR7

ILL

PASSION

87/ 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

C ristia n o Ro n ald o

H AT E H I M M O R E

P R O J EC T

(0 5 / 1 0)

R O U

89/1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

INTELLIG MACHINES o

D E EP LEA R N I N G C O N F E RE N C E

E r

A process where A.I. can learn by itself

INTELLIG ENT MACHIN ES

D e e p L e a r n i n g C o n fe r e n c e

P R O J EC T

GENT ES CATEGO RIES __________

O BJ ECTIV E _________

Ap p B ra nd in g E d i t oria l I llus t ra ti o n T yp o g r a p h y Web

D ETAILS _______

R O U

(0 6 / 1 0)

Students will design the conference collaterals, aimed towards the audience ages between 18-35. Through this collateral students will educate themselves and the audience. Keep in mind the importance of the voice of the concept (how you talk to your audience/the tone). The message(concept) will drive all of the collaterals.

SO LUTIO N ________

Deep learning is part of a broader family of machine learning methods based on learning representations of data. I spent a lot of time in researching the subject and looked at how scientist present deep learning graphically, combining with my own understanding on the subject, I am able to present the topic using typography and illustrations, and applied them into poster and website pages.

½ term Fall 2013 ½ course Visual Systems 1 ½ instructor Megumi Kiyama ½ duration 6 Weeks

P ROCESS _______

D ELIV ERA B LES ____________

audience

viewers Scientists ted

½ typeface Perfograma Pill Gothic 600mg Zolan Mono

website

poster

½ keywords Algorithm Machine Learning Smart Neuroscience Recognition

91/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

D e e p L e a r n i n g C o n fe r e n c e

INTELLIG ENT MACHIN ES

P R O J EC T

(0 6 / 1 0)

R O U

93/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

D e e p L e a r n i n g C o n fe r e n c e

INTELLIG ENT MACHIN ES

P R O J EC T

(0 6 / 1 0)

R O U

95/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

MINIATUR CITY U

T HE G AP B ET W EEN R I C H & P OOR

E r

An illustrated infographic about the poverty issue of San Francisco

M I N I AT U R E C I T Y

T h e G a p B e t w e e n R ic h & P o o r

CATEGO RIES __________

(0 7/ 1 0)

R O U

O BJ ECTIV E _________

Ap p B ra nd in g E d i t oria l I llus t ra ti o n T yp o g r a p h y Web

D ETAILS _______

Discover urban surroundings and create an interactive visual documentation of your findings. The project consist of a stand-alone, digital-based piece that tells the story of your explorations and discoveries. It must include three or more information graphics in the form of diagrams, maps, or visual explanations. The information graphics must be integrated into the final digital-based design of a tablet device, rather than placing a graphic on a design, the graphic need to be integrated within the design.

SO LUTIO N ________

Ever since I came to San Francisco I've noticed the homeless problem and everything more expensive than other cities. This would be a good opportunity for me to know more about this city by doing research and come up with an interactive iPad app to show the gap between rich and poor. It will be a 5-page infograph with illustrated buildings.

½ term Fall 2014 ½ course Information Design ½ instructor Roselynn Newton ½ duration 6 Weeks

P ROCESS _______

D ELIV ERA B LES ____________

½ audience SF Citizens ½ typeface Andes Rounded Libre Baskerville

interactive infographic

P R O J EC T

½ keywords Poverty Economy Urban Inequality Wealth Rent

99/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

T h e G a p B e t w e e n R ic h & P o o r

M I N I AT U R E C I T Y

P R O J EC T

(0 7/ 1 0)

R O U

101/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

T h e G a p B e t w e e n R ic h & P o o r

M I N I AT U R E C I T Y

P R O J EC T

(0 7/ 1 0)

R O U

103/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

T h e G a p B e t w e e n R ic h & P o o r

M I N I AT U R E C I T Y

P R O J EC T

(0 7/ 1 0)

R O U

105/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

T h e G a p B e t w e e n R ic h & P o o r

M I N I AT U R E C I T Y

P R O J EC T

(0 7/ 1 0)

R O U

1 0 7/ 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

T h e G a p B e t w e e n R ic h & P o o r

M I N I AT U R E C I T Y

P R O J EC T

(0 7/ 1 0)

R O U

109/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

JOURNEY OF LIFE A N O R DI N AR Y M I N D

E r

A calm journey in a Zen garden

JOU RN EY OF LIFE

An Ordinary Mind

P R O J EC T

CATEGO RIES __________

(0 8 / 1 0)

b Q V

O BJ ECTIV E _________

Ap p B ra nd in g E d i t oria l I llus t ra ti o n T yp o g r a p h y Web

D ETAILS _______

The job will be to design a 56 pages collector's edition experimental coffee table book with experimental typography and heavy bodytext content. Develop the concept around a form of architecture manmade or one found in nature, expressed from an experimental, visceral point of view. This book is a high end collector's edition sold by specialty architectural book stores.

SO LUTIO N ________

I picked Zen Garden as I admire the minimal design and the use of symbolism of it. Using the symbols found in the Japanese Sand Garden (Water, Sand, Rock) to represent the importance of admiring our nature and have a calm, relax journey while reading this coffee table book. I used typography and pictures of elements of the garden to describe the history of Zen, and how the zen monks develop the zen aesthetic to build the zen gardens.

½ term Fall 2013 ½ course Typography 3 ½ instructor Ariel Grey ½ duration 14 Weeks

P ROCESS _______

D ELIV ERA B LES ____________

½ audience Architects Book Collectors Designers ½ typeface Palatino Proxima Nova Hiragino Mincho Pro M+ 1p

coffee table book

½ keywords Calm Zen Ancient Religion Wabi-sabi Symbol Minimal

111/160

P IC T U R E + E L E M E N T

JOU RN EY OF LIFE

P o r tfo li o o f T h o m a s Y u e n

An Ordinary Mind

P R O J EC T

(0 8 / 1 0)

b Q V

113/160

P IC T U R E + E L E M E N T

JOU RN EY OF LIFE

P o r tfo li o o f T h o m a s Y u e n

An Ordinary Mind

P R O J EC T

(0 8 / 1 0)

b Q V

115/160

P IC T U R E + E L E M E N T

JOU RN EY OF LIFE

P o r tfo li o o f T h o m a s Y u e n

An Ordinary Mind

P R O J EC T

(0 8 / 1 0)

b Q V

1 17/ 1 6 0

P IC T U R E + E L E M E N T

JOU RN EY OF LIFE

P o r tfo li o o f T h o m a s Y u e n

An Ordinary Mind

P R O J EC T

(0 8 / 1 0)

b Q V

1 19 / 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

P R O J EC T

(0 8 / 1 0)

b Q V

P IC T U R E + E L E M E N T

JOU RN EY OF LIFE

P o r tfo li o o f T h o m a s Y u e n

An Ordinary Mind

P R O J EC T

(0 8 / 1 0)

b Q V

123/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

NAVIGATE AROUND Y

ÒSU R C LEÓ AP P DES I G N

E r

A city guide app that helps you find interesting things nearby

N A V I G AT E A R O U N D

“su rcle” A P P D ESIG N

P R O J EC T

CATEGO RIES __________

P R O V

(0 9 / 1 0)

O BJ ECTIV E _________

Ap p B ra nd in g E d i t oria l I llus t ra ti o n T yp o g r a p h y Web

D ETAILS _______

Create an app that gets people's attention. It can be anything: From a new way to find the cocktail recipe, to helping people in third-world countries by loaning some money or service, or simply a note-taking to a new efficiency level. It doesn't have to be serious, but will make an impact.

SO LUTIO N ________

Surcle is a concept travel app that helps you find what you want in the city. When I travel with my friends I always wanted to make an app like this, easily explore the place according to your preference, scan and learn about interesting things in every city, and able to download the map to your phone when there is no internet around.

½ term Fall 2013 ½ course Visual Systems 1 ½ instructor Megumi Kiyama ½ duration 7 Weeks

D ELIV ERA B LES ____________

P ROCESS _______

½ audience Tourist Traveler ½ typeface Bariol

iphone app

poster

½ keywords Explore Travel Guide Scan Seek

125/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

“su rcle” A P P D ESIG N

N A V I G AT E A R O U N D

P R O J EC T

(0 9 / 1 0)

P R O V

1 2 7/ 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

surcle

N A V I G AT E A R O U N D

“su rcle” A P P D ESIG N

P R O J EC T

(0 9 / 1 0)

P R O V

surcle

129/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

“su rcle” A P P D ESIG N

N A V I G AT E A R O U N D

P R O J EC T

(0 9 / 1 0)

P R O V

131/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

“su rcle” A P P D ESIG N

N A V I G AT E A R O U N D

P R O J EC T

(0 9 / 1 0)

P R O V

133/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

BRAINWA STIMULAT U

S. Y . N . C .

E r

Typographic conference exploring the relation of sound & brainwave

B R A I N W A V E S T I M U L AT IO N

S.Y. N .C.

P R O J EC T

CATEGO RIES __________

R P T

(1 0 / 1 0)

O BJ ECTIV E _________

Ap p B ra nd in g E d i t oria l I llus t ra ti o n T yp o g r a p h y Web

AVE TION D ETAILS _______

Design a 3-day typographic conference experimental in content, the job will be to create a conference that address a pertinent issue facing the topic of typography and the roll designers play when using typography as a means to communicate. The possibilities are limitless but are to be conveyed in an experimental means.

SO LUTIO N ________

As a designer, we strive to be as creative as possible to come up with new and refreshing ideas. However we always find ourselves not focused, empty minded and tired. We need to understand how our brain works and be able to control it. The mission is to create a conference to raise awareness of how we could make use of the new technology to monitor brainwaves and train our mind to produce a desired effect. Inspired by Muse—a brainwave monitoring device, which could change the typeface you are using depends on the brainwave state you are, we want to explore more possibilities on a typographic point of view.

½ term Spring 2014

½ course Typography 4

½ instructor Ariel Grey ½ duration 14 Weeks

P ROCESS _______

½ audience Designers Scientists ½ typeface Klavika Chaparral Pro

D ELIV ERA B LES ____________

experimental book

½ e - badge

poster

k inet ic v ideo

½ keywords Brainwave Neuron Stimulate Focus Listen Muse

1 3 7/ 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

S.Y. N .C.

B R A I N W A V E S T I M U L AT IO N

P R O J EC T

(1 0 / 1 0)

R P T

139/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

TEMP Aud_sys 56.080 56.080 56.080 56.080 56.080 56.080 56.080 56.080 56.080

B R A I N W A V E S T I M U L AT IO N

S.Y. N .C.

P R O J EC T

(1 0 / 1 0)

R P T

N 23 째 Measuring...

E 45 째

W 72 째

S 65 째

sti_

143/1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

S.Y. N .C.

B R A I N W A V E S T I M U L AT IO N

P R O J EC T

(1 0 / 1 0)

R P T

145/1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

S.Y. N .C.

B R A I N W A V E S T I M U L AT IO N

P R O J EC T

(1 0 / 1 0)

R P T

1 4 7/ 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

cmd + shift + o

B R A I N W A V E S T I M U L AT IO N

S.Y. N .C.

P R O J EC T

(1 0 / 1 0)

R P T

149/1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

½w S.Y.N.C. Promotional Video Ú Info Screen

B R A I N W A V E S T I M U L AT IO N

S.Y. N .C.

P R O J EC T

R P T

(1 0 / 1 0)

½w S.Y.N.C. Promotional Video Ú Thumbnails

00:04:15

00:14:18

00:32:25

00:07:01

00:08:22

00:18:33

00:21:23

00:37:24

00:53:16

151/160

TYP] HIGH BETA

MUNICATION_

S_Typ 0074 28

B _ Freq: 7 3.214 4 Amp: 43.17 ---Generating t ypeface... ---. .. ...

56.080

Option A: Klavika Regular ABCDE FGHIJKLMN OPQR S TU V W XYZ abcdefgh ijklmn opqrstuv w x yz 01234567890 !@#$%^&*( )[ ]{ }-+/;’

56.080 56.080 56.080 56.080 56.080 56.080 56.080 56.080

Guest Speakers Dr. Garney Landis Donna Miesbach Ariel Garten Rebecca Knight Ravi Mehta Michael Rugg Gemma O’Brien Amy Papaelias Marco Land Benjamin Lonetree Evey Kwong David Carson Jeroen Krielaars Nidhya Logeswaran Timothy Donaldson

Option B: Chaparral Regular A BCDEF GHIJK LMN OPQR STU V W X YZ abcdef ghijk lmn opqrs tuv w x yz 01234567890 !@#$% ^&*( )[] {}-+/;’

HSL, la localisation

une distanc

Lust tr availle beaucoup e de conception

Plus en lien avec la thèmatique espace réel/virtuel, Lust s’est beaucoup intéressé à la visualisation de données, et a initié le concept de « DataSpace »

par une certaine dimension du temps. L’application donne la possibilité à l’usager de relier chaque ville à une autre. Les villes sont mises en rapport , non par la distance effective qu’il existe entre elles, mais par le temps que met la ligne HSL pour les relier l’une à l’autre. Le projet met en lien une distance à une durée, puis une durée à une action.

LOW BETA

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

S.Y. N .C.

B R A I N W A V E S T I M U L AT IO N

P R O J EC T

(1 0 / 1 0)

R P T

155/160

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

Yo u g u y s a r e t h e b e s t

T H A N K Y O U!

R O T

TO MY FA MILY ____________

½ mom & dad I would not be here without both of your support and persuing my dream as a graphic designer, I can't thank you enough. ½ my brother Thanks for letting me stay with you through all the years in SF and taking all the matters into your hands. You are the best brother that I can have. ½

my cats

Thank you Dai B & Sai B for always being there staying close to me and cuddling with me.

TO MY FRIEN DS _____________

friends in sf

Jady, Winn, Annie, Nagi, Andy, Winnie, Nicole, Zeen, Ellen, Andrea, Tina:

Thank you for the support and always being there for me when I need help ½

friends in hk

My best buddy, thanks for always being crazy with me. Ú Kay, Hung, Lewis, Lung Yeah, Jacky, Issac: You guys always help me lighten the tension, glad to know a group of guys who can talk about anything, thank you. Ú Sharon, Yan, Terry, Maurice, Iris, Vivian, Doreen, Ka Him: Thanks for always being there when I was in Hong Kong and supporting for what I do. Bryan:

½ special thanks to Kirk, Katrina and Fion for always liking my works, I'm so lucky to be working with you. TO MY IN STR U CTO RS _________________

½ thanks to Mary Scott Thomas McNulty Sean McGuire Ariel Grey Bryan Pieratt Bob Slote Megumi Kiyama Sarah Birdwell Scott Rankin

1 5 7/ 1 6 0

P IC T U R E + E L E M E N T

P o r tfo li o o f T h o m a s Y u e n

CO NTACT _______

½ thomas yuen 415 568 0398 hi@thomasyuen.com thomasyuen.com ½ academy of art university 79 New Montgomery San Francisco, CA

D ETAILS _______

½ term Spring 2015 ½ course Senior Portfolio ½ instructor Mary Scott ½ duration 14 Weeks

P ROCESS _______

½ typeface Foundry Gridnik OCR A Panton Icons ½ stock 100# Finch Fine ID text stock ½ printing Giant Horse Printing ½ binding The Key Printing & Binding ½ photography Thomas Yuen ½ software Adobe Creative Cloud

CO LO P H O N

R O T

159/160