Yehyiying spd portfolio

Identity

http://yehyiying.com

Visual Design

2016 / 2017 Visual Design Typography Editorail Identity

YEH,YI-YING Portfolio Scuola Politecnica Di Design

http://yehyiying.com

2016 - 2017

Editorial

Typography

Fu Jen Catholic University (BA) Fu Jen Catholic University (BA) Fu Jen Catholic University (BA) Via Varese, 4 , 20121 MI EDUCATION Major yehyiyinggg@gmail.com Major in Department of Textiles and Clothing, yehyiyinggg@gmail.com Major in in Department Department of of Textiles Textiles and and Clothing, Clothing, yehyiyinggg@gmail.com Textile Textile Design Weaving design Textile Design Design ,,, Weaving Weaving design design +39 3663796123 2016 2016 yehyiying@.com 2015 Shih Fu Jen Catholic University (BA) 2016 yehyiying@.com Shih Chien University Promotion Department yehyiying@.com Shih Chien Chien University University Promotion Promotion Department Department Graphics software comprehensive class Major in Department of Textiles and Clothing, yehyiyinggg@gmail.com Graphics software comprehensive class Graphics software comprehensive class instagram.com/ny0427 instagram.com/ny0427 instagram.com/ny0427 King’s Design and Art School Textile Design , Weaving design King’s Design and Art School King’s Design and Art School Visual Designer & Textile Experimenter 2016 yehyiying@.com Visual Communication Shih Chien University Promotion Department Visual Communication Visual Communication 2017 Scuola Politecnica di Design SPD (MA) Graphics software comprehensive class 2017 Scuola Politecnica di Design SPD (MA) 2017 Scuola Politecnica di Design SPD (MA) instagram.com/ny0427 WORK EXPERIENCE PROFIL E Visual King’s Design and Art School Visual Design Visual Design Design Visual Communication Name : YEH,YI-YING NichiSPD nichi(MA) cafe 2014 di Design 2017 Scuola Politecnica Date of Birth : 27, April 1992 Part-timeEXPERIENCE worker WORK Visual Design WORK EXPERIENCE Nationality : Taiwanese 2013 Leader of Exhibition planning Student Committee of Graduation Project Nichi nichi cafe 2014 Nichi nichi cafe 2014 Nichi nichi cafe 2014 Contact the manufacturer Part-time worker WORK EXPERIENCE Part-time worker Part-time worker EDUCATION Allocated to of Installation 2013 Leader 2013 Leader of Exhibition planning 2013 Leader of Exhibition Exhibition planning planning 2013 CHARINYEH Student Committee of Graduation Project Nichi nichi cafe 2014 Student Committee of Graduation Project Student Committee of Graduation Project 2015 Fu Jen Catholic University (BA) Design Internship Contact the manufacturer Part-time worker Contact the manufacturer Contact the manufacturer Major in Department of Textiles and Clothing, Assisted designers in Fashion/Graphic design 2013 to Installation Leader of Exhibition planningAllocated Allocated Allocated to to Installation Installation Textile Design , Weaving design 2013 CHARINYEH Student Committee of Graduation Project 2013 2016 CHARINYEH 2013 CHARINYEH Shih Chien University Promotion Department Design Contact the manufacturer Design Internship Design Internship Internship Graphics software comprehensive class PROFESSIONEL SKILL in Assisted designers Allocated to Installation Assisted designers Fashion/Graphic design Assisted designers in in Fashion/Graphic Fashion/Graphic design design King’s Design and Art School 2013 CHARINYEH Visual Communication Design Internship 2017 Scuola Politecnica di Design SPD (MA) Assisted designers in Fashion/Graphic design SKILL LANGUAGE PROFESSIONEL LANGUAGE Visual Design PROFESSIONEL SKILL 2015 2015 2015

YEH,YI-YING C O N TA C T Via Varese, 4 , 20121 MI +39 3663796123 yehyiyinggg@gmail.com yehyiying@.com instagram.com/ny0427

LANGUAGE CH EN

SPEAKING WRITING

CH CH

SPEAKING SPEAKING SPEAKING

EN EN

SPEAKING SPEAKING SPEAKING

PROFESSIONEL SKILL SPECIAL SKILL

