Rhythm

Page 1

RHY THM

Many people believe that rhythm is just something

COURSE

in music. However, rhythm is more than that.

Portfolio Seminar

Rhythm gives meaning and cohesiveness to graphic

INSTRUC TOR

design. It allows one to understand what the

Mary Scott

designer is communicating. Rhythm is about following a beat that feeds the soul in graphic design. Rhythm is essential because all the information

PROJECT TITLE

Rhythm

people have follows a rhythm. This is what good

SEMESTER

design does. Also, a good design rhythm allows

Fall 2018

one to be in touch with many emotions and entirely experience what the designer is conveying.

T H E S ELEC T ED W O R K S O F X IN JIN G


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 2


3

F E E L IN G S

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 4


RHY THM

Many people believe that rhythm is just something

COURSE

in music. However, rhythm is more than that. Rhythm

Portfolio Seminar

gives meaning and cohesiveness to graphic design. It allows one to understand what the designer is communicating. Rhythm is about following a beat that feeds the soul in graphic design. Rhythm is essential because all the information people have

INSTRUC TOR

Mary Scott PROJECT TITLE

Rhythm

follows a rhythm. This is what good design does.

SEMESTER

Also, a good design rhythm allows one to be in

Fall 2018

touch with many emotions and entirely experience what the designer is conveying.


RHY THM

6

DESIGNER

XIN JING EMAIL

jadexinnn@gmail.com PHONE

+1 415 770 9725 WEBSITE

xinjingdesign.com

CopyrightŠ 2018 Xin Jing. No part of this may be reproduced or transmitted in any form or by any means, electronic, mechanical, including photography or any storage retrieval

T H E S E L E C T E D W O R K S O F X IN J IN G

system, without prior written permission.


7


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 8


9

IN T R O D U C T IO N

INTRODUCTION

Many people believe that rhythm is just something in music. However, rhythm is more than that. Rhythm gives meaning and cohesiveness to graphic design. It allows one to understand what the designer is communicating. Rhythm is about following a beat that feeds the soul in graphic design. Rhythm is essential because all the information people have follows a rhythm. This is what good design does. Also, a good design rhythm allows one to be in touch with many emotions and entirely experience what the designer is conveying.


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 10


11

C ONTENTS

CONTENTS

01

8 20 34

The Magic Show

82

07

92

Half Marathon

Exhibition 04

06

Bedlam

Unfamiliar Taste 03

60

Wasteless

Feelings 02

05

48

08

Tortured Love

106


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 12


13

F E E L IN G S

OBJECTIVE

This section is a collection of designs and

COURSE

artwork from my everyday life. Common

Type Experiments

environments that I encounter everyday were selected and examined for the feelings they convey when I am there. The three locations

INSTRUC TOR

Stanley Zienka

chosen are the SF Museum of Modern Art, the

PROJECT TITLE

Library at the Academy of Art, and my home.

Feelings SEMESTER

Spring 2018 A P P ROAC H

Of the three areas covered in this section, I chose different colors themes for each. For example, I chose a light calm light blue

C AT E G O R I E S

Print

for my home because this is a place that gives me a familiar and comfortable feeling where I feel like I can relax. For the library, I chose maroon because in this environment, I feel busy and there are many things happening in this space that make me feel uncomfortable. Finally, for the Museum of Modern art, I used tan since the environment made me feel quiet and focused. This type of environment is perfect for studying.

01

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 14


15

F E E L IN G S

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 16


17

F E E L IN G S

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 18


19

F E E L IN G S

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 20


21

F E E L IN G S

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 22


23

F E E L IN G S

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 24


25

Many people are unfamiliar with all of the

COURSE

different types of vegetables at the super-

Digital Design

market. I designed an app so that people

Studio

can quickly learn about different vegetable products and have recipes available for them. Using this app is easy because there are clear, simple steps to take.

U N FA M IL I A R TA S T E

OBJECTIVE

INSTRUC TOR

Bob Slote PROJECT TITLE

Unfamiliar Taste SEMESTER A P P ROAC H

This app assists the user with information about vegetable products, including their nutrition facts, as well as suggested recipes and preparation instructions. It can use the

Fall 2017 C AT E G O R I E S

UI/UX

camera to scan barcodes of products to conveniently make relevant information available to the user. In addition, other resources are available, including walk-through videos which provide step-by-step instructions.

02

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 26


27

U N FA M IL I A R TA S T E

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 28


29

U N FA M IL I A R TA S T E

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 30


31

U N FA M IL I A R TA S T E

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 32


33

U N FA M IL I A R TA S T E

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 34


35

U N FA M IL I A R TA S T E

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 36


