xin song junior portfolio

Page 1

X XIN SONG

2017-2018

JUNIOR PORTFOLIO



4

5

JUNIOR PORTFOLIO

2017-2018

Xin Song


6

7

INTRO

My name is Xin Song. This portfolio is compilation of my works of this term. I have always been full of passion and excitement during the term that I enjoyed every opportunity to face all the challenges and obstacles. Many of the topics of the projects were decided because of my own interests and preferences, so the process of completing them was fulfilling. The past year has been a wonderful one, and I believe this year will be evident in my future career.


8

FUTURISM POSTER

NEW YORK TIMES BOOK REVIEW

TYPE

MY FIRST PICTURE DICTIONARY

CRAZY SEXY COOL

9

DESIGN


10

POSTER DESIGN

FUTURISM

INSTRUCTOR: CARIN GOLDBER

11

Futurist Manifesto

1909—1944

FUTURISM POSTER We was assigned a genre/movement in design history. Centered on the term “Futurism”, I designed a poster for an exhibition at MoMA for their genre. The foundation of the designing of the poster was the utilization of futurism’s first edition, newspaper le Figaro. The characters of the portfolio were composed through the random composing in futurism. “I as red” was laid in the middle of the page, increasing the information of newspaper in the background. For example, the logo and address of MoMA.

Reconstructing the universe


12

POSTER DESIGN

FUTURISM

INSTRUCTOR: CARIN GOLDBER

13

T H E M US E U M O F M O D E R N A RT

ITALIAN

21th Sep 2012

16th Jan 2012

Cubism

FIRST DRAFT

Fauvism

Futurist Manifesto

Art Deco Surrealism

1909—1944

11 West 53th Street NYC 10019

Reconstructing t he uni ve r s e


14

NEWSPAPER DESIGN

NEW YORK TIMES BOOK REVIEW We was assigned a series of New York Times Book Reviews about cover, logotype and interior pages. The Review publishes long-form reviews and essays, often by well-known writers, original poetry, and included letters and personals advertising sections that had attracted critical comment. In each case, within the existing New York Times design grid, we engaged in an appealing and original art direction. We designed and art directed distinctive cover art for the sections and also produced illustrations going along with the articles. We faced different challenges in each section, depending on the criteria. Within the same system, black-and-white motion picture and colored picture were used. By applying the illustration and the characters alone, the system worked out.

NEW YORK TIMES BOOK REVIEW

15


16

FIRST DRAFT

NEWSPAPER DESIGN

NEW YORK TIMES BOOK REVIEW

INSTRUCTOR: CARIN GOLDBER

17


18

NEWSPAPER DESIGN

NEW YORK TIMES BOOK REVIEW

INSTRUCTOR: CARIN GOLDBER

19


20

BOOK DESIGN

MY FIRST PICTURE DICTIONARY We was assigned a book called “My First Picture Dictionary”. By using the elements from a classic children’s picture dictionary (images, alphabet, short definitions), I graphically rethink about the form and include at least A-E. My first picture dictionary is a picture dictionary that deviates from traditional ones that targets children as main audience. Considering my own preferences, the topic I decide on is plastic bag. The concept here is to pack everything into a plastic bag, so the typesetting of typeface was on the basis of nutrition fact.

MY FIRST PICTURE DICTIONARY

INSTRUCTOR: CARIN GOLDBER

21


22

FIRST DRAFT

BOOK DESIGN

MY FIRST PICTURE DICTIONARY

INSTRUCTOR: CARIN GOLDBER

23


24

BOOK DESIGN

MY FIRST PICTURE DICTIONARY

INSTRUCTOR: CARIN GOLDBER

25


26

BOOK DESIGN

MY FIRST PICTURE DICTIONARY

INSTRUCTOR: CARIN GOLDBER

27


28

BOOK DESIGN

MY FIRST PICTURE DICTIONARY

INSTRUCTOR: CARIN GOLDBER

29


30

BOOK DESIGN

MY FIRST PICTURE DICTIONARY

INSTRUCTOR: CARIN GOLDBER

31


32

BOOK DESIGN

MY FIRST PICTURE DICTIONARY

INSTRUCTOR: CARIN GOLDBER

33


34

BOOK DESIGN

MY FIRST PICTURE DICTIONARY

