Jinyun Zhou Portfolio

N o 00

FOCI

PROJECT:

Selected Works of Jinyun Zhou

COURSE:

MA Portfolio Seminar

INSTRUCTOR:

Mary Scott

SEMESTER:

Fall 2018

N o 00

FOCI

PROJECT:

Selected Works of Jinyun Zhou

COURSE:

MA Portfolio Seminar

INSTRUCTOR:

Mary Scott

SEMESTER:

Fall 2018

DESIGN INFORMATION T YPEFACE:

OBJECTIVE:

Sometype

In design, continuous focus is crucial to every process. It allows a designer to think more deeply and precisely, to find the right audi-

CATEGORIES:

ence, to propose an effective solution, to explore a unique design

Portfolio

point, to better implement a design. Finding the focal point is also

Business System

a process of exploration and understanding. Starting with the begin-

Website

ning of a project, as designers we always go step by step from chaotic, disordered information to gradually presenting the design in a cohe-

KEY WORDS:

sive and compelling way. It is the in-depth focus on the project that

Focal Point

gives us the opportunity to implement a good design more thoroughly.

I named my portfolio “foci,� which means a collection of focal points.

The title of each project shows my focus on the ideas that I want to express. It is these focal points that led me to design my projects from their very beginning. Thank you for you taking the time to look at it.

CONTENTS CHALLENGE AND OPPORTUNIT Y:

Page 4-19

ADOR ADOG:

Page 20-43

FUNMARK:

Page 44-55

CVS HEALTH CSR REPORT:

Page 56-67

TENDERLOIN PEOPLE’S GARDEN:

Page 68-89

FIVE GYRES:

Page 90-109

< 4 >

THE INTELLIGENT FUTURE OF HEALTHARE

N o 01

[FOCI]

CHALLENGE AND OPPORTUNITY

SELECTED WORKS OF JINYUN ZHOU

N o 01

THE INTELLIGENT FUTURE OF HEALTHCARE

PROJECT:

Challenge and Opportunity

COURSE:

Type Systems

INSTRUCTOR:

David Hake

SEMESTER:

Spring 2018

DESIGN INFORMATION

T YPEFACE:

OBJECTIVE:

Fabrikat Mono/Vista Slab

This course encouraged us to challenge the approach to basic principles of typography and explore innovative ways to communicate with

CATEGORIES:

text and image. We were required to develop a new topic that relates

Book

to our first project in this class. My previous project was about medicine, so I designed this book with a vision of future intelligent healthcare as my new theme.

KEY WORDS:

Scientific Tech

SOLUTION:

Concrete

I conceived of the concept of the book and the order in which the story would be told. The whole book is divided into two major chapters, “Challenge” and “Opportunity,” which describe the existing problems in the medical community and how the technologies that may emerge in the future that can solve these problems.

Considering that the content of this book is about the future of medical science and technology, I focused on visualizing a high-tech feeling with the image treatment. For layouts, the composition has a lot of detail, I used some fine rules, graphic elements, and color bars to show the precise vibe that science conveys to people.

[01]

-

02

-

03

-

04

-

05

-

06

< 5 >

< 6 >

[FOCI]

[01]

-

CHALLENGE AND OPPORTUNITY

02

-

03

-

04

-

05

-

06

SELECTED WORKS OF JINYUN ZHOU

< 7 >

< 8 >

[FOCI]

[01]

-

CHALLENGE AND OPPORTUNITY

02

-

03

-

04

-

05

-

06

SELECTED WORKS OF JINYUN ZHOU

< 9 >

< 10 >

[FOCI]

[01]

-

CHALLENGE AND OPPORTUNITY

02

-

03

-

04

-

05

-

06

SELECTED WORKS OF JINYUN ZHOU

< 11 >

< 12 >

[FOCI]

[01]

-

CHALLENGE AND OPPORTUNITY

02

-

03

-

04

-

05

-

06

SELECTED WORKS OF JINYUN ZHOU

< 13 >

< 14 >

[FOCI]

[01]

-

CHALLENGE AND OPPORTUNITY

02

-

03

-

04

-

05

-

06

SELECTED WORKS OF JINYUN ZHOU

< 15 >

< 16 >

[FOCI]

[01]

-

CHALLENGE AND OPPORTUNITY

