Selected works by Fairy Shih

Page 1

01 02 03 04 05 06 07 08 09

Selected works by me, > Fairy Shih, a designer >> Yes, my name is Fairy. People tease me about my name all the time, but I’ve grown to love it. >>>

FA I R Y S HIH.C O M


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 07 08 09

Selected works by me, > Fairy Shih, a designer >> Yes, my name is Fairy. People tease me about my name all the time, but I’ve grown to love it. >>>

M A P OR T F O LIO


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

about me My dad named me Fairy because he was hoping I would become an elegant, witty, daddy’s little girl, but we can’t always get what we want, right? I’m having a bit of fun, but I believe design can demonstrate a concept with a bit of humor. It helps draw in an audience and allows people to engage with design in an accessible way.

cop yright © 2019 All Rights Reserved No part of this publication can be reproduced or transmitted in any form or any means including photocopying. recording or other electronic methods without permission from Fairy Shih.


01 02 03 04 05 06 07 08 09

P R O J EC T 00 >>>>>>>>


SELEC T ED W OR K S B Y ME

[06-029 030-045 046-061 062-075 076-085 086-095 096-115 116-127 130-139 140-144]

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 07 08 09

fabrick Type Anatomy 12 Plates Redesign VSCO SST Specimen Book Cover Design Harvey Relief Event Grip Supply Goods My Interpretation Thanks.

P R O J EC T 00 >>>>>>>>


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