WRITING WRITING WRITING

Knitting Design Weave Analysis

WRITING WRITING WRITING

SPECIAL SPECIAL SKILL SKILL

SPEAKING WRITING

SPECIAL SKILL

Knitting Design

Printing Design Sketching

Knitting Knitting Design Knitting Design Design Weave Weave Analysis Weave Analysis Analysis

Printing Design

Weaving Design

Printing Printing Design Printing Design Design Sketching Sketching Sketching

Weaving Design

Weaving Weaving Design Weaving Design Design

Contents.

01

02

03

04

Visual Design - Packaging Design - Instruction Manual - Poker cards - Essential’s Cutting board

Typograhy -

Hyphen Press 2017 First thing First Manifesto Thai Alphabet Logotype Design Calligraphy & Sketches

Identity - Bantu humanity institution

Editorial - If on a winter’s night a traveler

01

VISUAL DESIGN Text and images, as well as font choices, color, and other visual elements.

Use typefaces, hierarchy, color, images, and placement to create perfect products.

This project is design pakages for famous popsicle brand in Italy “ Algida�,setting target group in women, try to design a pakage for female.My concept is based on Organic and Healthy. Brand plus illustration with hand painting elements. The color margin breathes make the illustration popup in the package.

01-1

Pakaging Design

{ Handwriting font }

01-1

Visual Elements Font

{ Illustrations }

Name

ABCDEFGHIJKLMNOPQRSTUVWXYZ Google font - Amatic SC

Texture

Illustration

abcdefghijklmnopqrstuvwxyz Google font - Sacramento

The product name is Organic Plus. Using handwrting typeface and soften color to relate to my concept,more close to organic ,feminization and 100% natural ingediant.

#F8EF8D

#DF6860

#EC7E22

#D2CC3C

#F5E838

#C7371B

#CD7120

#397636

01-1

Overviews

nal design}

Using craftpaper represent Eco-friendly.

In the side of the pakage,showing ingrediants by infographic. Make the buyer know well about the product is healthy.

Organic Plus 100%

Natural ingredients

6 BARS

(560g E)

{ mixed flavors }

Lemon: water, sugar, fruit juice Mixed: water, sugar, fruit juice 13%, 13%, dextrose, glucose-fructose dextrose, glucose-fructose syrup, syrup, flavorings, thickener: guar flavorings, thickener: guar gum. gum.

Tools : Illustrator / CraftPaper box Size : 20 cm x 15 cm x 6 cm

01-1

This project is design a bread machine instruction. Explore the layout with four columns. Using different size and weight of font to make a instrction more easily to read.

01-2

Instruction manual

With the limit colors , using only black and white and creating few icons and table to make recipe look more playful , clear and easy to read.

01-2

PRINTING

01-2

PRINTING

Tools : Indesign / Papers Size : A3

#000000

#FFFFFF

The deck of 52 playing cards is the most common deck of playing cards used today. It includes thirteen ranks of each of the four suits: clubs, diamonds , hearts, and spades, with reversible “court� or face cards. The project is redesign the poker card.

01-3

Redesign Poker

About the Figure p and the King, then charactor can re changed sailer fr And I added the show different sui

INTRODUCTION

DESIGN CONCEPT

01-3

Concept

My concept comes from “Direction”,I CARDS - POKER changed 4 signs ( spade,heart,club,di(RED, BLACK) mond) into North,East,South,West and RS (A-10) (J,Q,K)put them into Chinese ( 北 東 西 南).

NEW CODES AND VARIABLES

- Numbers & quantitiesCLUBS) PADES, DIAMONDS,

About the new codes and variables, I change two codes. Firstly, I change numbers and quantities, instead of using signs to represent quantities, I use number directly and add the volume into numbers .

A 2 3 4 5 6 7 8 9 10 A 2 3 4 5 6 7 8 9 10 Second, I collect some elements to show 2 3 4 5 6 7 8 9 1 0 Numbers 4 5my 6 7concept.

8 9 10 the direction to connect3to 4 5 6 7 8 9 10 I found out that the cube constructs 8 5 6 7 8 9 10byQuantities 6 7 8 9 10 points,12 lines, and 6 planes and 7 8 also 9 10 has 8 9 1these 0 6 orientations,after analysis, I pick 9 10 properties to catch my ideas.

