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!