En·cy·clo·pedia / MA Portfolio

Page 1

The Selected Works of Peien (Rose) Wann

00/08

En·cy·clo·pedia

Year 2019–2021 School Academy of Art University



The Selected Works of Peien (Rose) Wann

00/08

En·cy·clo·pedia

Year 2019–2021 School Academy of Art University


C o p yrig ht © 2021 Pe ie n ( R ose ) Wann All rights reserved. No part of this publication may be reproduced, distributed, or transmitted in any form or by any means without the prior written permission from the publisher. Some images and text have been used exclusively for inspiration and educational purpose only.


INTRODUCT ION

Foreword 4 5

For me, design is about gathering a great deal of information and presenting it visually. Graphic design is about solving communication problems visually. In order to solve the problems, it is vital to understand relevant information. Just like an encyclopedia, graphic design is not self-expression but gathering information and making ideas come alive.


Contents Project 01 / 6–31 Design·a·pedia Project 02 / 32–51 Sustain·a·pedia Project 03 / 52–65 Fung·i·pedia Project 04 / 66–101 Support·a·pedia


Project 05 / 102–115 Type·a·pedia 6

Project 06 / 116–131 Rehears·a·pedia Project 07 / 132–151 Time·a·pedia Project 08 / 152–169 Dream·a·pedia

7


Redesigning HOW Design Live Conference

01/08

Design·a·pedia Objective Design the conference materials for a design conference. The required components are: promotion poster, promotion direct mail piece, website look and feel, program including schedule and speakers, conference zoom background, and mobile website or app look and feel.

Approach I designed this conference based on a design concept­­—­power—because I think design has the power to change the world. This concept led me to my choices in color and layout, which were more vibrant and dynamic to show the strong energy of creativity and inspiration.

Course Type Systems Instructor John Nettleton Disciplines Typography Editorial Design Poster Design Semester Summer 2020


P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 01 |

DE S IGN· A· PE DIA

6 7



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 01 |

DE S IGN· A· PE DIA

8 9



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 01 |

DE S IGN· A· PE DIA

10 11



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 01 |

DE S IGN· A· PE DIA

12 13



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 01 |

DE S IGN· A· PE DIA

14 15



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 01 |

DE S IGN· A· PE DIA

16 17



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 01 |

DE S IGN· A· PE DIA

18 19



P EI EN (ROSE ) WANN

E N·C Y·C LO· PE DIA

PROJEC T 01 |

DE S IGN· A · PE DIA

20 21



P EI EN (ROSE ) WANN

E N·C Y·C LO· PE DIA

PROJEC T 01 |

DE S IGN· A · PE DIA

22 23



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 01 |

DE S IGN· A · PE DIA

24 25



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 01 |

DE S IGN· A · PE DIA

26 27



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 01 |

DE S IGN· A · PE DIA

28 29



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 01 |

DE S IGN· A · PE DIA

30 31


Amplifying Sustainable School Architecture

02/08

Sustain·a·pedia Objective Design an online design journal/gallery by, for, and about designers. This design will feature the work of either: marginalized or under-represented practitioners, or practitioners whose work advances one or more of the UN Global Goals.

Approach I chose to amplify designers and architects whoes work advances sustainable school architecture from pre-k to sixth grade because education in a sustainable learning environment is an essential way to raise awareness of sustainable development. I came up with a metaphor: hopscotch for my design because this activity matches my target audience and creates a lively feeling.

Course Digital Design Studio Instructor Phil Hamlett Disciplines Digital Design Semester Fall 2020


P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 02 |

S U STA IN· A· PE DIA

32 33



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 02 |

S U STA IN· A· PE DIA

34 35



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 02 |

S U STA IN· A· PE DIA

36 37



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 02 |

S U STA IN· A· PE DIA

38 39



40 41



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 02 |

S U STA IN· A· PE DIA

42 43



P EI EN (ROSE ) WANN

E N·C Y· C LO · PE DIA

PROJEC T 02 |

S U STA IN·A · PE DIA

44 45



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 02 |

S U STA IN· A· PE DIA

46 47



P EI EN (ROSE ) WANN

E N·C Y· C LO · PE DIA

PROJEC T 02 |

S U STA IN·A · PE DIA

48 49



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 02 |

S U STA IN· A· PE DIA

50 51


Redesigning a Book About Mushrooms

03/08

Fung·i·pedia Objective For a book of your choosing, include all the necessary components of a book, such as images, text, title, subtitles, captions, and etc., and then redesign it. Only do sample spreads for the redesign, not the entire book.

Approach I focused on typography when I started to redesign this book. There were too many rivers in its justified type, so I made the column width wider and adjusted the tracking to make the typographic color look more consistent. In order to reach younger readers to recognize the mushrooms, I used bright color to make this book look more vivid and colorful.

Course Type Composition Instructor John Nettleton Disciplines Typography Editorial Design Semester Spring 2020


P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 03 |

FUNG· I· PE DIA

52 53



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 03 |

FUNG· I·PE DIA

54 55



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 03 |

FUNG· I· PE DIA