02

-

03

-

04

-

05

-

06

SELECTED WORKS OF JINYUN ZHOU

< 17 >

< 18 >

[FOCI]

[01]

-

CHALLENGE AND OPPORTUNITY

02

-

03

-

04

-

05

-

06

SELECTED WORKS OF JINYUN ZHOU

< 19 >

< 20 >

WAYS FOR RESPONSIBLE DOG O W NERSHIP

N o 02

[FOCI]

ADORADOG

SELECTED WORKS OF JINYUN ZHOU

N o 02

WAYS FOR RESPONSIBLE DOG OWNERSHIP

PROJECT:

Adoradog Organization

COURSE:

Visual Thinking

INSTRUCTOR:

Jeremy Stout

SEMESTER:

Spring 2018

DESIGN INFORMATION T YPEFACE:

OBJECTIVE:

Alergia/Sentinel

This project led us through several steps in the design process to create a relevant design solution. We were asked to propose a topic

CATEGORIES:

from real news, envisioning the problem that needs to be solved

Logo

and its audience, then develop and implement visual elements in a

Print

variety of deliverables that work together as a cohesive system.

Website

I raised a topic from news about the serious problem of abandoned

Product

dogs in the United States. I needed to find out ways to help people understand the responsibilities and issues around dog ownership.

KEY WORDS:

Energetic Playful

SOLUTION:

Approachable

I have conceived an organization called â&#x20AC;&#x153;adoradog.â&#x20AC;? It organizes events on a regular basis to give people more insight into the ownership of dogs. It provides educational and counseling services on the website to benefit dog owners and those who are preparing to raise dogs. The entire project includes a website, logo, posters, advertising, and peripheral product design. I hope my audience will be happy to use my system and can understand that we can solve problems for them well. So for the entire design system, I used bright colors and a flexible composition to create this a joyful vibe.

01

- [02] -

03

-

04

-

05

-

06

< 21 >

CMYK: 10/75/5/0

CMKY: 0/10/65/0 < 22 >

[FOCI]

01

- [02] -

ADORADOG

03

-

04

SELECTED WORKS SELECTED OF JINYUN WORKS OF (JOCELYN) JINYUN ZHOU

-

05

-

06

< 23 >

< 24 >

[FOCI]

01

- [02] -

ADORADOG

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

-

06

< 25 >

< 26 >

[FOCI]

01

- [02] -

ADORADOG

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

-

06

< 27 >

< 28 >

[FOCI]

01

- [02] -

ADORADOG

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

-

06

< 29 >

< 30 >

[FOCI]

01

- [02] -

ADORADOG

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

-

06

< 31 >

< 32 >

[FOCI]

01

- [02] -

ADORADOG

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

-

06

< 33 >

< 34 >

[FOCI]

01

- [02] -

ADORADOG

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

-

06

< 35 >

< 36 >

[FOCI]

01

- [02] -

ADORADOG

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

-

06

< 37 >

< 38 >

[FOCI]

01

- [02] -

ADORADOG

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

-

06

< 39 >

< 40 >

[FOCI] [FOCI]

01 01

-- [02] [02] --

ADORADOG ADORADOG

03 03

--

04 04

SELECTED WORKS OF JINYUN ZHOU

--

05 05

--

06 06

< 41 >

< 42 >

[FOCI]

01

- [02] -

ADORADOG

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

-

06

< 43 >

< 44 >

FINDING THE M OST FUN YOU COULD EVER HAVE IN TO W N

N o 03

[FOCI]

FUNMARK APP

SELECTED WORKS OF JINYUN ZHOU

N o 03

FINDING THE MOST FUN YOU COULD EVER HAVE IN TOWN

PROJECT:

Funmark App

COURSE:

Digital Design Studio

INSTRUCTOR:

Bob Slote

SEMESTER:

Spring 2018

DESIGN INFORMATION T YPEFACE:

OBJECTIVE:

Din

Graphic design has always worked in close concert with technical innovation. The digital revolution has accelerated that dynamic—

CATEGORIES:

today’s designers use any means at their disposal to get their

Mobile App

ideas across. The theme of this project comes from our own interests and needs, and then we begin to think about how to design a mobile app to address this need.

KEY WORDS:

Dynamic Gradient