10

For the colour , I choose red and blue.

Two colours not only make a contrast but also represent the sun and star. cards Theis sun The deck of 52 playing the most About the new codes and variables, I change two codes.

Firstly, I change numbers andanddeck common of playing used today. rises from the East falls to thecards South. quantities, instead of using signs to represent The to symbol Stars.

The north quantities, I use Blue number directly and add It the includes thirteen ranks of each star of the four volume into numbers . suits: clubs, diamonds , hearts, and spades, and the south star. with reversible "court" or face cards.

Second, I collect some elements to show the direction to connect to my concept.

I found out that the cube constructs by 8 points,12 lines, and 6 planes and also has 6 orientations,after analysis, I pick these properties to catch my ideas.

北

SPADE

HEART

CLUB

DIMOND

西

東

北 東 南 西 N

E

S

W

南

My concept comes from “Direction”,I changed 4 signs (spade,heart,club,Dimond)into North,East,South,West and put them into Chinese letter( 北 東 南 西 ).

CONTRAST About the colour,I choose the red and blue, Light vs. dark, thick v.s thin East v.s West, the original red. The two colour not only North v.skeep South, etc.

Helps create emphasis

make a contrast but also represent the sun and star. the sun rises from the East and falls MOVEMENT from the South. The Blue to symbol Stars. The Brings life to design north star and theorsouth Try blur effects,motion lines wavingstar. effects.

DEPTH At first ,I put the letter in the four direction corner to the direction of them ,in order Gives dimension to show 2D designs to fix the problem when you split up the Try texture,shadows,3D effects, horizon lines,etc.cards,you can easy to recognise the sign of

each card. so I put them in the same corner and show the direction by the volume.

#D71816

#1C4899

NEW CARDS STRUCTURE

A 2 3 4 5 6 7 8 9 10 Numbers

01-3

Visual Elements A 2 3 4 5 6 7 8 9 10 2 3 4 5 6 7 8 9 10 3 4 5 6 7 8 9 10 4 5 6 7 8 9 10 5 6 7 8 9 10 6 7 8 9 10 7 8 9 10 8 9 10 9 10 10

EW CODES AND VARIABLES NEW CODES AND VARIABLES Direction elements - Direction elements NEW CODES AND VARIABLES NEW CODES AND VARIABLES - Direction elements - Direction elements

西

Quantities

北

北 東

東 南

南 CONTRAST 西

Light vs. dark, thick v.s thin Ea North v.s South, etc.Helps create

西

MOVEMENT Brings life to design Try blur effects,motion lines or wa

About the new codes and variables, I change two codes. Firstly, I change numbers and quantities, instead of using signs to represent quantities, I use number directly and add the volume into numbers .

北

Second, I collect some elements to show the direction to connect to my concept.

I found out that the cube constructs by 8 points,12 lines, and 6 planes and also has 6 orientations,after analysis, I pick these POINT PLANE PLANE properties to catch my POINT ideas.

LINE

3

北 東

北 東 4

東 南

DEPTH Gives dimension to 2D designs Try texture,shadows,3D effec lines,etc.

南 西

LINE

And focus on “ Line “,the line can not only help direct the eye and but also live a sense of sight will follow the visual line THE CUBEmovement.The HAS THE CUBE HAS 8 POINT 8 POINT 12 LINES to give 12 LINES the direction .So,mixing two of the AND 6 PLANE AND 6 PLANE ways to preview my ideas.

3

東 南

北

4

南 西

西

GURES

01-3

Visual Elements About the Figure part( J,Q,K),I keep the Queen and the King, then I tried to think about what charactor can represent the direction,so I changed sailer from Jack to catch my idea. And I added the element of navigation ,to show di erent suit of each card.

-

About the Figure part( J,Q,K),I keep the Queen and the King, then I tried to think about what charactor can represent the direction,so I changed sailer from Jack to catch my idea.

And I added the element of navigation ,to show different suit of each card.

J

Q

K

01-3

Tools : Illustractor / Paper Cards Size : 2.5” x 3.5”

01-3

This project design a cutting board during design week for a Italy brand ‘Essential’.