56 57



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 03 |

FUNG· I· PE DIA

58 59



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 03 |

FUNG· I· PE DIA

60 61



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 03 |

FUNG· I· PE DIA

62 63



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 03 |

FUNG· I· PE DIA

64 65


Creating a Brand for Families of Children with ADHD

04/08

Support·a·pedia Objective Find a fact that might be a problem in the world, one that you would like to see changed. Make a brand that can support or solve the problem. Select three deliverables (product, service, narrative, environment, event, media channel, or digital media) that will best represent your brand.

Approach The families which raise children with ADHD sometimes face frustrating situations. Without proper education and support, it is very harmful to both parents and children. Therefore, I made this brand to provide the service, that can help families, especially parents, to overcome these difficulties.

Course Visual Thinking Instructor Sandra Isla Disciplines Branding Environmental Design Editorial Design Semester Fall 2020


P EI EN (ROSE ) WANN

E N· C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A · PE DIA

66 67



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A · PE DIA

68 69



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A· PE DIA

70 71



P EI EN (ROSE ) WANN

E N· C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A · PE DIA

72 73



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A· PE DIA

74 75



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A· PE DIA

76 77



P EI EN (ROSE ) WANN

E N· C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A · PE DIA

78 79



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A · PE DIA

80 81



P EI EN (ROSE ) WANN

E N· C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A · PE DIA

82 83



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A · PE DIA

84 85



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A · PE DIA

86 87



P EI EN (ROSE ) WANN

E N· C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A · PE DIA

88 89



P EI EN (ROSE ) WANN

E N· C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A · PE DIA

90 91



P EI EN (ROSE ) WANN

E N·C Y· C LO · PE DIA

PROJEC T 04 |

S U PPORT · A · PE DIA

92 93



P EI EN (ROSE ) WANN

E N·C Y· C LO · PE DIA

PROJEC T 04 |

S U PPORT · A · PE DIA

94 95



P EI EN (ROSE ) WANN

E N·C Y· C LO · PE DIA

PROJEC T 04 |

S U PPORT · A · PE DIA

96 97



P EI EN (ROSE ) WANN

E N· C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A · PE DIA

98 99



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 04 |

S U PPORT · A· PE DIA

100 101


Developing Mrs & Mr Eaves Type Specimen

05/08

Type·a·pedia Objective Type foundries deliver promotional materials when they release new typefaces. This project is to develop a type promotion, promoting a typeface about its appearance, style, usage, and etc. The target audience will be graphic designers and a type-savvy audience.

Approach I started this project by creating three different moodboards and typefaces, and the one that looked delicate and elegant with Mrs Eaves worked the best. Therefore, I played with Mrs Eaves and its companion, Mr Eaves, to make them look elegant and appealing for this project.

Course Type Composition Instructor John Nettleton Disciplines Typography Editorial Design Semester Spring 2020


P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 05 |

T Y PE · A· PE DIA

102 103



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 05 |

T Y PE · A ·PE DIA

104 105



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 05 |

T Y PE · A ·PE DIA

106 107



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 05 |

T Y PE · A ·PE DIA

108 109



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 05 |

T Y PE · A ·PE DIA

110 111



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 05 |

T Y PE · A ·PE DIA

112 113



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 05 |

T Y PE · A ·PE DIA

114 115


Redesigning a Music Rehearsal Invitation

06/08

Rehears·a·pedia Objective Take one of the sign you saw on the street to redesign. The project focuses on identifying communication goals and strategies, identifying audiences, and developing visual systems. The end deliverable is a group of three components that function as a system, which are narrative component, series component, and digital component.

Approach This sign was for the Disoriental music group’s open rehearsal invitation at the Center for Middle Eastern Studies at UC Berkeley. The Middle East and North Africa have many iconic instruments and cultural symbols. By using these elements and vivid colors, I created a system for this project to be more visually attractive and changed it from ordinary to extraordinary.

Course Visual Literacy Instructor Hunter Wimmer Disciplines Posters Design Editorial Design Digital Design Semester Spring 2020


P EI EN (ROSE ) WANN

E N· C Y·C LO · PE DIA

PROJEC T 06 |

RE H E A RS · A · PE DIA

116 117



P EI EN (ROSE ) WANN

E N· C Y·C LO · PE DIA

PROJEC T 06 |

RE H E A RS · A · PE DIA

118 119



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 06 |

RE H E A RS · A · PE DIA

120 121



P EI EN (ROSE ) WANN

E N·C Y·C LO ENCYCLOPEDIA · PE DIA

PROJEC T 06 PROJEC | RE T H 02E A|RS · A RE · PE H EDIA A RS · A· PE DIA

122 123



124 125



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 06 |

RE H E A RS · A · PE DIA

126 127



P EI EN (ROSE ) WANN

E N· C Y·C LO · PE DIA

PROJEC T 06 |

RE H E A RS · A · PE DIA

128 129



P EI EN (ROSE ) WANN

E N· C Y·C LO · PE DIA

PROJEC T 06 |

RE H E A RS · A · PE DIA

130 131