SOLUTION:

lively

Have you ever had the experience that you thought about going out with friends or family, but finding that you have no idea where you can go? “Find fun things to do, Find fun places to go.” In this project, I designed an app called “Funmark” to give people advice on where they can find a fun place to go. It tells people what new thing are going on around now. It automatically pushes the newest events with different categories base on user’s subscription.

“Lively” is the main keyword I considered when designing the application UI. So I used some gradient backgrounds to create a visual sense of movement to reflect this lively vibe.

01

-

02

- [03] -

04

-

05

-

06

< 45 >

< 46 >

[FOCI] [FOCI]

01

-

FUNMARK FUNMARK APP APP

02

- [03] -

04

-

SELECTED WORKS SELECTED OF JINYUN WORKS OF (JOCELYN) JINYUN ZHOU

05

-

06

< 47 >

< 48 >

[FOCI]

01

-

FUNMARK APP

02

- [03] -

04

-

SELECTED WORKS OF JINYUN ZHOU

05

-

06

< 49 >

< 50 >

[FOCI]

01

-

FUNMARK APP

02

- [03] -

04

-

SELECTED WORKS OF JINYUN ZHOU

05

-

06

< 51 >

< 52 >

[FOCI]

01

-

FUNMARK APP

02

- [03] -

04

-

SELECTED WORKS OF JINYUN ZHOU

05

-

06

< 53 >

< 54 >

[FOCI]

01

-

FUNMARK APP

02

- [03] -

04

-

SELECTED WORKS OF JINYUN ZHOU

05

-

06

< 55 >

< 56 >

WAYS FOR RESPONSIBLE DOG O W NERSHIP

N o 04

[FOCI]

CVS HEALTH CSR REPORT

SELECTED WORKS OF JINYUN ZHOU

N o 04

THE PRESCRIPTION FOR A BETTER WORLD

PROJECT:

CVS Health CSR Report

COURSE:

Type Systems

INSTRUCTOR:

David Hake

SEMESTER:

Spring 2018

DESIGN INFORMATION T YPEFACE:

OBJECTIVE:

Avenir/Archer

This project requires us to find a companyâ&#x20AC;&#x2122;s CSR (Corporate Social Responsibility) report and redesign it using principles of information

CATEGORIES:

design including the use of tables and charts. The project aims to

Book

present complex data in a clear visual way that can be easily understood and read. The goal is to make a formal and tedious report into an engaging and consistent visual system.

KEY WORDS:

Concise Organized

SOLUTION:

Intuitive

The outcome for this project is a new 45-page CSR report for CVS Health. There are four chapters. I used different dominant colors to distinguish each chapter. For the design of the chart, I added icons to visualize some of the information. Also, for the table design, I used graphic elements to highlight key information to make the overall table have a strong visual hierarchy.

01

-

02

-

03

- [04] -

05

-

06

< 57 >

< 58 >

[FOCI]

01

-

CVS HEALTH CSR REPORT

02

-

03

- [04] -

05

-

06

SELECTED WORKS OF JINYUN ZHOU

< 59 >

< 60 >

[FOCI]

01

-

CVS HEALTH CSR REPORT

02

-

03

- [04] -

05

-

06

SELECTED WORKS OF JINYUN ZHOU

< 61 >

< 62 >

[FOCI] [FOCI]

01

-

CVS CVS HEALTH HEALTH CSR CSR REPORT REPORT

02

-

03

- [04] -

05

-

06

SELECTED WORKS SELECTED OF JINYUN WORKS OF (JOCELYN) JINYUN ZHOU

< 63 >

< 64 >

[FOCI]

01

-

CVS HEALTH CSR REPORT

02

-

03

- [04] -

05

-

06

SELECTED WORKS OF JINYUN ZHOU

< 65 >

< 66 >

[FOCI]

01

-

CVS HEALTH CSR REPORT

02

-

03

- [04] -

05

-

06

SELECTED WORKS OF JINYUN ZHOU

< 67 >

< 68 >

A GREEN CALL FRO M CO M MUNIT Y OF GRIENDS

N o 05

[FOCI]

TENDERLOIN PEOPLE’S GARDEN

SELECTED WORKS OF JINYUN ZHOU

N o 05

A GREEN CALL FROM A COMMUNITY OF FRIENDS