INSTRUCTOR: CARIN GOLDBER

35


36

BOOK DESIGN

ON OW

N CRAZY SEXY COOL N WOOD TYPE R Crazy Sexy Cool is a collection of photographs of pop culture designed by Rolling Stone Press and US Magazine. Using the iconic language of wood type, the version was designed based on the concept of fulfilling the blank with characters that the concept used was the concept of wood type itself. The tabloid version was based on the layout of Enquirer magazine. The Swiss version was based on the grid system of kari gerstner.

TTE

MS

YFUS

CRAZY SEXY COOL WOOD TYPE

37


38

FIRST DRAFT

BOOK DESIGN

CRAZY SEXY COOL WOOD TYPE

INSTRUCTOR: CARIN GOLDBER

39


40

BOOK DESIGN

CRAZY SEXY COOL WOOD TYPE

INSTRUCTOR: CARIN GOLDBER

41


42

BOOK DESIGN

CRAZY SEXY COOL WOOD TYPE

INSTRUCTOR: CARIN GOLDBER

43


44

BOOK DESIGN

CRAZY SEXY COOL WOOD TYPE

INSTRUCTOR: CARIN GOLDBER

45


46

BOOK DESIGN

CRAZY SEXY COOL WOOD TYPE

INSTRUCTOR: CARIN GOLDBER

47


48

BOOK DESIGN

CRAZY SEXY COOL WOOD TYPE

INSTRUCTOR: CARIN GOLDBER

49


CRAZY SEXY COOL SWISS Crazy Sexy Cool is a collection of photographs of pop culture designed by Rolling Stone Press and US Magazine. Using the iconic language of wood type, the version was designed based on the concept of fulfilling the blank with characters that the concept used was the concept of wood type itself. The tabloid version was based on the layout of Enquirer magazine. The Swiss version was based on the grid system of kari gerstner.

CRAZY SEXY COOL SWISS

x

51

of

zy

BOOK DESIGN

by the editors

ra

50

se

Magazine

US


52

BOOK DESIGN

CRAZY SEXY COOL SWISS

FIRST DRAFT

SEX

OOL

CRAZY

INSTRUCTOR: CARIN GOLDBER

53


54

BOOK DESIGN

CRAZY SEXY COOL SWISS

INSTRUCTOR: CARIN GOLDBER

55


56

BOOK DESIGN

CRAZY SEXY COOL SWISS

INSTRUCTOR: CARIN GOLDBER

57


58

BOOK DESIGN

CRAZY SEXY COOL SWISS

INSTRUCTOR: CARIN GOLDBER

59


60

BOOK DESIGN

CRAZY SEXY COOL SWISS

INSTRUCTOR: CARIN GOLDBER

61


62

BOOK DESIGN

CRAZY SEXY COOL SWISS

INSTRUCTOR: CARIN GOLDBER

63


64

BOOK DESIGN

CRAZY SEXY COOL SWISS

INSTRUCTOR: CARIN GOLDBER

65


66

BOOK DESIGN

CRAZY SEXY COOL TABLOID Crazy Sexy Cool is a collection of photographs of pop culture designed by Rolling Stone Press and US Magazine. Using the iconic language of wood type, the version was designed based on the concept of fulfilling the blank with characters that the concept used was the concept of wood type itself. The tabloid version was based on the layout of Enquirer magazine. The Swiss version was based on the grid system of kari gerstner.

CRAZY SEXY COOL TABLOID

67

CRAZY! SEXY! COOL!


68

BOOK DESIGN

FIRST DRAFT

CRAZY SEXY COOL

OF US MAGAZINE THE EDITOR OF THE ROLLING STONE PRESS

CRAZY SEXY COOL TABLOID

INSTRUCTOR: CARIN GOLDBER

69


70

BOOK DESIGN

CRAZY SEXY COOL TABLOID

INSTRUCTOR: CARIN GOLDBER

71


72

BOOK DESIGN

CRAZY SEXY COOL TABLOID

INSTRUCTOR: CARIN GOLDBER

73


74

BOOK DESIGN

CRAZY SEXY COOL TABLOID

INSTRUCTOR: CARIN GOLDBER

75


76

BOOK DESIGN

CRAZY SEXY COOL TABLOID

INSTRUCTOR: CARIN GOLDBER

77


78