The materials are all recycled and subject to eco-friendly. Due to the exhibition is related with wine and food,My concept is based on most famous Italian food.Using different combination of texture of food to achieve enjoyment of eating.

01-4

Cutting Board Design PROSCIUTTO ROSEMARY

WINE

CHEESE

PANE ERBORINATURA OLIVE

01-4 Anche la dilta Inizio domani.

Tools : Photoshop / Craftpaper board Size : 25 cm x 15 cm

02

TYPOGRAPHY Consider everything an experiment.

Means using typefaces, not drawing them.

How words interact ? How to design paragraphs and short texts. Try to make them look legibility, readability, and coherence.Placing text on a blank page,balance between black and white areas. Sequence, designing a series of pages.

Catalogue of the books printed by the famous publishing house Hyphen Press.

The aim of the project is to produce a consistent and well edited product from the typographical point of view with particular attention to the kind of typefaces used and layout grids.

02-1

Hyphen Press 2013

02-1

Using OverPass, sponsored by Red Hat, Inspired by Highway Gothic,Designed by Deleve Fonts , 2016.

Tools : Indesign / booklet Size : B5

AaBbCcDd

#000000

#FFFFFF

02-1

This project is to create a post-modern design for a booklet for the “First Things First� manifesto, 1964, using the entire manifesto copy.No photos and no colors were allowed.In the layout of this 16 pages booklet there is my personal interprtation of the manisfesto.

02-2

First things first manifesto

02-2

Using Minion Pro, is a serif typeface designed by Robert Slimbach in 1990.

Tools : Indesign / booklet Size : 20 cm x 20 cm

AaBbCcDd

#000000

#FFFFFF

02-2

Just a few languages in the world use the Latin script, the rest uses other scripts.This project is focus on Non-latin scripts.Choosing Thai to discover how many letters,accent,vocalization etc... origin of lettershapes (relationship with calligraphy).

How lettershapes evolved composition rules, layout rules.Repository of typefaces and typographic examples classified by their shapes and use.

02-3

Non Latin Script - Thai

02-3

The first booklet discover the shape and structure of Thai alphabet.

Tools : Indesign / booklet Size : 17 cm x 24 cm

#000000

#FFFFFF

#FFD239

02-3

The second booklet is to discover how the publishing,media use different font. From the traditional to modern stlye.

Tools : Indesign / booklet Size : 17 cm x 24 cm

02-4

Typeface Sketches & Calligraphy

Design typeface base on serif font.

Basic calligraphy and sketching,Getting to know the basic shapes of the latin alphabet. How letters interact with one another, spacing, kerning, rythm, black and white balance.

Regarding the rules of recipes to designing a new typeface.Trace the shape of calligraphy then sketch them.

This version help us to understand how the alphbet strockes are.

02

Narrow Extra Bold Roman Low Contrast Serif Translation High Contrast

02-4

Typecooker Project

01

Narrow Plain Roman Serif Expansion Low Contrast

04

Regular Bold Roman Serif Expansion High Contrast

03

Regular Bold Roman Serif Expansion High Contrast

02-4

Tools: Pen ,Sketchbook.

Size: 4 cm x 4 cm eachletters

02-4

Calligraphy Practice the quote include a~z , after revising, I pay more attention on the space of each words.

Tools: 12�Brush , Ink Size: 4 cm x 4 cm each letters.

This workshop is design a logo for a brand, 10 letters for the brand name. "dictionary" is the name for a book store. Choosing serif font to represent my idea. From sketces to glyphs to create this project.

02-5

Logotype font

02-5

Considering the white space that make them balance.

Rouned shaped in the end of the head stroke.

Considering the white space that make them balance.

Struggling the curve of the a. Focusinf on the balance of the weight.

The finial of the t is angled + Set up the space between each letters. which is the trend seen also in Rouned shaped in the end The finial of the t is angled + Set up the space between the finial in d, i , r , n. each letters. of the head stroke. which is the trend seen also in the finial in d, i , r , n.

Struggling the curve of the a. Focusinf on the balance of the weight.

High contrast for the stroke.

High contrast for the stroke.

dictionary

21 pt

dictionary

24pt

dictionary

36pt

dictionary

48pt

dictionary

60pt

dictionary

72pt

84pt

100pt