PROJECT:

Tenderloin People’s Garden

COURSE:

Visual Literacy

INSTRUCTOR:

Hunter Wimmer

SEMESTER:

Spring 2018

DESIGN INFORMATION T YPEFACE:

OBJECTIVE:

Avenir/Akzidenz-Grotesk Condensed

This project taught us fluency in our use of visual language and how to create meaning and understanding from the complex world of

CATEGORIES:

information that surrounds us. We went on the road to find flyers

Poster

posted on walls. Then, based on the information on one of the fly-

Print

ers, we made a conclusion about its intentions, created a visual

Website

system for it, and designed various deliverables to help it convey its message.

KEY WORDS:

Harvest

SOLUTION:

Rugged

I found the flyer of the Tenderloin People’s Garden on a street in

Intriguing

San Francisco. After sorting out all the information contained in its intentions, I concluded that its goal was to “encourage people to grow food voluntarily in the Tenderloin People’s Garden.” After that, I figured out seven intentions from the original flyer. I have proposed three deliverables to accomplish these intentions: posters, a brochure, and a website. I used “harvest, rugged and intriguing” as the keywords of my design. To achieve this effect, I drew some illustrations and created a handwritten font with an unpolished feeling to show the hands-on nature of the garden.

01

-

02

-

03

-

04

- [05] -

06

< 69 >

< 70 >

[FOCI]

01

-

TENDERLOIN PEOPLEâ&#x20AC;&#x2122;S GARDEN

02

-

03

-

04

- [05] -

06

SELECTED WORKS OF JINYUN ZHOU

< 71 >

CMKY: 35/0/25/0

CMKY: 65/10/90/0

CMYK: 95/85/50/15

CMYK: 0/35/90/0

CMKY: 80/35/65/0

CMKY: 25/80/100/0

< 72 >

[FOCI]

01

-

TENDERLOIN PEOPLEâ&#x20AC;&#x2122;S GARDEN

02

-

03

- [04] 04 - [05] 05 -

06

SELECTED WORKS OF JINYUN (JOCELYN) SELECTED WORKS OF JINYUN ZHOU

< 73 >

< 74 >

[FOCI]

01

-

TENDERLOIN PEOPLEâ&#x20AC;&#x2122;S GARDEN

02

-

03

-

04

- [05] -

06

SELECTED WORKS OF JINYUN ZHOU

< 75 >

< 76 >

[FOCI]

01

-

TENDERLOIN PEOPLEâ&#x20AC;&#x2122;S GARDEN

02

-

03

-

04

- [05] -

06

SELECTED WORKS OF JINYUN ZHOU

< 77 >

< 78 >

[FOCI]

01

-

TENDERLOIN PEOPLEâ&#x20AC;&#x2122;S GARDEN

02

-

03

-

04

- [05] -

06

SELECTED WORKS OF JINYUN ZHOU

< 79 >

< 80 >

[FOCI]

01

-

TENDERLOIN PEOPLEâ&#x20AC;&#x2122;S GARDEN

02

-

03

-

04

- [05] -

06

SELECTED WORKS OF JINYUN ZHOU

< 81 >

< 82 >

[FOCI]

01

-

TENDERLOIN PEOPLEâ&#x20AC;&#x2122;S GARDEN

02

-

03

-

04

- [05] -

06

SELECTED WORKS OF JINYUN ZHOU

< 83 >

< 84 >

[FOCI]

01

-

TENDERLOIN PEOPLEâ&#x20AC;&#x2122;S GARDEN

02

-

03

-

04

- [05] -

06

SELECTED WORKS OF JINYUN ZHOU

< 85 >

< 86 >

[FOCI]

01

-

TENDERLOIN PEOPLEâ&#x20AC;&#x2122;S GARDEN

02

-

03

-

04

- [05] -

06

SELECTED WORKS OF JINYUN ZHOU

< 87 >

< 88 >

[FOCI]

01

-

TENDERLOIN PEOPLEâ&#x20AC;&#x2122;S GARDEN

02

-

03

- [04] 04 - [05] 05 -

06

SELECTED WORKS OF JINYUN ZHOU

< 89 >

< 90 >

ACTION AGAINST THE GROBAL HEALTH CRISIS OF PLASTIC POLLUTION