BOOK DESIGN

CRAZY SEXY COOL TABLOID

INSTRUCTOR: CARIN GOLDBER

79


80

BOOK DESIGN

CRAZY SEXY COOL TABLOID

INSTRUCTOR: CARIN GOLDBER

81


82

BOOK DESIGN

CRAZY SEXY COOL

INSTRUCTOR: CARIN GOLDBER

83


84

TRANS COFFEE

PIGGY PENNY

IXD

85

DESIGN


86

INTERACTION DESIGN

TRANS COFFEE The concept of Trans Coffee is to use simple symbol to present people who are straight (=) and non-straight (≈). Therefore, we decide to use these symbols and create a pop-up coffee store to remind people. It will be a place for people to meet and know each other better. Everyone has different sexuality. In Trans Coffee, everyone can make their own coffee. The “Trans” indicates the being in a transparent environment, talking to each other, exchange your experiences, express yourself. No matter you are straight or LGBT, feel free to walk in and make your own cup of coffee.

TRANS COFFEE

87


BRAND IDENTITY 88

INTERACTION DESIGN

TRANS COFFEE

INSTRUCTOR: ALDO PADILLA, LEAH C ALFONSO

LOGO

LOGO

TRANS COFFEE

TRANS COFFEE

TRANS COFFEE

TRANS COFFEE

COLOR

COLOR

#DD435E

#969696

#DD435E

#969696

TYPOGRAPHY

89


90

INTERACTION DESIGN

TRANS COFFEE

INSTRUCTOR: ALDO PADILLA, LEAH C ALFONSO

TYPOGRAPHY Avenir is the typography picked for TRANS COFFEE.

OPEN SANS

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9

Aa

Aa

Aa

Light

Medium

Oblique

Aa Black

TYPE SIZE

TEXT SIZE

HEADING LARGE

64pt

BODY DEFAULT

36pt

BODY SMALL

23pt

HEADING MEDIUM

ICON

47pt

91


BODY SMALL 92

23pt INTERACTION DESIGN

Aa

Aa

Aa

Light

Medium

Oblique

TRANS COFFEE

ICON

INSTRUCTOR: ALDO PADILLA, LEAH C ALFONSO BODY SMALL 23pt 23pt

OPEN SANS

BODY BODY SMALL SMALL

HEADING MEDIUM BODY DEFAULT

Aa Light

BODY SMALL

64pt

47pt Aa Aa 36pt

Medium

Oblique

Aa

ICON ICON

ICON ICON

Black

23pt

HEADING LARGE

Ice

100*100px 100*100px

ICON

HEADING MEDIUM BODY DEFAULT

Ice

60*60px 60*60px

Order

No Ice

64pt

User Less Ice

36pt

Ice

100*100px

Persentage

User Less Ice 60*60px

Ice

Whole Milk

Milk

100*100px

Persentage No100*100px IcePersentage

WIREFREAMS WIREFREAMS Half and

100*100px

ICON

Persentage

60*60px Low Fat Persentage

23pt

Base

Persentage

TEXT SIZE

47pt

BODY SMALL

60*60px

36pt 36pt

23pt 93 23pt

BODY SMALL

USER FLOW USER FLOW ICON

TYPE SIZE

100*100px

47pt

TEXT SIZE A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9

HEADING LARGE

100*100px

BODY DEFAULT 36pt 36pt BODY DEFAULT

BODY BODYDEFAULT DEFAULT

Black

TYPE SIZE

ICON

HEADING HEADINGMEDIUM MEDIUM HEADING 47pt 47pt MEDIUM

Aa

Sugar

Half

Persentage Persentage Persentage WIREFREAMS WIREFREAMS

Low FatPersentage Persentage

White Sugar

60*60px

Order

60*60px

Base

60*60px WIREFREAMS

60*60px

WIREFREAMS

Persentage Whole Milk Persentage

Water

100*100px

WIREFREAMS

Brown Sugar

Milk

Sugar

WIREFREAMS WIREFREAMS

Water

Half and Half

Persentage

White Sugar

Persentage

Persentage

Brown Sugar

Persentage

Persentage


94

INTERACTION DESIGN

TRANS COFFEE

INSTRUCTOR: ALDO PADILLA, LEAH C ALFONSO

95


96

INTERACTION DESIGN

