Typography http://yehyiying.com
Visual Design
2016 / 2017 Visual Design Typography Editorial Identity
YEH,YI-YING Portfolio
http://yehyiying.com
Scuola Politecnica Di Design 2016 - 2017
Editorial
Identity
Hi,I’m Yi-Ying.
000
YEH,YI-YING
Major in Departmen
yehyiyinggg@gmail.com
instagram.com/ny0427 instagram.com/ny0427 Textile Design , Wea instagram.com/ny0427 Visual Designer & Textile Experimenter 2016 yehyiying@.com Shih Chien Universi Graphics software 22c2 instagram.com/ny0427
PROFIL E
Name : YEH,YI-YING Date of Birth : 27, April 1992 Nationality : Taiwanese
2017
2 20 20
WORK EXPERIENCE
EDUCATION 2015
2016
Via Varese, 4 , 20121 MI +39 3663796123
2017
yehyiyinggg@gmail.com yehyiying@.com instagram.com/ny0427
LANGUAGE
CH
SPEAKING
EN
SPEAKING
WRITING
CH CH
SPEAKING SPEAKING SPEAKING
EN EN
SPEAKING SPEAKING SPEAKING
2013
PROFESSIONEL SKIL
WRITING WRITING WRITING
WRITING WRITING WRITING
WRITING WORK EXPERIENCE
2013
2 20 20
Nichi nichi cafe Fu Jen Catholic University (BA) Part-time worker Major in Department of Textiles and Clothing, 2013 Leader of Exhibition Textile Design , Weaving design 20 2 Student Committee 20 Shih Chien University Promotion Department Graphics software comprehensive classContact the manufac Allocated to Installat King’s Design and Art School 2013 CHARINYEH Visual Communication Design Internship Scuola Politecnica di Design SPD (MA) Assisted designers in LANGUAGE Visual Design 2014
LANGUAGE
2014
King’s Design and A Visual Communicati Scuola Politecnica d Visual Design
SPECIAL SKILL
Knitting Design Nichi nichi cafe Weave Analysis Part-time worker Leader of Exhibition planning Student Committee of Graduation Project Contact the manufacturer Allocated to Installation CHARINYEH Design Internship Assisted designers in Fashion/Graphic design
PROFESSIONEL SKILL
SPECIAL SKILL
Knitting Design Weave Analysis
Printing Design Sketching
Weaving Design
Printing D Sketchin
About me.
About. I enjoy observing details by taking photos and sketching in my leisure time, and this also helps me to conceptualize more distinctive ideas about my life and work. While in college, I majored in Textile design. During this time, there were many things that stretched me and called me to new growth. I liked to experiment with different materials to create flat or three-dimensional woven fabrics. Not only did I learned different characteristics with different fabrics from the producing process, but also be trained to use them to combine into a new design skill. Communication is not limited to speech; through graphics and media, one can sometimes express more with feelings and different means of expression. I hope that conveying my feelings in my work also gives it the power to inform, educate, or persuade viewers using visual messages.
000
Textiles Design.
Experiment.
000
About me.
000
Experiment.
Textiles Design.
000
About me.
001
Experiment.
Textiles Design.
002
Visual Design.
Content.
003
Typography.
Identity Design.
01
Editorial Design.
Visual Design - Packaging Design - Instruction Manual - Poker cards - Essential’s Cutting board
05
Typograhy - Hyphen Press 2017 - First thing First Manifesto - Logotype Design - Calligraphy & Sketches
09
11
Identity - Bantu humanity institution - O.O / The adventure trip of eyes
Editorial - If on a winter’s night a traveler
004
Visual Design.
Visual Design.
005
Typography.
Identity Design.
Editorial 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.
006
Visual Design.
Typography.
01 / Packaging Design. 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 illustra- tion popup in the package.
007
Identity Design.
Editorial Design.
008
Visual Design.
Typography.
Visual Elements. 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.
dwriting font }
ABCDEFGHIJKLMNOPQRSTUVWXYZ Google font - Amatic SC
abcdefghijklmnopqrstuvwxyz Google font - Sacramento
009
Identity Design.
Editorial Design.
Texture
#F8EF8D
#DF6860
#EC7E22
#D2CC3C
#F5E838
#C7371B
#CD7120
#397636
010
Visual 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.
011
Typography.
Final design} Identity Design.
Editorial Design.
Organic Plus 100%
Natural ingredients
up }
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.
012
Tools : Illustrator / CraftPaper box Size : 20 cm x 15 cm x 6 cm
Visual Design.
Typography.
02 / Instruction Manual. This project is design a bread machine instruction. Explore the layout with four columns. Using different size and weight of font to make a instruction manual more easily to read. 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.
015
Identity Design.
Editorial Design.
016
Tools : Indesign / Papers Size : A3
Visual Design.
Typography.
03 / Redesign Poker. 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 face cards. The project is redesign poker cards.
019
Identity Design.
Editorial Design.
erugiF eht tuobA eht ,gniK eht dna er nac rotcarahc f r el i a s d eg n a h c eht dedda I dnA us tnereffid wohs
020
Visual Design.
My concept comes from “Direction”,I changed 4 signs ( spade,heart,club,dimond) into North,East,South,West and put them into Chinese ( 北 東 西 南). 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 properties to catch my ideas. For the colour , I choose red and blue. Two colours not only make a contrast but also represent the sun and star. The sun rises from the East and falls to the South. The Blue to symbol Stars. The north star and the south star.
021
Typography.
DESIGN CONCEPT
Identity Design.
Editorial Design.
北
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( 北 東 南 西 ). About the colour,I choose the red and blue, CONTRAST keep the original red. The two colour not only Light vs. dark, v.s thin East v.srepresent West, the sun makethick a contrast but also North v.s South, etc.the Helps and star. suncreate rises emphasis from the East and falls
from the South. The Blue to symbol Stars. The MOVEMENT north star and the south star. Brings life to design Try blur effects,motion waving At first ,I putlines theorletter in effects. the four direction corner to show the direction of them ,in order DEPTH to fix the problem when you split up the cards,you easy to recognise the sign of Gives dimension to 2Dcan designs each card. so I put them in the same corner Try texture,shadows,3D effects, horizon lines,etc. and show the direction by the volume.
2
022
Visual Design.
Typography.
NEW CODES AND VARIABLES - Numbers & quantities
Visual Elements.
A 2 3 4 5 6 7 8 9 10
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
Numbers
Quantities
NEW CODES AND VARIABLES NEW CODES AND VARIABLES - Direction elements - Direction elements NEW CODES AND VARIABLES NEW CODES AND VARIABLES - Direction elements - Direction elements
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 properties to catch my ideas. And focus on “ POINT Line “,the line can not only POINT PLANE PLANE help direct the eye and but also live a sense of movement.The sight will follow the visual line to give the direction .So,mixing two of the ways to preview my ideas. THE CUBE HAS 8 POINT 12 LINES AND 6 PLANE
LINE
THE CUBE HAS 8 POINT 12 LINES AND 6 PLANE
3
4
3
5
023
LINE
4
Identity Design.
Editorial Design.
NEW CARDS STRUCTURE
東 南
北
北
北
北 東
北 東
東 南
東 南
西
南 西
南 西
西
西
南 西
北 東
7
#D71816
#1C4899
024
Visual Design.
About the Figure part( J,Q,K),I keep the Queen and the King, then I tried to think about what c h a ra c to r c a n repres ent t he 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.
025
Typography.
Identity Design.
J
Q
Editorial Design.
K
10
026
Visual Design.
027
Typography.
Identity Design.
Editorial Design.
028
Tools : Illustractor / Paper Cards Size : 2.5” x 3.5”
Visual Design.
Typography.
04 / Cutting Board. 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 few most famous Italian food.Using different combination texture of food to achieve enjoyment of eating.
031
Identity Design.
Editorial Design.
PROSCIUTTO ROSEMARY
WINE
CHEESE
PANE ERBORINATURA OLIVE
032
Anche la dilta Inizio domani.
Tools : Photoshop / Craftpaper board Size : 25 cm x 15 cm
034
Visual Design.
Typography.
035
Typography.
Identity Design.
Editorial Design.
Consider everything an experiment.Means using typefaces,not drawing them. How words interact? How to design paragrahs and shorts 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.
036
Visual Design.
Typography.
05 / Hyphen Press 2013. 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.
037
Identity Design.
Editorial Design.
038
Visual Design.
039
Typography.
Identity Design.
Using OverPass, sponsored by Red Hat,Inspired by Highway Gothic,Designed by Deleve Fonts , 2016.
Editorial Design.
040
Tools : Indesign / booklet Size : B5
Visual Design.
Typography.
06 / First things first manifesto. 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.
043
Identity Design.
Editorial Design.
044
Visual Design.
045
Typography.
Identity Design.
Using Minion Pro, is a serif typeface designed by Robert Slimbach in 1990.
Editorial Design.
046
Tools : Indesign / booklet Size : 20 cm x 20 cm
Visual Design.
Typography.
07 / Typeface Sketches & Calligraphy 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.
049
Identity Design.
Editorial Design.
050
Visual Design.
Typecooker Project.
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.
Regular Bold Roman Serif Expansion High Contrast
051
Typography.
Identity Design.
Editorial Design.
Narrow Plain Roman Serif Expansion Low Contrast
Narrow Extra Bold Roman Low Contrast Serif Translation High Contrast
Regular Bold Roman Serif Expansion High Contrast
Tools: Pen ,Sketchbook. Size: 4 cm x 4 cm eachletters
052
Visual Design.
Calligraphy Exercise.
053
Practice the quote include a~z , after revising, I pay more attention on the space of each words.
Typography.
Identity Design.
Tools: 12�Brush , Ink Size: 4 cm x 4 cm each letters.
Editorial Design.
054
Visual Design.
Typography.
08 / Logo Font 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 sketcheing to using glyphs to create this project.
055
Identity Design.
Editorial Design.
056
Visual Design.
Considering the white space that make them balance.
Typography.
Rouned shaped in the end of the head stroke.
Struggling the curve of t a. Focusinf on the balanc of the weight. 057
nd
Editorial Design.
Identity Design.
The finial of the t is angled which is the trend seen also in the finial in d, i , r , n.
+ Set up the space between each letters.
of the ance
058
18 pt
dictio
21 pt
dictio
24pt
dictio
36pt 48pt
60pt
72pt
84pt
100pt
dictio
dictio
dictio
dictio
dictio
dictio
onary
onary
From 18pt to 100 pt to see the balance between different size
ionary
ionary
ionary
onary
onary
onary onary
Visual Design.
Identity Design.
061
Typography.
Identity Design.
Editorial 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 f o u n d t h i s i n f o r m a t i o n extremely important as it scientically proves the existence of common roots of all nationalities. That is why we decided to investigate it deeper.
062
Visual Design.
Typography.
09 / Institution of Humanity 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.
063
Identity Design.
Editorial Design.
LOGO DESIGN
PAGE 44 / IDENTITY
064
Visual Design.
Typography.
Identity. 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.
Alexandra Moore, 25 California, USA
067
PAGE 29 / IDENT
Identity Design.
Editorial Design.
Logo. TYPEFACE & COLORS TYPEFACE & COLORS TYPEFACE & COLORS
40mm X 15mm
40mm X 15mm
60mm 40mm X X 22.5mm 15mm
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 common roots - Africa. Keeping in mind the fact that race does not exist and skin color.
60mm X 22.5mm
60mm 80mm X 22.5mm 30mm
80mm X 30mm
80mm X 30mm
PAGE 46 / IDENTITY PAGE 46 / IDENTITY
PAGE 46 / IDENTITY
068
Visual Design.
Typeface.
Typography.
nta TYPEFACE UBUNTU
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
Ubuntu is an OpenType sansserif typeface designed by Dalton Maag.
Ubuntu is an OpenType sans-serif
typeface designed by Dalton Maag.
PAGE 42 / IDENTITY
071
Identity Design.
Editorial Design.
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.
072
Visual Design.
073
Typography.
Identity Design.
Editorial Design.
074
Visual Design.
075
Typography.
Identity Design.
Editorial Design.
076
077
Tools : Indesign / book Size : 24cm x 20cm
Visual Design.
Typography.
10 / The adventure trip of eyes According to the facts , more and more children begin to indulge in electronic devices, some will be spent watching TV, some will be used to play games. Most of the time, their attention and time will play on electronic equipment. We design a game based on role playing with two eyes testing and props to make children explore, investigate, experiment and use children’s imagination to encourage them to learn by playing. We make parents and teachers to give more knowledges and tips about how to protect eyes.
080
Identity Design.
Editorial Design.
081
Visual Design.
Identity. We choose four animals icons as our brand identity, since there are most familiar animals for children. Aslo, four animals have different characters which are very easy to be distinguished According to street interview. We found that children around 4-6 years old can recogonize easily.
082
Typography.
ELEMENTS
Identity Design.
Editorial Design.
The name of game:
Logo.
The logo for o.o is based on round shape, related to children . Playful , Clear , Simplfied.
X
We named the game : o.o , as the visual look like eyes, also our concept is based on eyes problem , with rounded shape "O", try to connect with our group "children". With subtitle : The adventure trip of eyes. Start an adventure with our game! The logo for o.o is based on rounded shape,related to children. Playful, Clear , Simplfied.
X
rem ipsum dolor sit amet, sectetur adipiscing elit. Duis tum ultricies condimentum.
rem ipsum dolor sit amet, nsectetur adipiscing elit. Duis tum ultricies condimentum.
o is a contemporary rounded sans serif font family which can y fend off any of its competitors. The rounded ends of Tondo’s es are slightly flattened.
We choose four high contrast, clear , bright color to catch children eyes. Try to attract their attention.
do Family:
hoose four high contrast, clear , bright color to catch ren eyes. Try to attract their attention.
orful palette:
Color.
083
Visual Design.
084
Typography.
Identity Design.
Editorial Design.
085
Based on our identity, we created a poster and a series of color blind images to test children's eyes. Using many dots and mix colors according to real color blind test chart and consider visual effects. For the poster, instead of letters we use animals,that children can recognize easily.
086
Visual Design.
Editorial Design.
088
Typography.
Identity Design.
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.
089
Visual Design.
Typography.
11 / If on a winter’s night a traveler 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.
090
Identity Design.
Editorial Design.
091
Visual Design.
Typography.
HOW? « DESIGN IS THINKING MADE VISUAL» said Saul Bass
Visual representation of waiting: blank pages
Hint at the misprint that causes confusion in the narrative
OUR CHOICES: LAYOUT TRADITIONAL + CONTEMPORARY
The Main Rule: Tschichold canon Column: Single Margins: Traditional
092
Top: Running heads Bottom: Page numbers
Editorial Design.
Identity Design.
OUR CHOICES: TYPEFACES TRADITIONAL + CONTEMPORARY
Adobe Garamond Pro
Designed by Robert Slimbach in 1989 for Adobe Systems, based on a Roman type by Garamond
Trajan Pro
Designed by Carol Twombly in 1989 for Adobe Systems, based on the letterforms of Roman square capitals
OUR CHOICES: FORMAT TRADITIONAL + CONTEMPORARY
Type: Paperback Paper: White coloured newsprint
093
Visual Design.
OUR CHOICES: COVER TRADITIONAL + CONTEMPORARY
A contemporary design that would create intrigue and invite the reader to explore
094
Typography.
Identity Design.
Editorial Design.
095
Tools : Indesign / book Size : 12 cm x 20 cm
Typography
Editorial
Identity
http://yehyiying.com
http://yehyiying.com
Visual Design