37

U N FA M IL I A R TA S T E

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 38


39

E X HIB I T IO N

OBJECTIVE

In this section, my goal was to help an artist

COURSE

display his work. Using various pieces he

Type Systems

created, I assisted the artist in the design of an exhibit, but also assisted in promoting his work by designing a website to collect

INSTRUC TOR

Brooke Hanson

all of it in one single place. The website

PROJECT TITLE

provides the artist with more exposure, as

Exhibition

well as information about the exhibit.

SEMESTER

Fall 2017 A P P ROAC H

The posters use Yoshitomo Nara's artwork as a background with sans-serif typography

C AT E G O R I E S

Print, Web

to convey the necessary information for this exhibition. The posters I designed can give people a clear understanding of this artist's

design tendencies in one look. The

color scheme selected uses light colors because it fits the artist's style. Banner ads were also created in order to communicate the information on city streets and to invite people to visit the exhibition.

03

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 40


41

F E E L IN G S

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 42


43

E X HIB I T IO N

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 44


45

E X HIB I T IO N

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 46


47

E X HIB I T IO N

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 48


49

E X HIB I T IO N

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 50


51

E X HIB I T IO N

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 52


53

T H E M A G IC S H O W

OBJECTIVE

In this section, the subject is a podcast

COURSE

called "The Magic Show." In it, host Ira

Type Systems

Glass and several other guests discuss their stories from childhood to adulthood. My goal is to take the material from the podcast

INSTRUC TOR

Brooke Hanson

and design a book that visually conveys the

PROJECT TITLE

stories to the audience.

The Magic Show SEMESTER

Fall 2017 A P P ROAC H

This book is divided into three chapters. The primary colors chosen are black and white. In the first part, I used very abstract

C AT E G O R I E S

Print

pictures because I think magic can be very mysterious. I used the props from "The Magic Show" as inspiration in the second part, and my way of expressing those props was by using lines and circles which represent the magic wand and balls. In the third part, I used the Statue of Liberty as the main picture to express the conversation since the magic was directly related to it.

04

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 54


55

T H E M A G IC S H O W

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 56


57

T H E M A G IC S H O W

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 58


59

T H E M A G IC S H O W

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 60


61

T H E M A G IC S H O W

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 62


63

T H E M A G IC S H O W

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 64


65

WASTELESS

OBJECTIVE

This section is about how to reduce food

COURSE

waste. We see wasted food in many parts of

Visual Thinking

our lives, as there are many situations where we have leftover food. For example, many people have leftovers when cooking, however

INSTRUC TOR

Jeremy Stout

many people don't know how to deal with

PROJECT TITLE

leftovers, which leads to excessive waste.

Wasteless SEMESTER

Spring 2018 A P P ROAC H

To address this problem, I created a poster series, an app, a website, and innovative food container designs. My color theme for this section is an intense yellow because this

C AT E G O R I E S

Print, Packaging, App, Web

type of yellow has the meaning of warning. The use of large fonts conveys that the amount of food that is wasted is enormous. In the website, there are instructions on how to cook leftovers to create a delicious meal. There is also an app, and its primary function is to remind the user when their food will expire, thus reducing unnecessary waste. The container design focuses on the amount of food. It is a size-adjustable lunch box which can stretch and contract, and sizes available include a container with 1-2 servings, 2-4 servings, and 4-6 servings. This can effectively control people

05

01 02 03

to waste less food by creating appropriate

04

portion sizes.

05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 66


67

WASTELESS

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 68


69

WASTELESS

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 70


71

WASTELESS

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 72


73

WASTELESS

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 74


75

WASTELESS

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 76


77

WASTELESS

01 02 03 04 05 06 07 08


RHY THM 78


79

WASTELESS


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 80


81

WASTELESS

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 82


83

WASTELESS

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 84


85

WASTELESS

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 86


87

BEDL A M

OBJECTIVE

In this section, a word is selected and

COURSE

is used as the theme and inspiration for the

Type Experiments

objects and designs shown. I have chosen the word 'bedlam' which means chaos or mayhem. I have decided to select an object that is very familiar to many people all over the world – Lego blocks.

INSTRUC TOR

Stanley Zienka PROJECT TITLE

Bedlam SEMESTER

Spring 2018 A P P ROAC H

I chose to use Lego blocks to express the meaning of this word because although these pieces may look simple with each piece

C AT E G O R I E S

Print

having a relatively similar shape, combining them together involves creativity with a variety of outcomes. Life can often seem simple and is also made of rather simple elements. Nevertheless, putting these together requires a creative imagination. At times, both Lego blocks and elements of life can be scattered and feel fragmented.