TRANS COFFEE

INSTRUCTOR: ALDO PADILLA, LEAH C ALFONSO

97


98

INTERACTION DESIGN

TRANS COFFEE

INSTRUCTOR: ALDO PADILLA, LEAH C ALFONSO

99


100

INTERACTION DESIGN

TRANS COFFEE

INSTRUCTOR: ALDO PADILLA, LEAH C ALFONSO

101


102

103


104

INTERACTION DESIGN

PIGGY PENNY The insight of the Piggy Bank is that today money is invisible and for most people, money is only a number shown on their bank account. So people always give up their saving plans. Piggy bank can help people to feel the real weight of money and gave them the sense of satisfaction every time they saved money. The concept is to think your money as piggy’s food and every time when you saved money to your account, your piggy will be feed. If you forget to save money today, the piggy will be unhealthy and if you forget it for one week, your piggy will die. If you achieve a new saving goal, your piggy will provide you a baby piggy, which is a new saving plan to help you keep saving.

PIGGY PENNY

105


106

INTERACTION DESIGN

PIGGY PENNY

INSTRUCTOR: ALDO PADILLA, LEAH C ALFONSO

LOGO

COLOR PALETTE

FFFFFF

7A7A7A

DABDAE

2D2D2D

2F7C23

000000

107


TYPOGRAPHY 108

DIN Alternate Bold

INTERACTION DESIGN

PIGGY PENNY

A DIN B C DAlternate E F G H I JBold KLMNOPQRSTUVWXYZ TYPOGRAPHY TYPOGRAPHY abcdefghijklmnopqrstuvwxyz 1 2A3B4C5D6E7F8G9H0I+J -K/L=M* N! ?O^P&Q $R ”S T U V W X Y Z

INSTRUCTOR: ALDO PADILLA, LEAH C ALFONSO

USER FLOW

abcdefghijklmnopqrstuvwxyz 1234567890+-/=*!?^&$”

DIN Alternate Bold

DINCond-Light Alternate Bold DIN

ABCDEFGHIJKLMNOPQRSTUVWXYZ a b cDIN defghijklmnopqrstuvwxyz A B CCond-Light DEFGHIJKLMNOPQRSTUVWXYZ 1 A2B3C4D5E6F7G8H9I 0J + / =N*O! P? Q^ R&S$T”U V W X Y Z K L- M

abcdefghijklmnopqrstuvwxyz a1b2AcB3dC4eDf5EgF6hG7i Hj 8kI J9l Km0LnM+oN-pO/qP= r Qs*Rt !uS?vT ^ wU Vx&Wy z$X Y” Z 1 2a3b 4c 5d 6e f7g8h9i 0j k+l -m/ n=o*p!q?r ^s t&u $v w” x y z DIN Cond-Light 1234567890+-/=*!?^&$”

Home

A BDIN C D Cond-Light EFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1 TYPE 2 3 4 5 6 SIZE 7890+-/=*!?^&$”

TYPE SIZE

A BTYPE C D E FSIZE GHIJKLMNOPQRSTUVWXYZ

TYPE SIZE

abcdefghijklmnopqrstuvwxyz

35pt 35pt

HEADING 1 2HEADING 3 4 5 6 7 8 9 0 + - / = LARGE *LARGE !?^&$”

TYPE SIZE 24pt

TYPE SIZE HEADING

HEADINGMEDUIM MEDUIM

24pt

Profile

Piggy

Setting

Log out

User

Edit

Bank account

Log in

Chase

18pt 18pt

BODY SMALL BODY SMALL

HEADING LARGE

35pt

HEADING MEDUIM

24pt

BODY SMALL

18pt

TYPE SIZE

HEADING LARGE

TYPE SIZE

24pt

BODY SMALL

18pt

ICONS

Money manager

35pt

HEADING MEDUIM

Add new Plan View

ICONS ICONS

Check Calender 36*36px

Flow

36*36px

ICONS MENU

Album

36*36px

MENU MENU

OTHER

OTHER

OTHER

36*36px

MENU

WIREFRAMES

Paypal

Date

109


Album 110

WIREFRAMES

Date

INTERACTION DESIGN

PIGGY PENNY

INSTRUCTOR: ALDO PADILLA, LEAH C ALFONSO

111


112

INTERACTION DESIGN