N o 06

[FOCI]

FIVE GYRES

SELECTED WORKS OF JINYUN ZHOU

N o 06

ACTION AGAINST THE GLOBAL HEALTH CRISIS OF PLASTIC POLLUTION

PROJECT:

Five Gyres

COURSE:

Type Composition

INSTRUCTOR:

Andrew Loesel

SEMESTER:

Spring 2017

DESIGN INFORMATION

T YPEFACE:

OBJECTIVE:

Akzidenz-Grotesk Condensed

The project was about creating logos and posters for a non-profit

Akzidenz-Grotesk Extended/

organization and designing a brochure and a magazine to help the

Chaparral

organization convey their stories and ideas. It is important to for this design to explore the way of communication between text con-

CATEGORIES:

tent and meaning. Also, It encouraged us to pay attention to social

Logo

and cultural issues to develop the project.

Poster Brochure

SOLUTION:

Magazine

The Five Gyres is an organization to empower action against the global health crisis of plastic pollution through science, edu-

KEY WORDS:

cation, and adventure. I chose this organization because of my

Bold

concern for plastic pollution and the respect I have for the work

Impact

they do. This is a serious issue, So my overall design empha-

Transparent

sizes a bold, large-scale approach to reflect the harsh reality.

I created the font for the logo. Its circular structure represents a kind of connection, unification, and a cohesion of a powerful force. For the poster, I used a monochrome background, big title, and silhouette of plastic bags and plastic bottles, which showed a strong impact. For the brochure and magazine, I continued the similar visual vocabulary from the poster and pay more attention to balance with the visual contrast and readability of the design.

01

-

02

-

03

-

04

-

05

- [06]

< 91 >

CMYK: 60/30/0/0

CMKY: 100/95/15/0 < 92 >

[FOCI]

01

-

FIVE GYRES

02

-

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

- [06]

< 93 >

< 94 >

[FOCI]

01

-

FIVE GYRES

02

-

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

- [06]

< 95 >

< 96 >

[FOCI]

01

-

FIVE GYRES

02

-

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

- [06]

< 97 >

< 98 >

[FOCI]

01

-

FIVE GYRES

02

-

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

- [06]

< 99 >

< 100 >

[FOCI]

01

-

FIVE GYRES

02

-

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

- [06]

< 101 >

< 102 >

[FOCI]

01

-

FIVE GYRES

02

-

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

- [06]

< 103 >

< 104 >

[FOCI]

01

-

FIVE GYRES

02

-

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

- [06]

< 105 >

< 106 >

[FOCI]

01

-

FIVE GYRES

02

-

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

- [06]

< 107 >

< 108 >

[FOCI]

01

-

FIVE GYRES

02

-

03

-

04

SELECTED WORKS OF JINYUN ZHOU

-

05

- [06]

< 109 >

THANK YOU

FAMILY:

TO MY FAMILY:

Mom and Dad

Thank you for always letting me do what I want to do and support my

Zongyuan Han

studies. Over the past two years, you relieve my stress, loneliness

Jian Zhang

and pain, enabling me to cheer up and stick to it.

FRIENDS:

TO MY FRIENDS:

Mengyi Shao

All my friends, thank you for your time, patience, kindness and

Yang Ni

critical eye. I have gained countless support and help from you,

Wei Huang

whether in study or in life. I would not be able to finish all

Ziyu Lyu

the works without knowing you.

INSTRUCTORS:

TO MY INSTRUCTORS:

Mary Scott

Thank you for teaching me principle of graphic design, always push-

John Nettleton

ing me out of my comfort zone, asking me to explore, critiquing my

Hunter Wimmer

works and encouraging me to keep going.

David Hake Andrew Loesel Bob Slote Jeremy Stout

COLOPHON SCHOOL:

Academy of Art University School of Graphic Design

COURSE:

MA Portfolio Seminar

INSTRUCTOR:

Mary Scott

DESIGNER:

Jinyun Zhou

CONTACT:

zjy9334@gmail.com

WEBSITE:

zhoujinyun.com

PRINTING AND BINDING:

Blurb

CopyrightŠ2018 Jinyun Zhou All rights reserved. No part of this publication can be reproduced without the express permission of the copyright holder.

WEBSITE:

zhoujinyun.com