06

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 88


89

BEDL A M

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 90


91

BEDL A M

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 92


93

BEDL A M

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 94


95

BEDL A M

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 96


97

H A L F M A R AT H O N

OBJECTIVE

To create a visual system including a logo,

COURSE

poster series, booklet, and a website for

Visual Literacy

a company called Fleet Feet Sports. Using only limited information available for this company, the simple elements were used as

INSTRUC TOR

Hunter Wimmer

inspiration for the designs of these products,

PROJECT TITLE

including a water bottle and a t-shirt.

Half Marathon SEMESTER

Spring 2017 A P P ROAC H

A limited amount of information was available, including information provided on a billboard, as well on the company's website. The primary focus of the company is to

C AT E G O R I E S

Print, Packaging, Booklet, Website

sell sports shoes, but they also sell other complimentary products. They also plan some sports-related activities and events. On the three posters, I coined three different slogans, and my primary colors are yellow and blue with a gradient. I have used a bright yellow typeface to make the design look aesthetically pleasing and high in energy.

07

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 98


99

H A L F M A R AT H O N

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 100


101

H A L F M A R AT H O N

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 102


103

H A L F M A R AT H O N

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 104


105

H A L F M A R AT H O N

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 106


1 07

H A L F M A R AT H O N

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 108


109

H A L F M A R AT H O N

01

02

03

04

05

06

07

08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 110


111

TORTURED LOVE

OBJECTIVE

The purpose of this section is to select

COURSE

a song to describe in more detail and with

Type Experiments

art and design. I chose a song called "Twisted" by Eminem. The song has lyrics that convey a dark, depressing atmosphere

INSTRUC TOR

Stanley Zienka

that has more meaning than it seems to have

PROJECT TITLE

on the surface.

Tortured Love SEMESTER

Spring 2017 A P P ROAC H

As mentioned, this section talks about an Eminem song called "Twisted." The mood of this song feels dark and very twisted as the name would imply. I took a set of pictures and placed them on transparent paper and

C AT E G O R I E S

Print, Packaging design, Booklet, Website

crumpled it, which gave it a twisted feeling. My fonts are handwritten and have specially designed typefaces to convey the mood of the song. This poster is presented in a very rhythmic form, very similar to the rhythm visualization displayed on the screen when playing music on an electronic device.

08

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 112


113

F E E L IN G S

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 114


115

TORTURED LOVE

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 116


117

TORTURED LOVE

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 118


119

TORTURED LOVE

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 120


121

TORTURED LOVE

01 02 03 04 05 06 07 08


T H E S E L E C T E D W O R K S O F X IN J IN G

RHY THM 122


123

Thanks to my family for your continued

FA M I LY

support and encouragement to make me stronger.

Mom and Dad

Thanks to my parents for giving me this

Ao Jing

opportunity to study and live in the United States. I am very grateful to you!

TO MY FRIE N DS

Thanks to all my friends for always helping

FRIENDS

me when I'm in need — your care and patience

Ken Sakuma

hasn't gone unnoticed. Thank you for still

Raymond Monsada

supporting me and loving me unconditionally. I love you all!

TO MY INSTRUC TORS

To Mary Scott, Stanley Zienka, Brooke Hanson,

INSTRUC TORS

Bob Slote, Jeremy Stout, Hunter Wimmer,

Mary Scott

John Nettleton, Nadine Brown, and Thomas

Stanley Zienka

McNulty. Also, a thank you to my English

Brooke Hanson

class teachers Hilaire Fong, Stephen Zannis,

Bob Slote

and Amy Parker. Thank you for your feedback

Hunter Wimmer

and patience, thank you for your encouragement

John Nettleton

and for always pushing me to keep me moving

Nadine Brown

forward in the field of designers.

Thomas McNulty

S E N DIN G M Y G R AT I T U D E

T O M Y FA M I LY


RHY THM

1 24

TITLE OF BOOK

RHYTHM SCHOOL

Academy of Art University School of Graphic Design COURSE

Portfolio Seminar INSTRUC TOR

Mary Scott BOOK BINDERY

Blurb, blurb.com COV E R

Image Wrap Matte Finish PA P E R

Proline Uncoated 100# PHOTOG R APHY

Xin Jing mossandfog.com paul-stafford.com T Y P E FA C E S

Nitti Gotham S O F T WA R E

T H E S E L E C T E D W O R K S O F X IN J IN G

Adobe Creative Cloud


125

F E E L IN G S

01 02 03 04 05 06 07 08


xinjingdesign.com


Millions discover their favorite reads on issuu every month.

Give your content the digital home it deserves. Get it to any device in seconds.