PIGGY PENNY

INSTRUCTOR: ALDO PADILLA, LEAH C ALFONSO

113


114

INTERACTION DESIGN

PIGGY PENNY

INSTRUCTOR: ALDO PADILLA, LEAH C ALFONSO

115


116

INTERACTION DESIGN

PIGGY PENNY

INSTRUCTOR: ALDO PADILLA, LEAH C ALFONSO

117


118

119


120

SELF PORTRAIT

BAD GENIUS INTRO

LOVE VOICE OVER

121

MOTION

DESIGN


122

eft

MOTION GRAPHIC DESIGN

right

SELF PORTRAIT This motion project is done in my Junior Motion Graphic class with Ori Kleiner. I designed and created this motion based on the film, pinball. Using pinball to represent my habits, my favorite foods, and my life. My body was like a pinball game, inserting coins to start, and as the pinball goes through my brain, my stomach, many aspects of my life were revealed. What’s going on in my brain is the homework I was assigned to, and the things in my stomach is the food I like the most. My life was presented through the deepest memory in my mind.

SELF PORTRAIT

123


124

MOTION GRAPHIC DESIGN

SELF PORTRAIT

INSTRUCTOR: ORI KLENIER

125


126

MOTION GRAPHIC DESIGN

SELF PORTRAIT

127

INSTRUCTOR: ORI KLENIER

STYLEFRAME TO DO LIST

LOST

INSERT COINS TO KNOW XIN SONG left

right

LOST

INSERT COINS TO KNOW XIN SONG left

100%

left

LOST

INSERT COINS TO KNOW XIN SONG left

right

right

right


128

129


130

MOTION GRAPHIC DESIGN

BAD GENIUS INTRO

131

PAT : Teeradon Supapunpinyo

ERM T S SY

ER RES VE

I made a title sequence for the film “Bad Genius”. I used the hand of the “bad genius” as the entry point and the powerful connection that works as a driving agency between the plots. The first scene of a hand playing piano, the display of the music score revealed the cheating method used by the main character, a straight A student who gets paid for helping others to cheat. The music score changes to a scantron, then a world map, implying that the exams-cheating scheme eventually rises to international levels, a SAT exam. On the one hundred bill, the picture of two hands holding together addressed that there is a trade existing. The pictures shown on the phone illustrated the course of their plan. Finally, the bar code on the pencil changed to the character “bad genius”, which described the protagonist and demonstrated the tone of the film.

AILAND H T FEDERAL

BAD GENIUS INTRO

100 100


132

STYLEFRAME

MOTION GRAPHIC DESIGN

BAD GENIUS INTRO

INSTRUCTOR: ORI KLENIER

133


134

MOTION GRAPHIC DESIGN

BAD GENIUS INTRO

INSTRUCTOR: ORI KLENIER

135


136

137


138

MOTION GRAPHIC DESIGN

A BETTER WAY TO TALK ABOUT LOVE I did a voice over on Mandy Len Catron’s Ted Talk: A better way to talk about love. I followed the content and context of the speech closely and portrayed the love process a couple experienced. I used a model of human body to the present the strange chemistry that causes two people to fall in love as Catron addressed in her Ted Talk and illustrated the complicated process a couple went through when they broke up. While giving the off-stage commentary, I showed application for the word order C atron used and framed the story entirely.

A BETTER WAY TO TALK ABOUT LOVE

139


140

STYLEFRAME

MOTION GRAPHIC DESIGN

A BETTER WAY TO TALK ABOUT LOVE

INSTRUCTOR: ORI KLENIER

141


142

MOTION GRAPHIC DESIGN

A BETTER WAY TO TALK ABOUT LOVE

INSTRUCTOR: ORI KLENIER

143


144

145


146

147

RICHARD WILDE

MOTION: ORI KLENIER

SPECIAL THANKS

TYPE: CARIN GOLDBERG

IXD: ALDO PADILLA, LEAH C ALFONSO

Thanks to all my professors who are always resourceful. Also special thanks to all my fellow classmates who are extremely talented individuals, cooperating with them during the term was a pleasure. Being a part of the class itself is precious enough for me, and learning from my professors and my classmates both inside and outside classes is a honor. Thank you for giving your ideas whenever we had critique in classes. Thank you for pushing me to do hard works.



S


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.