Redesigning Citizen’s Annual Report

07/08

Time·a·pedia Objective Choose a company in a field you are interested in, and select an annual report or a CSR report online that you can harvest text from to redesign. Charts, graphs, and tables of information are required to practice information design skills.

Approach Citizen's watches are known for their quality and design. However, it didn't have good brand recognition, and the reports lacked consistency. I started with developing its visual language and aimed to make it look more high end, delicate, and approachable.

Course Type Systems Instructor John Nettleton Disciplines Typography Information Design Editorial Design Semester Summer 2020


P EI EN (ROSE ) WANN

E N· C Y·C LO ·PE DIA

PROJEC T 07 |

T IM E · A · PE DIA

132 133



P EI EN (ROSE ) WANN

E N·C Y· C LO · PE DIA

PROJEC T 07 |

T IM E · A ·PE DIA

134 135



P EI EN (ROSE ) WANN

E N· C Y·C LO ·PE DIA

PROJEC T 07 |

T IM E · A · PE DIA

136 137



P EI EN (ROSE ) WANN

E N·C Y· C LO · PE DIA

PROJEC T 07 |

T IM E · A ·PE DIA

138 139



P EI EN (ROSE ) WANN

E N·C Y· C LO · PE DIA

PROJEC T 07 |

T IM E · A ·PE DIA

140 141



P EI EN (ROSE ) WANN

E N· C Y·C LO ·PE DIA

PROJEC T 07 |

T IM E · A · PE DIA

142 143



P EI EN (ROSE ) WANN

E N· C Y·C LO ·PE DIA

PROJEC T 07 |

T IM E · A · PE DIA

144 145



P EI EN (ROSE ) WANN

E N·C Y· C LO · PE DIA

PROJEC T 07 |

T IM E · A ·PE DIA

146 147



148 149



P EI EN (ROSE ) WANN

E N·C Y· C LO · PE DIA

PROJEC T 07 |

T IM E · A ·PE DIA

150 151


Exploring Typographic Form in a Dream State

08/08

Dream·a·pedia Objective Choose either Akzidenz Grotesk or Century Schoolbook and explore typographic form in a new way—the dream state, which generates unexpected results within a system. The final deliverable will deliver as three movie posters and a title sequence.

Approach I used many kinds of techniques like water, soda, glass, bottle, light, and etc. for my type experiments. During the experiment, the rainbow window film attracted me the most, so I played with that for several weeks and found that created an atmosphere that looked close to Pixar’s animated film Soul. The rainbow window film became the posters and the title sequence for Soul.

Course Type Experiments Instructor David Hake Disciplines Poster Design Typography Photography Semester Spring 2021


P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 08 |

DRE A M · A· PE DIA

152 153



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 08 |

DRE A M · A· PE DIA

154 155



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 08 | DRE DIA PROJEC T 04A M| · A· PE DRE A M · A · PE DIA

156 157

Photo Credit: Pixar Animation Studios



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 08 |

DRE A M · A· PE DIA

158 159



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 08 |

DRE A M · A· PE DIA

160 161



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 08 |

DRE A M · A· PE DIA

162 163



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 08 |

DRE A M · A· PE DIA

164 165



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 08 |

DRE A M · A· PE DIA

166 167



P EI EN (ROSE ) WANN

E N·C Y·C LO · PE DIA

PROJEC T 08 |

DRE A M · A· PE DIA

168 169


Thank you!


To my family To my dad and mom, thank you for always supporting and respecting my decisions and encouraging me to pursue my dream. Thanks again dad and mom, and brother, grandmas, grandpa, aunties, uncles, and cousins. Thank you for being a loving and Godly family. I feel blessed to have you all as my family.

To my instructors Thank you to Mary Scott, Phil Hamlett, John Nettleton, Hunter Wimmer, Sandra Isla, David Hake, Frank Pietronigro, Janine Ryle, and Sejal Patel, for making me become the designer I am now. Thank you to Monica Berini, Hilaire Fong, Amy Shipley, Laura Messina, Susan Pasley, Sandra Wiggin, Stacy Hernandez, Robert McDonald, Roger Swee, and Paget Norton for supporting and helping me go through this academic journey.

To my friends Thank you to all my friends at the Academy and in Taiwan for encouraging, inspiring, and supporting, and for being a part of my life. Thank you to all my friends at Church in Berkeley and Church in Taipei. I can not live without God and you all. Special thanks to Hsin Wen Chang for grabbing me into the graphic design world.

In whom all the treasures of wisdom and knowledge are hidden.—Col. 2:3

170 171


Colophon Contact Peien (Rose) Wann peienwann0815@gmail.com peienwann.com School Academy of Art University School of Graphic Design 79 New Montgomery St, San Francisco, CA 94105, USA

Major Master of Arts Graphic Design & Digital Media Instructor Mary Scott Year Spring 2021 Photography Peien (Rose) Wann, Unsplash.com, Flickr.com, Pexels.com Book Title En·cy·clo·pedia Printing & Binding Blurb.com


172 173


peienwann.com Peien (Rose) Wann, MA