[01

08


[ 01] 02 03 04 05 06 07 08 09

P R O J EC T 01 / FA BR ICK

Course: Visual Thinking Instructor: Sandra Isla > Project: fabrick Category: Branding >> Deliverable: Event, Website, Mobile App >>> Software: InDesign, Illustrator, Photoshop

09


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

Ways to keep your closet fluid and light.

ob jective Propose a topic, identify its relevant audience and stakeholders, then find, create, and execute compelling visual elements in a variety of media that work together as a cohesive system. interpretation Most people don’t know that fashion is the No.2 polluting industry in the world second only to the oil industry. That is the reason why FABRICK exists. A fashion brand that provides rental clothing service for customers.

topic Environmental cost of fast fashion concept Raise people's awareness to the problems in the fast fashion industry ke y word Chic Accessible

010


[ 01] 02 03 04 05 06 07 08 09

P R O J EC T 01 / FA BR ICK

011


SELEC T ED W OR K S B Y ME

012

FAIR Y S HIH , A DE S IGN E R



SELEC T ED W OR K S B Y ME

014

FAIR Y S HIH , A DE S IGN E R


[ 01] 02 03 04 05 06 07 08 09

P R O J EC T 01 / FA BR ICK

015


SELEC T ED W OR K S B Y ME

016

FAIR Y S HIH , A DE S IGN E R


[ 01] 02 03 04 05 06 07 08 09

P R O J EC T 01 / FA BR ICK

017


SELEC T ED W OR K S B Y ME

018

FAIR Y S HIH , A DE S IGN E R


[ 01] 02 03 04 05 06 07 08 09

P R O J EC T 01 / FA BR ICK

019


SELEC T ED W OR K S B Y ME

020

FAIR Y S HIH , A DE S IGN E R


[ 01] 02 03 04 05 06 07 08 09

P R O J EC T 01 / FA BR ICK

021


SELEC T ED W OR K S B Y ME

022

FAIR Y S HIH , A DE S IGN E R


[ 01] 02 03 04 05 06 07 08 09

P R O J EC T 01 / FA BR ICK

023


SELEC T ED W OR K S B Y ME

024

FAIR Y S HIH , A DE S IGN E R


[ 01] 02 03 04 05 06 07 08 09

P R O J EC T 01 / FA BR ICK

025


SELEC T ED W OR K S B Y ME

026

FAIR Y S HIH , A DE S IGN E R


[ 01] 02 03 04 05 06 07 08 09

P R O J EC T 01 / FA BR ICK

027


SELEC T ED W OR K S B Y ME

028

FAIR Y S HIH , A DE S IGN E R


[ 01] 02 03 04 05 06 07 08 09

P R O J EC T 01 / FA BR ICK

029


SELEC T ED W OR K S B Y ME

030

FAIR Y S HIH , A DE S IGN E R


[ 01] 02 03 04 05 06 07 08 09

P R O J EC T 01 / FA BR ICK

031


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

[02

032


01 [ 02] 03 04 05 06 07 08 09

P R O J EC T 02 / T Y P E A N AT O M Y

Course: Type From Instructor: David Hake > Project: Type Anatomy Category: Typography >> Deliverable: Posters >>> Software: InDesign, Illustrator, Photoshop

033


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

The art & technique of typography.

ob jective There are two parts to this project. First, design a typeface and show it both concretely and abstractly in a poster. Second, choose a well-known typeface and identify its elements. Design two posters to illustrate and communicate the proper terminology for the different anatomical parts of the letter form. interpretation In order to create a consistent visual and the idea of interlinking with all the graphic elements, I illustrated the same amount of stems (vertical strokes of the letter) as a system. I illustrated Baskerville anatomy to educate the lay viewer. As an example, I chose the letter Q to demonstrate the dynamic shapes and forms as a focal point to lead the viewers to explore more details.

topic Identification of three typefaces concept Create posters that will educate viewers about the typefaces. ke y word Dynamic Humor

034


01 [ 02] 03 04 05 06 07 08 09

P R O J EC T 02 / T Y P E A N AT O M Y

035


SELEC T ED W OR K S B Y ME

036

FAIR Y S HIH , A DE S IGN E R


01 [ 02] 03 04 05 06 07 08 09

P R O J EC T 02 / T Y P E A N AT O M Y

037


SELEC T ED W OR K S B Y ME

038

FAIR Y S HIH , A DE S IGN E R


01 [ 02] 03 04 05 06 07 08 09

P R O J EC T 02 / T Y P E A N AT O M Y

039


SELEC T ED W OR K S B Y ME

040

FAIR Y S HIH , A DE S IGN E R


01 [ 02] 03 04 05 06 07 08 09

P R O J EC T 02 / T Y P E A N AT O M Y

041


SELEC T ED W OR K S B Y ME

042

FAIR Y S HIH , A DE S IGN E R


01 [ 02] 03 04 05 06 07 08 09

P R O J EC T 02 / T Y P E A N AT O M Y

043


SELEC T ED W OR K S B Y ME

044

FAIR Y S HIH , A DE S IGN E R


01 [ 02] 03 04 05 06 07 08 09

P R O J EC T 02 / T Y P E A N AT O M Y

045


SELEC T ED W OR K S B Y ME

046

FAIR Y S HIH , A DE S IGN E R


01 [ 02] 03 04 05 06 07 08 09

P R O J EC T 02 / T Y P E A N AT O M Y

047


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

[03

048


01 02 [ 03] 04 05 06 07 08 09

P R O J EC T 03 / 1 2 P L AT E S

Course: Type System Instructor: Ariel Grey > Project: 12 Plates Category: Typography >> Deliverable: Cookbook, Website >>> Software: InDesign, Illustrator, Photoshop

049


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

Explore food as art with passion.

ob jective Take a visceral perspective, explore food as art, with passion and emotion. The major emphasis is placed on developing the typographic details of ‘well set’ type, grid, pacing and content. interpretation 12 Plates is a cookbook of worldwide Michelin chefs’ signature dishes. I chose the typeface Didot to emphasis the feeling of highend gourmet dishes. The design used splashes of graphics to illustrate the expressive techniques in each dish.

topic Demonstrate a cohesive concept through a series of graphic treatment concept Create a set of selective recipes from Michelin chefs throughout the world ke y word Style Expressive Gourmet

050


01 02 [ 03] 04 05 06 07 08 09

P R O J EC T 03 / 1 2 P L AT E S

051


SELEC T ED W OR K S B Y ME

052

FAIR Y S HIH , A DE S IGN E R


01 02 [ 03] 04 05 06 07 08 09

P R O J EC T 03 / 1 2 P L AT E S

053


FAIR Y S HIH , A DE S IGN E R



SELEC T ED W OR K S B Y ME

056

FAIR Y S HIH , A DE S IGN E R


01 02 [ 03] 04 05 06 07 08 09

P R O J EC T 03 / 1 2 P L AT E S

057


SELEC T ED W OR K S B Y ME

058

FAIR Y S HIH , A DE S IGN E R


01 02 [ 03] 04 05 06 07 08 09

P R O J EC T 03 / 1 2 P L AT E S

059


SELEC T ED W OR K S B Y ME

060

FAIR Y S HIH , A DE S IGN E R


01 02 [ 03] 04 05 06 07 08 09

P R O J EC T 03 / 1 2 P L AT E S

061


SELEC T ED W OR K S B Y ME

062

FAIR Y S HIH , A DE S IGN E R


01 02 [ 03] 04 05 06 07 08 09

P R O J EC T 03 / 1 2 P L AT E S

063


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

[04

064


01 02 03 [ 04] 05 06 07 08 09

P R O J EC T 04 / R E DE SIG N V S C O

Course: Principles of UX Instructor: Ryan Medeiros > Project: Redesign VSCO Category: UX&UI >> Deliverable: Mobile App >>> Software: XD, InDesign

065


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

Create, discover & connect. The journey toward images.

ob jective Understanding the medium and the ability to bridge the two with a well-designed user interface. Objectively evaluate the usability of products, design from user requirements, and test designs to verify successes or uncover flaws. interpretation In order to improve VSCO into a more intuitive application, I create three design goals, improving studio section, legible community section and accessible filter function. I also redesign the interface of VSCO, create a set of new icons to increase the legibility of UI.

topic Chose a existing mobile application to improve the usability concept Improve VSCO's user experience and integrate with the interface ke y word Universal Informative

066


01 02 03 [ 04] 05 06 07 08 09

P R O J EC T 04 / R E DE SIG N V S C O

067


W EL C O M E T O FAIR YL AND

068

SE L EC D W, O K SS IGN B Y FA FAIR Y TSEHIH A RDE E RI R Y S HI H


01 02 03 [ 04] 05 06 07 08 09

P R O J EC T 04 / R E DE SIG N V S C O

069


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R


01 02 03 [ 04] 05 06 07 08 09

P R O J EC T 04 / R E DE S IG N V S C O


FAIR Y S HIH , A DE S IGN E R

072


073


SELEC T ED W OR K S B Y ME

074

FAIR Y S HIH , A DE S IGN E R


01 02 03 [ 04] 05 06 07 08 09

P R O J EC T 04 / R E DE SIG N V S C O

075


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R


01 02 03 [ 04] 05 06 07 08 09

P R O J EC T 04 / R E DE S IG N V S C O


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

[05

078


01 02 03 04 [ 05] 06 07 08 09

P R O J EC T 05 / S S T S P ECIME N

Course: Type Composition Instructor: David Hake > Project: SST Specimen Category: Typography >> Deliverable: Specimen Book >>> Software: InDesign

079


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

Bring harmony & personality to communications across cultures touch points.

ob jective Develop an engaging, well-executed type promotion which includes a type specimen. It must appeal to a design savvy audience. interpretation The selling point of this book is to illustrate all the key information, such as the categories, the designer and the foundry by the tab on the right. Every time the viewer flips the page they will discover more information about the typeface.

topic Promote the chosen typeface concept Stimulate the flexibility of the typeface SST to a broader audience ke y word Universal Informative

080


01 02 03 04 [ 05] 06 07 08 09

P R O J EC T 05 / S S T S P ECIME N

081


SELEC T ED W OR K S B Y ME

082

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 [ 05] 06 07 08 09

P R O J EC T 05 / S S T SP ECIME N

083


SELEC T ED W OR K S B Y ME

084

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 [ 05] 06 07 08 09

P R O J EC T 05 / S S T SP ECIME N

085


SELEC T ED W OR K S B Y ME

086

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 [ 05] 06 07 08 09

P R O J EC T 05 / S S T S P ECIME N

087


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

[06

088


01 02 03 04 05 [ 06] 07 08 09

P R O J EC T 06 / B OOK C O V ER DE S IG N

Course: Type Composition Instructor: David Hake > Project: Book Cover Design Category: Typography >> Deliverable: Book Covers >>> Software: InDesign, Illustrator, Photoshop

089


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

Skillfully by hand, instill your personal style.

ob jective Design a series of three book covers that aren’t from the same genre. Each front cover design should reflect the essence of the book, giving the reader a hint of the book. interpretation I focused on how to illustrate the key elements of each book on its cover. After trying a variety of materials, I came up with the idea of using transparent sheets as a sample and sewed them on the top of the cover. It also created a cohesive elements that tied the three books together.

topic Find three books that need to be refined and redesign them concept Illustrate each books' content in a scientific point of view. ke y word Experimental Scientific

090


01 02 03 04 05 [ 06] 07 08 09

P R O J EC T 06 / B OOK C O V E R DE S IG N

091


FAIR Y S HIH , A DE S IGN E R



SELEC T ED W OR K S B Y ME

094

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 [ 06] 07 08 09

P R O J EC T 06 / B OOK C O V E R DE S IG N

095


SELEC T ED W OR K S B Y ME

096

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 [ 06] 07 08 09

P R O J EC T 06 / B OOK C O V E R DE S IG N

097


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

[07

098


01 02 03 04 05 06 [ 07] 08 09

P R O J EC T 07 / H A R V E Y R E LI E F TAT T O O E V E N T

Course: Visual Literacy Instructor: Hunter Wimmer > Project: Harvey Relief Event Category: Branding >> Deliverable: Poster Series, Mobile App, Booklet >>> Software: InDesign, Illustrator, Photoshop

099


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

Tell your tale on a living canvas.

ob jective Educate people to fluency as a principle of visual language. Expand conceptual abilities to include a command of universal design principles, communication theory and critical skills. interpretation To achieve the goal of promoting donations to Hurricane Harvey through a tattoo event. I created a weathered and hand-written type to create a look that illustrates a nostalgic, tough and rough look and feel to enhance the feeling of tattoos.

topic Draw people's attention to Hurricane Harvey and its victims concept To promote donations through a tattoo event

ke y word Rebel

100


01 02 03 04 05 06 [ 07] 08 09

P R O J EC T 07 / H A R V E Y R E L I E F TAT T OO E V E N T

101


SELEC T ED W OR K S B Y ME

102

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 [ 07] 08 09

P R O J EC T 07 / H A R V E Y R E L I E F TAT T OO E V E N T

103


SELEC T ED W OR K S B Y ME

104

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 [ 07] 08 09

P R O J EC T 07 / H A R V E Y R E L I E F TAT T OO E V E N T

105


FAIR Y S HIH , A DE S IGN E R



SELEC T ED W OR K S B Y ME

108

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 [ 07] 08 09

P R O J EC T 07 / H A R V E Y R E L I E F TAT T OO E V E N T

109


FAIR Y S HIH , A DE S IGN E R



SELEC T ED W OR K S B Y ME

112

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 [ 07] 08 09

P R O J EC T 07 / H A R V E Y R E LI E F TAT T O O E V E N T

113


FAIR Y S HIH , A DE S IGN E R



SELEC T ED W OR K S B Y ME

0116

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 [ 07] 08 09

P R O J EC T 07 / H A R V E Y R E L I E F TAT T OO E V E N T

0117


SELEC T ED W OR K S B Y ME

118

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 [ 07] 08 09

P R O J EC T 07 / H A R V E Y R E L I E F TAT T OO E V E N T

119


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

[08

120


01 02 03 04 05 06 07 [ 08] 09

P R O J EC T 08 / G R I P S U P P LY G O O DS

Course: Digital Design Instructor: Bob Slote > Project: Grip Supply Goods Category: UX&UI >> Deliverable: Mobile App >>> Software: Adobe XD, InDesign, Illustrator

121


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

Creation, interact, fun and well-informed.

ob jective Define the role of research in the design process specific to the creation of successful interactive solutions. Apply the principles of user-centered design in the creation of user interfaces. interpretation Grip Supply Goods is a local guide for supply needs, from material stock to handcraft tools for art and design students and hobbyists. To achieve the goal of being both informative and fun, I used neon green to emphasis the idea of engaging interaction. In addition, I created a set of intuitive functions for users to search for supplies.

topic Interactive solutions for a specific audience for a mobile application concept A supply-based application that has informative categories for art & design students and handcraft hobbyists ke y word Fun Informative

122


01 02 03 04 05 06 07 [ 08] 09

P R O J EC T 08 / G R I P S U P P LY G O O DS

123


SELEC T ED W OR K S B Y ME

124

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 07 [ 08] 09

P R O J EC T 08 / G R I P S U P P LY G O O DS

125


SELEC T ED W OR K S B Y ME

126

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 07 [ 08] 09

P R O J EC T 08 / G R I P S U P P LY G O O DS

127


SELEC T ED W OR K S B Y ME

128

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 07 [ 08] 09

P R O J EC T 08 / G R I P S U P P LY G O O DS

129


SELEC T ED W OR K S B Y ME

0130

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 07 [ 08] 09

P R O J EC T 08 / G R I P S U P P LY G O O DS

0131


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

09]

132


01 02 03 04 05 06 07 08 [ 09]

P R O J EC T 09 / M Y I N T E R P R E TAT IO N

Course: Experimental Type Instructor: Stan Zienka > Project: My Interpretation Category: Typography >> Deliverable: Posters >>> Software: InDesign, Illustrator, Photoshop

133


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

From abstraction to concretization.

ob jective There are two parts to this project. First, choose a word and interpret your own definition. Second, develop multiple typographical compositions with conceptual ideas and context. interpretation The first part of the project aims at the idea of being bipolar. It is my approach to the chosen word "bedlam." I used brushes and an organic texture to demonstrate the look and feel of how fast moods can swing for people who are bipolar and the confusion this brings. For the second part, I illustrated memories of my mother, I choose a set of soft colors to represent her personality and used Bauer Bodoni typeface to demonstrate an ethereal and dreamy feeling.

topic Develop a conceptual idea of a chosen word and music concept Interpret the concept of bipolar confusion. Also illustrate memories of my mom ke y word Chaotic Elegant

134


01 02 03 04 05 06 07 08 [ 09]

P R O J EC T 09 / M Y I N T E R P R E TAT IO N

135


SELEC T ED W OR K S B Y ME

136

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 07 08 [ 09]

P R O J EC T 09 / M Y I N T E R P R E TAT IO N

137


SELEC T ED W OR K S B Y ME

138

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 07 08 [ 09]

P R O J EC T 09 / M Y I N T E R P R E TAT IO N

139


SELEC T ED W OR K S B Y ME

140

FAIR Y S HIH , A DE S IGN E R


01 02 03 04 05 06 07 08 [ 09]

P R O J EC T 09 / M Y I N T E R P R E TAT IO N

141


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R


>>>>>>>>>

T H A NK Y OU S O MU CH


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

thanks.

144


>>>>>>>>>

T H A NK Y OU S O MU CH

Family: Shelley Cheng & Roger Shih aka Mom and Dad, Sunny Chen and my little brother, Ken Shih > Instructors: David Hake, Barbara Hughes (BK), Hunter Wimmer, Colleen Boyle, Ryan Medeiros, Bob Slote, Sandra Isla, Stan Zienka, Mary Scott >> Friends: Too many to thank can’t fit in this page 145


SELEC T ED W OR K S B Y ME

FAIR Y S HIH , A DE S IGN E R

Thank you for your part in this journey. I'll see you around.

thank you These two years has been a highlight of my life. I’ve learnt so much from my instructors and peers. For all my instructors, I can’t thank you enough for your guidance, patients, and time. And for my friends, thank you for being supportive, generous and help me to get through thick and thins.

contact Fairy Shih fairysshih@gmail.com fairyshih.com school Academy of Art University, San Francisco, CA instructor Mary Scott

146


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.