ILLUMINATOR OF THE PROSAIC W RLD
ACADEMY OF ART UNIVERSIT Y
STELL A FAN
MA SELECTED
WORKS
2018–2020
GRAPHIC DESIGN
ILLUMINATOR OF THE PROSAIC WORLD
ACADEMY OF ART UNIVERSIT Y
STELL A FAN
MA SELECTED
WORKS
2018–2020
GRAPHIC DESIGN
INTRODUCTION
As a graphic designer, my dream is to make the world look better through brilliant ideas and inventive visual solutions. As I learn to design, I hope to inspire and be inspired by others. I want to become an “illuminator,� grasping every inspiration and improving it by using an engaging visual language that can illuminate others. When communicating through design, designers constantly work to find the best solution to any problem. Our work resonates with people, inspires them, and influences them in a positive way. We create unlimited possibilities. Designers are illuminators. Good design is like a beam of light—it may not look powerful, but it contains a positive force that cannot be ignored. That is why I believe that design can change the world. This portfolio contains my selected works from the Academy of Art University in San Francisco, which I attended from 2018 to 2020. On my path to becoming a designer, these works also symbolize a new beginning and a vision for my future.
AND GRABBING EVERY INSPIRATION THAT CAN SHINE.
BEING AN
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
001/008
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK S
TABLE OF CONTENTS
Chapter 1
DIDOT, THE AUDREY HEPBURN OF FONTS Chapter 2
TO START IS NOT HARD Chapter 3
PLEASING FOR SOME REASONS Chapter 4
ALWAYS STAND BY YOU Chapter 5
THE FUTURE IS UNPREDICTABLE Chapter 6
YOUR MOST INTIMATE OTC BUTLER Chapter 7
KALEIDOSCOPE OF DREAMS Chapter 8
LIVE TO THE FULLEST Chapter 9
THANK YOU
2 0 1 8 –2020
004 / 005
/ 006
/ 020
/ 068
/ 090
/ 100
/ 116
/ 138
/ 184 Copyright Š 2020 Xing (Stella) Fan All rights reserved. No part of this book may be reproduced or transmitted in any form or by
/ 216
any means, electronic, mechanical, including a photocopy, or any storage and retrieval system, without prior written permission.
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
Course
TYPE COMPOSITION Instructor
JOHN NETTLETON Semester
FALL 2018 Skill
TYPOGRAPHY Category
PRINT DESIGN
DESIGN OBJECTIVE
Type foundries deliver promotional materials when they release new typefaces. This project is developed as a typeface promotion which includes a type specimen. This must appeal to graphic designers and a type of savvy audience. The goal of this project is to show the proper usage of the typeface and its unique appeal.
FASHION
DESIGN APPROACH
For this project, I chose to design a specimen brochure for the HTF Didot font, which is designed by Hoefler&Co. HTF Didot is known for its elegant hairline serifs, which it maintains over a range of sizes. It has been hailed as a fashionable font for two hundred years. Capitalize to show the beauty of the font in an intuitive way, I chose a simple format and a high-contrast color scheme. I demonstrated the unique charm of the font’s linear structure and various levels of its seven sizes by changing the font scale and creating different range of combinations. My goal is to inspire designers by using this font.
006 / 007
DIDOT, THE AUDREY HEPBURN OF FONTS
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
MODERN
HTF DIDOT
T YPEFACE SPECIMEN BROCHURE
ELEGANT
TIMELESS
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
001/008
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
010 / 011
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK WOR K S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
012 / 013 001/008
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
014 / 015 001/008
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
016 / 017
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
001/008 018 / 019
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
TO START IS NOT HARD
COOPERATIVE
TICKNOW
BRANDING
FRIENDLY
INTEREST
020 / 021
C H A P T E R 2 / 9: S TA RT IS NOT HAR D
Course
VISUAL THINKING Instructor
SANDRA ISLA Semester
SPRING 2019 Skill
VISUAL COMMUNICATION Category
BRANDING, UX/UI,
DESIGN OBJECTIVE
ENVIRONMENTAL GRAPHICS,
This Project uses a graphic design approach to solve a real
PRINT DESIGN
discovering problems, identifying audiences and stakeholders,
problem and represents a detailed research process. We started by analyzing opportunities and threats, finding the best solutions, and designing a suitable and engaging visual system. The goal of this project is to create a brand and provide effective services. In this project, visual communication will become the best solution to help people living better.
POSITIVE
DESIGN APPROACH
Procrastination affects our work, increases our stress, and prevents us from having a healthy lifestyle, so it negatively affects our happiness index. College students are most likely to procrastinate. The goal of my brand TICKNOW is to help college students overcome procrastination. In this project, I will inspire college students to overcome procrastination through a series of systematic visual solutions, such as a series of posters, an app, an environment, and a set of products. The objective of this project is to provide college students with motivation and effective methods to deal with procrastination.
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK S
CHAPTER 2 1 //9: 9: DIDOT, S TA RT ITH S NOT E AUDR H AREY D HEPBUR N OF FON TS
022 001/008 / 023
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WOR K S
C H A P T E R 2 / 9: S TA RT IS NOT HAR D
024 / 025
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: S TA RT IS NOT HAR D
026 / 027
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: S TA RT IS NOT HAR D
028 / 029
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: S TA RT IS NOT HAR D
030 / 031
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
001/008
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
THE TICKNOW APP IS THE MOST PRACTICAL TOOL FOR HELPING COLLEGE STUDENTS OVERCOME PROCRASTINATION. NOT ONLY THEY CAN USE THE APP TO PROPERLY ORGANIZE THEIR TASKS BUT THEY CAN FIND A PA R T N E R A L LO W S P E O P L E TO W O R K TOGETHE R A N D H E L P S SOLVE THE PROBLEM OF PROCRASTINATION. MOREOVER, PEOPLE CAN RECEIVE REWARDS THROUGH THE APP BY COMPLETING THEIR TASKS ON TIME. I WANT TO ENCOURAGE PEOPLE AND HELP THEM EXPERIENCE THE SATISFACTION OF FINISHING THINGS.
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: 8: S TA RT IS I S NOT HAR D
028 / 029 034 035
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: S TA RT IS NOT HAR D
036 / 037
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: S TA RT IS NOT HAR D
038 / 039
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 8: S TA RT I S NOT HAR D
C H A P T E R 2 / 8: S TA RT IS NOT H AR D
028 / 029 002/008
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: S TA RT IS NOT HAR D
042 / 043
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: S TA RT IS NOT HAR D
028 / 029
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
THE PROCRASTINATION OVERCOMING CLUB PROVIDES A WORKING SPACE THAT MAKES PEOPLE OPERATE OUT OF THEIR COMFORT ZONES. WE WILL HAVE DIFFERENT T Y P E S O F W O R K I N G S PA C E S THAT CORRESPOND TO THE NEEDS OF DIFFERENT T YPES O F P R O C R A S T I N AT O R S . WE WILL TEACH PARTICIPANTS HOW TO COMPLETE THEIR TA S K S A N D H E L P T H E M CULTIVATE GOOD LEARNING HABITS THROUGH A STEPBY-STEP PROCESS.
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: 8: S TA RT IS I S NOT HAR D
046 028 / 029 047
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
001/008
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: S TA RT IS NOT HAR D
050 / 051
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
001/008
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: 8: S TA RT IS I S NOT HAR D
054 028 / 029 055
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
001/008
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
THE PROCRASTINATION FIRST-AID KIT INCLUDES A MULTIFUNCTIONAL PL ANNER BOOK AND A WORK TIMER. COLLEGE STUDENTS CAN USE THE TIMER TO HELP THEM MONITOR THE TIME IT TAKES T H E M T O C O M P L E T E TA S K S . THE PL ANNER BOOK WILL HELP THEM UNDERSTAND W H AT P R O C R A S T I N AT I O N I S AND WHY THEY ARE PROCRASTINATING. THEY CAN ALSO PLAN HOW THEY PERFORM TASKS BY USING SPECIAL PLANNER PAGES, WHICH WILL PROVIDE THEM A STEP-BYSTEP METHOD TO OVERCOME PROCRASTINATION.
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: 8: S TA RT IS I S NOT HAR D
058 028 / 029 059
IILLLLTU O FF TTOH UHM MEIIN N I LAT AT L UO OMR RI N OAT HREE PPR RO OSSA AIIC CW WO OR RLLD D
SSTTEELLLL A A FA FAN NM MA A SEL SELEC ECT TED ED WORK WOR KSS
C H A P T E R 2 / 9: S TA RT IS NOT HAR D
060 / 061
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: S TA RT IS NOT HAR D
062 / 063
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: S TA RT IS NOT HAR D
064 / 065
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 2 / 9: S TA RT IS NOT HAR D
066 / 067
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
Course
T YPE SYSTEM Instructor
DAVID HAKE Semester
SPRING 2019 Skill
EDITORIAL DESIGN Category
PRINT DESIGN,
DESIGN OBJECTIVE
INFOGRAPHIC DESIGN,
This project will provide details about redesigning a company’s
T YPOGRAPHY
visual elements, the new annual report will better demonstrate
annual report. Through the use of fonts, colors, charts, and other the company’s information, philosophy, and style. The goal of the project is to build a systematic and stylized annual report for the company using visual language and information design.
NATURAL
DESIGN APPROACH
The company I chose is MUJI, a well-known Japanese retailer known for its minimalist style. Considering MUJI’s style and characteristics, I chose simple line elements and several representative colors (e.g., MUJI’s red, natural brown, and simple dark gray) to interpret its global, natural, and simple concepts. At the same time, I designed a series of systematic tables and charts for the report according to the brand’s style to integrate the data information into visual language and help express the information more intuitively and aesthetically.
068 / 069
C H A P T E R 3 / 9: P L E A S I NG FOR S OM E R E A S ON S
PLEASING FOR SOME REASONS
SIMPLE
MUJI
ANNUAL REPORT
GLOBAL
ANONYMOUS
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK S
CCHHAAPPTTEERR 31 //9: 9: PDIDOT, L E A S I NG THFOR E AUDR S OM EY E HEPBUR R E A S ON SN OF FON TS
070 001/008 / 071
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK S
CHAPTER 3 1 //9: 9: DIDOT, P L E A S I NG TH EFOR AUDR S OM EYEHEPBUR R E A S ONNS OF FON TS
072 001/008 / 073
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 3 / 9: P L E A S I NG FOR S OM E R E A S ON S
074 / 075
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 3 / 9: P L E A S I NG FOR S OM E R E A S ON S
076 / 077
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 3 / 9: P L E A S I NG FOR S OM E R E A S ON S
078 / 079
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK S
CHAPTER 3 1 // 9: 9: DIDOT, P L E A S I NG TH EFOR AUDR S OM EYEHEPBUR R E A S ONNS OF FON TS
080 / 081 001/008
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WOR K S
C H A P T E R 3 / 9: P L E A S I NG FOR S OM E R E A S ON S
082 / 083
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK S
CHAPTER 3 1 // 9: 9: DIDOT, P L E A S I NG TH EFOR AUDR S OM EYEHEPBUR R E A S ONNS OF FON TS
084 001/008 / 085
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WOR K S
C H A P T E R 3 / 9: P L E A S I NG FOR S OM E R E A S ON S
086 / 087
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK S
CHAPTER 3 1 //9: 9: DIDOT, P L E A S I NG TH EFOR AUDR S OM EYEHEPBUR R E A S ONNS OF FON TS
088 001/008 / 089
S T E L L A FA N M A SEL EC T ED WORK S
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
ALWAYS STAND BY YOU
LIGHT
MUSIC
POSTER DESIGN
WARM
EXPERIMENTAL
090 / 091
C H A P T E R 4 / 9: A LWAYS STAN D BY YOU
Course
T YPE EXPERIMENTS Instructor
STANLEY ZIENKA Semester
FALL 2019 Skill
PHOTOGRAPHY, L AYOUT Category
POSTER DESIGN, T YPOGRAPHY, EXPERIMENTAL
DESIGN OBJECTIVE
In this project, the designer will select a piece of music and design a poster for it. The goal for this project is to develop a rationale for interpreting a piece of music through typography, imagery, and layout. After gathering and researching the conceptual information of the music material’s thoughts, emotions, metaphors, and other factors, the designers will create unique images, textures, and font effects through various experimental approaches and special materials. In the end, they will be combined into a unique music promotion poster.
INSPIRING
DESIGN APPROACH
The song “Monster,” sung by Katie Sky, is soft and inspiring. This song invokes courage in me, making me feel as if someone can see my heart, understand my vulnerability, protect me, and give me support. Therefore, I used warm and enthusiastic tones and plastic paper to create a flame-like texture to represent the brave, positive, and inspiring mood of the whole song.
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WOR K S
C H A P T E R 4 / 9: A LWAYS STAN D BY YOU
092 / 093
001
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
SSTTEELLLLAA FA FAN NM MAA SEL SELEC ECTTED ED WORK WOR KSS
1 //9: E AUDR HEPBUR N OF FON TS CHAPTER 4 9: DIDOT, A LWAYSTH STAN D BYEY YOU
094 001/008 / 095
I SEE YOUR MONSTERS I SEE YOUR PAIN T E L L M E YO U R P R O B L E M S I’LL CHASE THEM AWAY I’L L B E Y O U R L I G H T H O U S E I’LL MAKE IT OKAY WHEN I SEE YOUR MONSTERS I’LL STAND THERE SO BRAVE AND CHASE THEM ALL AWAY
001
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
IN THE DARK, WE, WE WE STAND APART, WE, WE NEVER SEE THAT THE THINGS THAT WE NEED ARE STARING RIGHT AT US YO U J U S T WA N T TO H I D E, H I D E, H I D E N E V E R S H OW YOUR SMILE, SMILE STAND ALONE WHEN YOU N E E D S O M E O N E I T ’S T H E HARDEST THING OF ALL THAT, YOU SEE, ARE THE BAD, BAD, BAD MEMORIES TA K E Y O U R T I M E AND YOU’LL FIND ME ...
S T E L L A FA N M A SEL EC T ED WOR K S
1 //9: E AUDR HEPBUR N OF FON TS CHAPTER 4 8: DIDOT, A LWAYSTH STAN D BYEY YOU
088 001/008 / 089
S T E L L A FA N M A SEL EC T ED WOR K S
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
Course
T YPE SYSTEM Instructor
DAVID HAKE Semester
SPRING 2019 Skill
EDITORIAL DESIGN Category
PRINT DESIGN,
DESIGN OBJECTIVE
INFOGRAPHIC DESIGN,
Based on the existing brand concepts, combined with in-depth
T YPOGRAPHY
the future. The purpose of this project is to cultivate the designer’s
research and rich imagination, the designer will create a book about imagination and ability to collect information through the comprehensive use of fonts, colors, and charts.
IMAGINATION
DESIGN APPROACH
The MUJI brand cares about all aspects of people’s lives; therefore, the theme of the future book I designed is focused on the future lifestyle—how we will live in 2040. The book’s contents include how future technologies affect our lives, such as future clothing, food, homes, and travel. In this book, I used a completely different design style and color scheme to express the human imagination and a sense of the future.
100 / 101
C H A P T E R 5 / 9: THE FU TUR E IS UN PR EDICTABL E
THE FUTURE IS UNPREDICTABLE
CONCEPTUAL
FUTURE BOOK
FUTURE
SYSTEMATIC
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WOR K S
C CH HA APPTTEER R 15//9: 8: DIDOT, 9: THE FU FUTUR TH TUR E EAUDR IS UN EY PRHEPBUR EDICTABL N OF E FON TS
001/008 102 / 103 005/008
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
T H E I L L U M I N AT O R
S T E L L A FA N M A SEL EC T ED WOR K S
C H A P T E R 5 / 9: THE FU TUR E IS UN PR EDICTABL E
104 / 105
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WOR K S
C H A P T E R 5 / 9: THE FU TUR E IS UN PR EDICTABL E
106 / 107
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
SSTTEELLLLAA FA FAN NM MAA SEL SELEC ECTTED ED WORK WORKSS
C CH HA APPTTEER R 15//9: 9: DIDOT, THE FUTH TUR E EAUDR IS UN EY PRHEPBUR EDICTABL N OF E FON TS
001/008 108 / 109
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
001/008
IILLLLTU UHM M EIIN INLAT AT L UO O MRRI N O OAT FF TO TH H REE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 5 / 9: THE FU TUR E IS UN PR EDICTABL E
112 / 113
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
SSTTEELLLLAA FA FAN NM MAA SEL SELEC ECTTED ED WORK WORKSS
C CH HA APPTTEER R 15//9: 9: DIDOT, THE FUTH TUR E EAUDR IS UN EY PRHEPBUR EDICTABL N OF E FON TS
001/008 114 / 115
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
YOUR MOST INTIMATE OTC BUTLER
S T E L L A FA N M A SEL EC T ED WORK S
EFFICIENT
OTC BUTLER APP
AND PROCESS SITE
SHARING
CARING
116 / 117
C H A P T E R 6 / 9: YOU R MOST IN TIMATE OTC BUTL ER
Course
NATURE OF INTERACTION Instructor
PHIL HAMLETT Semester
SPRING 2020 Skill
UX/UI DESIGN Category
UX/UI DESIGN, INTERCTIVE PRODUCT DESIGN
DESIGN OBJECTIVE
This project aims to apply user-centered design principles to solve a practical problem by creating an interactive design solution. The designer is required to develop into a mature, interactive product through solid design research and strategy while solving the problem effectively.
HUMANIZED
DESIGN APPROACH
While over-the-counter (OTC) medicines are generally safely used by millions of Americans, many people overuse or misuse them with potentially dangerous consequences. With this in mind, I designed an application called OTC Butler, which provides a comprehensive OTC medicine management function, a humanized OTC medicine search engine, and a diversified online resourcesharing platform. The goals of OTC Butler are to spread knowledge, reduce the risks associated with OTC medicines, and help people take OTC medicines.
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
001
S T E L L A FA N M A SEL EC T ED WORK S
T H E I L L U M I N AT O R
118 / 119 001/008
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
S T E L L A FA N MA S ELECTED WOR KS
2 018–2 02 0
(1) (2) (3) (4) (5)
(6) (7) (8)
001
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WOR K S
OTC Butler
Management We are committed to helping users establish and maintain a comprehensive medication management routine, including managing multiple OTC medicines simultaneously and tracking and associating multiple sub-users simultaneously.
Search Our humanized search engine can directly search by medicine name as well as help you select the OTC medication that is most suited for you based on your symptoms and preferences.
Discover Get the latest information about OTC medicine health, share and exchange your experience and troubles with others, and contact a doctor to get expert advice.
Profile Build a personal profile of medicine health. We will provide you with a personalized medication management scheme based on your identity.
001/008 122 / 123
CHAPTER 6 1 //9: 9: DIDOT, YOU R MOST TH E AUDR IN TIMATE EY HEPBUR OTC BUTL N OF ERFON TS S T E L L A FA N MA S ELEC TED WOR KS
2 018–2 02 0
001
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WOR K S
C H A P T E R 6 / 9: YOU R MOST IN TIMATE OTC BUTL ER
124 / 125
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
001
S T E L L A FA N M A SEL EC T ED WORK S
T H E I L L U M I N AT O R
001/008
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
S T E L L A FA N MA S ELECTED WOR KS
2 018–2 02 0
(1) (2) (3) (4) (5)
(6) (7) (8)
001
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 6 / 9: YOU R MOST IN TIMATE OTC BUTL ER
128 / 129
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 6 / 9: YOU R MOST IN TIMATE OTC BUTL ER
130 / 131
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 6 / 9: YOU R MOST IN TIMATE OTC BUTL ER
132 / 133
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
THIS SITE WILL RECORD ALL THE INVESTIGATION AND DESIGN PROCESSE S O F T H I S P R O J E C T. IT SHOWS HOW THE PROJECT D E V E L O P S I N T O A M AT U R E INTERACTIVE PRODUCT THROUGH SOLID DESIGN R E S E A R C H A N D S T R AT E G Y, MEANWHILE, SOLVING A REAL PROBLEM EFFECTIVELY.
S T E L L A FA N M A SEL EC T ED WOR K S
C H A P T E R 6 / 9: YOU R MOST IN TIMATE OTC BUTL ER
134 / 135 006/008
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 6 / 9: YOU R MOST IN TIMATE OTC BUTL ER
136 / 137
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
Course
INTEGRATED COMMUNICATIONS Instructor
HUNTER WIMMER Semester
SPRING 2020 Skill
VISUAL SYSTEM Category
POSTER DESIGN, LOGO DESIGN, BRANDING, WEB DESIGN
DESIGN OBJECTIVE
In this project, the designer chooses a film director and designs a hypothetical film festival by conceptualizing a visual system and coordinating a complex set of materials. This project will present a visual system in the form of a film festival, and this visual system comprises several design elements that will work together to tie an otherwise disparate collection of materials to present the film festival in a systematic style.
DREAMING
DESIGN APPROACH
I chose to design the Jean-Pierre Jeunet film festival. Jean-Pierre Jeunet’s films are humorous, romantic, fantastic, but also hazy, bittersweet, and sad. The director is good at setting off the inner world of the characters and the social reality through his unique cinematography, high contrast color schemes, and realistic settings. I used different materials to depict Jean-Pierre Jeunet’s film style and my personal inspirations in a visual system. The idea is to marry multiple messages with divergent formats—all with a unified aesthetic.
138 / 139
KALEIDOSCOPE OF DREAMS
C H A P T E R 7 / 9: K A LEIDO SCOPE OF DR EAMS
VINTAGE
A JEAN-PIERRE JEUNET FILM
FESTIVAL
VIVID
EXAGGERATED
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
001/008
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
2 018–2 02 0
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
001
S T E L L A FA N M A SEL EC T ED WORK S
T H E I L L U M I N AT O R
001/008
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
S T E L L A FA N MA S ELECTED WOR KS
2 018–2 02 0
(1) (2) (3) (4) (5) (6)
(7) (8)
001
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
Kaleidoscope Coquette
Dreams Latienne Pro
Film Festival Museo
C:75 M:45 Y:100 K:50 R:45 G:70 B:30
C:35 M:80 Y:100 K:45 R:110 G:45 B:15
C:5 M:30 Y:90 K:0 R:250 G:190 B:40
C:15 M:10 Y:30 K:0 R:220 G:216 B:187
C H A P T E R 71 // 9: 9: DIDOT, K A LEIDO TH SCOPE E AUDR OF EYDR HEPBUR EAMS N OF FON TS
001/008 144 / 145
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 71 // 9: 9: DIDOT, K A LEIDOSCOPE TH E AUDR OFEY DR HEPBUR EAMS N OF FON TS
001/008 146 / 147
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 7 / 9: K A LEIDO SCOPE OF DR EAMS
148 / 149
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 71 // 9: 9: DIDOT, K A LEIDOSCOPE TH E AUDR OFEY DR HEPBUR EAM N OF FON TS
001/008 150 / 151
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK S
T H E I L L U M I N AT O R
C H A P T E R 7 / 9: K A LEIDO SCOPE OF DR EAMS
152 / 153
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 7 / 9: K A LEIDO SCOPE OF DR EAMS
154 / 155
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
001/008
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 7 / 9: K A LEIDO SCOPE OF DR EAMS
158 / 159
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
001/008
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
C H A P T E R 7 / 9: K A LEIDO SCOPE OF DR EAMS
162 / 163
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
001/008
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
001/008
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK WOR K S
C H A P T E R 71 // 9: 9: DIDOT, K A LEIDO TH SCOPE E AUDR OF EYDR HEPBUR EAMS N OF FON TS
001/008 168 / 169
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 17 // 9: 9: DIDOT, K A LEIDOSCOPE TH E AUDR OF EYDR HEPBUR EAMS N OF FON TS
170 / 171 001/008
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 71 // 9: 9: DIDOT, K A LEIDO TH SCOPE E AUDR OF EYDR HEPBUR EAMS N OF FON TS
001/008 172 / 173
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WOR K S
C H A P T E R 71 // 9: 9: DIDOT, K A LEIDO TH SCOPE E AUDR OF EYDR HEPBUR EAMS N OF FON TS
001/008 174 / 175
IILLLLU UM MIIN NAT ATO ORR O OFF TTH HEE PPRRO OSSAAIIC CW WO ORRLLD D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 7/ 9: K A LEIDO SCOPE OF DR EAMS
176 / 177
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WOR K S
C H A P T E R 7 / 9: K A LEIDO SCOPE OF DR EAMS
178 / 179
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 7 / 9: K A LEIDO SCOPE OF DR EAMS
180 / 181
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 7 / 8: K A LEI DOSCOPE OF DR EAMS
07/08
S T E L L A FA N M A SEL EC T ED WORK S
EXPERIENCE
BILL ABONG REBEANDING
PASSIONATE
THE FULLEST
FULLEST
LIVE TO
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
CONNECT
184 / 185
C H A P T E R 8 / 9: LIVE TO TH E FUL L EST
Course
THE NATURE OF IDENTIT Y Instructor
HUNTER WIMMER Semester
FALL 2020 Skill
VISUAL IDENTIT Y SYSTEM Category
BRANDING DESIGN,
DESIGN OBJECTIVE
LOGO DESIGN,
This project requires choosing a dead, dying, or defunct brand and
WEB DESIGN
will help the brand reposition its development direction and values
giving it new possibilities through a redesign. This project based on the original brand’s core, soul, and audience. Finally, presenting it to the audience with a brand-new visual system.
REVIVAL
DESIGN APPROACH
I chose to rebrand Billabong, an Australian retail company whose products reflect a surfer’s idealistic lifestyle. In the past, Billabong’s focal points have been limited to surfing products and the entertainment and adventurous outdoor sports spirit. After my redesign, Billabong’s new focus will be on fostering outdoor sports culturepositive philosophy. The brand will inspire people to connect with nature, experience life, and gain spiritual pleasure from outdoor sports. Billabong’s new mission will be motivating people to live to the fullest by inspiring them with the endless possibilities of nature. This is a non-commercial student project for educational purpose and is not intended to represent or replace the original brand in any way.
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 8 / 9: LIVE TO TH E FUL L EST
186 / 187
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 8 / 9: LIVE TO TH E FUL L EST
188 / 189
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 8 / 9: LIVE TO TH E FUL L EST
190 / 191
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
+ Forest
S T E L L A FA N M A SEL EC T ED WORK S
+ Ocean
B
=
Letter B
The purpose of Billabong's new logo is to illustrate the meaningful and unforgettable experiences that can be had outdoors and to inspire people to experience nature and feel the positivity of the outdoor sports. Therefore, the logo uses the natural graphical elements of the tree and the wave, which are cleverly combined with the letter “B.” The new logo symbolizes Billabong’s expansion of brand scope, and it conveys Billabong's new vision of motivating people to live their lives to the fullest by inspiring them with the endless possibilities of nature.
C H A P T E R 8 / 9: LIVE TO TH E FUL L EST
192 / 193
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 8 / 9: LIVE TO TH E FUL L EST
194 / 195
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 8 / 9: P OU R YOUR HEART IN TO NATUR E
186 196 / 187 197
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 8 / 9: LIVE TO TH E FUL L EST
198 / 199
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 8 / 9: LIVE TO TH E FUL L EST
200 / 201
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 8 / 9: LIVE TO TH E FUL L EST
204 / 205
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 8 / 9: LIVE TO TH E FUL L EST
206 / 207
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 8 / 9: LIVE TO TH E FUL L EST
208 / 209
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 8 / 9: LIVE TO TH E FUL L EST
210 / 211
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 8 / 9: LIVE TO TH E FUL L EST
212 / 213
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WORK S
C H A P T E R 8 / 9: LIVE P OU RTO YOUR TH E HEART FUL L EST IN TO NATUR E
214 186 / 215 187
THANK YOU
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
S T E L L A FA N M A SEL EC T ED WOR K S
THANK YOU
To My Family /
Mom and Dad, thank you for your love and support. Your encouragement and respect have provided me great courage and strength on the road to pursue my dream. Without your support, I wouldn’t be here today. I know you love me more than anything, and you always are my rock.
To My Instructors /
Thanks to all the instructors who taught me at the Academy of Art University. Phil Hamlett, Mary Scott, Hunter Wimmer, John Nettleton, Sandra Isla, David Hake, Stanley Zienka, and other brilliant instructors — you broadened my horizons, refreshed my understanding of design, and made me really feel the value and charm of the design. You opened up my world and made me meet unprecedented challenges and reach for my own infinite possibilities. The teaching of each of you will benefit me throughout my life and is my precious wealth.
To My Friends /
My dear classmates and friends, thank you for your company and help. We have experienced a lot of happiness and overcome difficulties together. The help and competition you gave me inspired me to do my best. Going forward, I will not be alone.
C H A P T E R 9/ 9: THA NK YOU
FAMILY
Father Mother Sister
INSTRUCTORS
Mary Scott Phil Hamlett Hunter Wimmer John Nettleton Sandra Isla David Hake Stanley Zienka
SUPPORT INSTRUCTORS
Amy Shipley Monica Berini Susan Pasley
FRIENDS
Thanks to all my classmates and friends who have accompanied and helped me in the past few years.
216 / 217
I L L U M I N AT O R O F T H E P R O S A I C W O R L D
COLOPHON
S T E L L A FA N M A SEL EC T ED WORK S
TITLE
Illuminator of the Prosaic World
INSTRUCTOR
Mary Scott
SCHOOL
T YPOGRAPHY
School of Graphic Design
Brandon Grotesque
and Digital Media
Questa Grande
Academy of Art University
Ideal Sans
79 New Montgomery Street San Francisco, CA 94105
DESIGNER
Xing (Stella) Fan
COURSE
MA Portfolio
PAPER STOCK
Moab Entrada Natural Rag 190gsm
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
001/008
C H A P T E R 1 / 9: DIDOT, TH E AUDR EY HEPBUR N OF FON TS
001/008
stellafandesign.com