From 18pt to 100 pt to see the balance between different size.

dictionary

dictionary

dictionary

02-5

18 pt

03

IDENTITY DESIGN Africa - is the place of human origins.

Skeletons of pre-humans as well as skeletons of Homo sapiens were found in east Africa.

We found this information extremely important as it scienti cally proves the existence of common roots of all nationalities. That is why we decided to investigate it deeper.

LOGO DESIGN

Racism is the first and main problem we want to solve. It is time that people become aware of the fact that what they believe is wrong and humans can not be devided by skin color, blood group or nationalities.

That is why we found it extremely important to form an institution - Institution of Humanity that will answer all the questions one might have about it’s origins and at the same time work for uniting people regardless their birthplaces.

Institution will provide all the necessary information by exploring DNA of every individual contacting it. Organization will also hold various campaigns in order to unite people of different nationalities.

03-1

Institution of Humanity

03-1

Name

As for the identity for the Institution of Humanity we started exploring one of the most characteristic things of a human body - fingerprints.

It is a well known fact that every fingerprint is different and at the same time unique. On one hand, it defines and unifies us all as humans, on the other hand emphasises how extraordinary every individual is.

Logo

For the logo we created simplied version of a fingerprint using lines of a constant thickness and gave the logo more of a circle shape as a symbol of unity.Our logo will only be used in black & white, without any color indicating human skin.

We named the Institution of Humanity Bantu, referring to one of the largest traditional branch of the Niger–Congo languages as we wanted to link it to our TYPEFACE common roots - Africa. Keeping in mind TYPEFACE & COLORS & COLORS the fact that race does not exist and skin color.

40mm X 15mm 40mm X 15mm

60mm X 22.5mm 60mm X 22.5mm

Alexandra Moore, 25 California, USA

Left: Chung An CHĂ‚U, 32 Sapa, Vietnam Right: Adharma Harmidi, 60

80mm X 30mm 80mm X 30mm

PAGE 29 / IDENTITY

03-1

Identity

03-1

nta TYPEFACE UBUNTU

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890

03-1

Typeface

Ubuntu is an OpenType sans-serif typeface designed by Dalton Maag.

03-1

03-1

It is important for Bantu to have a powerful system of communication.

We created a website where one can learn more about human origins, read all the necessary information about our institution and most importantly, request Bantu Kit.

03-1

Book

03-1

Do you think the evidence that we are all related could affect the ways people from different places and cultures treat one another?

Why might people from different places and cultures treat other people differently even when 99.9% of our genetic makeup is the same?

www.Bantu.com

We are all african.

“You can't hate the roots of a tree and not hate vthe tree.” ― Malcolm X

03-1

04

Editorial Design Redesign the layout for a famous novel 'If on a winter’s night a traveler� is a 1979 novel by the Italian writer Italo Calvino. The postmodernist narrative, in the form of a frame story.

Each chapter is divided into two sections. The first section of each chapter is in second person, and describes the process the reader goes through to attempt to read the next chapter of the book he is reading.

The second half is the first part of a new book that the reader (“you”) finds. The second half is always about something different from the previous ones and the ending is never explained.

04-1

If on a winter’s night a traveler

04-1

Concept : Waiting HOW?

OUR CHOICES: TYPEFACES

« DESIGN IS THINKING MADE VISUAL»

TRADITIONAL + CONTEMPORARY

said Saul Bass

Visual representation of waiting: blank pages

Hint at the misprint that causes confusion in the narrative

OUR CHOICES: LAYOUT

Adobe Garamond Pro

Designed by Robert Slimbach in 1989 for Adobe Systems, based on a Roman type by Garamond

Designed by Carol Twombly in 1989 for Adobe Systems, based on the letterforms of Roman square capitals

OUR CHOICES: FORMAT

TRADITIONAL + CONTEMPORARY

TRADITIONAL + CONTEMPORARY

The Main Rule: Tschichold canon

Type: Paperback

Column: Single Margins: Traditional

Top: Running heads Bottom: Page numbers

Trajan Pro

Paper: White coloured newsprint

04-1

OUR CHOICES: COVER TRADITIONAL + CONTEMPORARY

A contemporary design that would create intrigue and invite the reader to explore

04-1

04-1

04-1

Thank you!