Follow or Break Rules

FOLLOW OR BREAK RULES

_00 JUNHAO DING / MA PORTFOLIO

Follow or Break Rules 2014­—2018 SELECTED WORKS FROM JUNHAO DING

[PROJECT TITLE] Collection of Work

[COURSE] MA Portfolio Fall 2018

[INSTRUCTOR] Mary Scott [SOFTWARE]

Ai

[1]

Id

Ps

_00 Follow or Break Rules 2014­—2018 SELECTED WORKS FROM JUNHAO DING

[PROJECT TITLE] Collection of Work

[COURSE] MA Portfolio Fall 2018

[INSTRUCTOR] Mary Scott [SOFTWARE]

Ai

Id

Ps

INTRODUCTION CHAPTER_ 00 . . . . . .

Introduction As a graphic designer, we love to follow and break rules. We design in the grid and we often think out of the grid. It makes every design unique and functional. Rules help us to design and breaking them gives more options.

[7]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[8]

TABLE OF CONTENTS CHAPTER_ 00 . . . . . .

Table Of Contents

07/Chapter 1 The Aha Moment 37/Chapter 2 Curves of Steel 51/Chapter 3 Point Counter Point 73/Chapter 4 The Time On The Island 89/Chapter 5 Platform 105/Chapter 6 Gamer Break

[9]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[10]

THE AHA MOMENT

_01

CHAPTER_ .

01 . . . . .

The Aha Moment _Create your own ideas.

[PROJECT TITLE] Aha! Project

[COURSE] GR620: Visual Thinking Summer 2017

[INSTRUCTOR] David Hake [SOFTWARE]

Ai

Id

Ps

[11]

FOLLOW OR BREAK RULES

[ OB JECT I V E] The objective of the project is to work into a concept that can be developed into both a conceptually and aesthetically cohesive system for a social problem that you are interested in throughout the semester.

[ AP P ROACH] Graphic design is very popular, and there are more and more students who want to learn graphic design. Because the interJUNHAO DING / MA PORTFOLIO

net is convenient, young graphic designers like to go online looking for ideas. The internet is a complicated zone. There is some good stuff, but also a lot of bad examples and design templates out there. Sometimes, young designers will rely on those bad examples. My brand is to serve young graphic designers. We encourage young designers to use different elements to create unique ideas.

[TYPEFACES] Avenir Pisitilli

[KEYWORDS] Inspire Combined [DELIVERABLES] Brand Book (8x10 inches) Conference Materials Mobile App Product

[12]

THE AHA MOMENT

CHAPTER_

.

01

.

.

.

.

.

[13]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[14]

THE AHA MOMENT

CHAPTER_

.

01

.

.

.

.

.

[15]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[16]

THE AHA MOMENT

CHAPTER_

.

01

.

.

.

.

.

[17]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[18]

THE AHA MOMENT

CHAPTER_

.

01

.

.

.

.

.

[19]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[20]

THE AHA MOMENT

CHAPTER_

.

01

.

.

.

.

.

[21]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[22]

THE AHA MOMENT

CHAPTER_

.

01

.

.

.

.

.

[23]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[24]

THE AHA MOMENT

CHAPTER_

.

01

.

.

.

.

.

[25]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[26]

THE AHA MOMENT CHAPTER_

.

01

.

. .

.

.

[27]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[28]

THE AHA MOMENT

CHAPTER_

.

01

.

.

.

.

.

[29]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[30]

THE AHA MOMENT CHAPTER_

.

01

.

.

.

.

.

[31]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[32]

THE AHA MOMENT

[33]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[34]

THE AHA MOMENT

.

01

[35]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[36]

THE AHA MOMENT

CHAPTER_

.

01

.

.

.

.

.

[37]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[38]

THE AHA MOMENT

CHAPTER_

.

01

.

.

.

.

.

[39]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[40]

CURVES OF STEEL

_02

CHAPTER_ . .

02 . . . .

Curves of Steel _The book of streamlined automobile design.

[PROJECT TITLE] Redesign Book Project

[COURSE] GR 619: Type Composition Fall 2016

[INSTRUCTOR] David Hake [SOFTWARE]

Ai

Id

Ps

[41]

FOLLOW OR BREAK RULES

[ OB JECT I V E] The main goal of this project was to choose a book and then redesign the visual system surrounding it. This project expanded on previously learned principles and incorporates more advanced issues such as organization, hierarchy, layout and grid systems.

[ AP P ROACH] I chose the book CURVES OF STEEL. This book presents the JUNHAO DING / MA PORTFOLIO

famous vintage cars made in all the company. The layout of the book uses negative space to express industrial. I also used bold typeface to elevate the hierarchy.

[TYPEFACES] Avenir Frutiger

[KEYWORDS] Classic industrial [DELIVERABLES] Redesign Book (8x11 inches)

[42]

CURVES OF STEEL

CHAPTER_

.

.

02

.

.

.

.

[43]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[44]

CURVES OF STEEL

CHAPTER_

. .

02

. .

.

.

[45]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[46]

CURVES OF STEEL

CHAPTER_

.

.

02

.

.

.

.

[47]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[48]

CURVES OF STEEL

CHAPTER_

.

.

02

.

.

.

.

[49]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[50]

CURVES OF STEEL

.

02

[51]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[52]

CURVES OF STEEL CHAPTER_

. .

02

.

.

.

.

[53]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[54]

POINT COUNTER POINT

_03

CHAPTER_ . . .

03 . . .

Point Counter Point _AIGA National Conference.

[PROJECT TITLE] Redesign Conference Project

[COURSE] GR 601: Type Systems Spring 2017

[INSTRUCTOR] John Nettleton [SOFTWARE]

Ai

Id

Ps

[55]

FOLLOW OR BREAK RULES

[ OB JECT I V E] Choose a design conference and create a holistic visual system for it. Show the ability to design a sophisticated concept that matches the aim of the conference, showing typographic skill in a highly flexible design system fitting the needs of the design conference. [ AP P ROACH] I chose the AIGA conference to create a visual system. This JUNHAO DING / MA PORTFOLIO

design conference is developed to design events for the AIGA. I created a visual system by using graphic elements, digital effects, shapes, lines, and patterns meant to represent the conference objectives.

[TYPEFACES] Frutiger Serifa

[KEYWORDS] Inspire Point Counter Point [DELIVERABLES] Poster (24x30 inches) Conference Materials Mobile App Website

[56]

POINT COUNTER POINT

CHAPTER_

.

.

.

03

.

.

.

[57]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[58]

POINT COUNTER POINT

CHAPTER_

.

.

.

03

.

.

.

[59]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[60]

POINT COUNTER POINT

CHAPTER_

.

.

.

03

.

.

.

[61]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[62]

POINT COUNTER POINT

CHAPTER_

.

.

.

03

.

.

.

[63]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[64]

POINT COUNTER POINT

CHAPTER_

.

.

.

03

.

.

.

[65]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[66]

POINT COUNTER POINT

CHAPTER_

.

.

.

03

.

.

.

[67]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[68]

POINT COUNTER POINT

CHAPTER_

.

.

.

03

.

.

.

[69]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[70]

POINT COUNTER POINT

CHAPTER_

.

.

.

03

.

.

.

[71]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[72]

POINT COUNTER POINT CHAPTER_

. .

.

03

.

.

.

[73]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[74]

POINT COUNTER POINT

CHAPTER_

.

.

.

03

.

.

.

[75]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[76]

THE TIME ON THE ISLAND

_04

CHAPTER_ . . . .

04 . .

The Time On The Island _The creative music poster.

[PROJECT TITLE] Music Poster Project

[COURSE] GR 613: Type Experiments Fall 2017

[INSTRUCTOR] Stanley Zienka [SOFTWARE]

Ai

Id

Ps

[77]

FOLLOW OR BREAK RULES

[ OB JECT I V E] This project explored existing modern typographical ideas and techniques then attempted to expand on our typographical range. We investigated the communication of content and emotional qualities of the text.

[ AP P ROACH] The outcome for this project is a music poster. I used experimental typography to elicit the emotion of romance an apply it to the JUNHAO DING / MA PORTFOLIO

music poster. I applied images created by texture reflection and fluid type exploration to the poster of the music KOKOMO. All images and typography used abstract forms to express the feeling of romantic and happy.

[TYPEFACES] Usual MrsEaves

[KEYWORDS] Romantic Happy [DELIVERABLES] Poster (24x30 inches)

[78]

THE TIME ON THE ISLAND

CHAPTER_

.

.

.

.

04

.

.

[79]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[80]

THE TIME ON THE ISLAND

CHAPTER_

.

.

.

.

04

.

.

[81]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[82]

THE TIME ON THE ISLAND

CHAPTER_

.

.

.

.

04

.

.

[83]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[84]

THE TIME ON THE ISLAND

CHAPTER_

.

.

.

.

04

.

.

[85]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[86]

THE TIME ON THE ISLAND

CHAPTER_

.

.

.

.

04

.

.

[87]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[88]

THE TIME ON THE ISLAND

CHAPTER_

.

.

.

.

04

.

.

[89]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[90]

THE TIME ON THE ISLAND

CHAPTER_

.

.

.

.

04

.

.

[91]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[92]

PLATFORM

_05

CHAPTER_ . . . . .

05

Platform

.

_Logitech annual report redesign.

[PROJECT TITLE] Annual Report Redesign Project

[COURSE] GR 601: Type Systems Spring 2017

[INSTRUCTOR] John Nettleton [SOFTWARE]

Ai

Id

Ps

[93]

FOLLOW OR BREAK RULES

[ OB JECT I V E] Choose an existing company to redesign their annual report.

Create a report using graphic design principles, typography, and colors that are visually interesting and representative of that company’s solidified identity.

[ AP P ROACH] I chose to redesign Logitech company’s annual report. Some of the most noticeable things about this brand are the use of JUNHAO DING / MA PORTFOLIO

sans serif typography, inspiring quotes, and duotone colors.

I designed around these keywords to make the report looks human nature and technology.

[TYPEFACES] Frutiger MrsEaves

[KEYWORDS] Human nature Technology [DELIVERABLES] Book (8x10 inches)

[94]

PLATFORM

CHAPTER_

.

.

.

.

.

05

.

[95]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[96]

PLATFORM

CHAPTER_

.

.

.

.

.

05

.

[97]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[98]

PLATFORM

CHAPTER_

.

.

.

.

.

05

.

[99]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[100]

PLATFORM

CHAPTER_

.

.

.

.

.

05

.

[101]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[102]

PLATFORM

CHAPTER_

.

.

.

.

.

05

.

[103]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[104]

PLATFORM

CHAPTER_

.

.

.

.

.

05

.

[105]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[106]

PLATFORM

CHAPTER_

.

.

.

.

.

05

.

[107]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[108]

GAMER BREAK

_06

CHAPTER_ . . . . . .

06

Gamer Break _logitech annual report redesign.

[PROJECT TITLE] App Design Project

[COURSE] GR 360: Nature of Interaction Spring 2018

[INSTRUCTOR] Jasmine Friedl [SOFTWARE]

Ai

Xd

Ps

[109]

FOLLOW OR BREAK RULES

[ OB JECT I V E] Choose an existing problem in the society and to solve it by technology which is an application. This course investigates how research and audience understanding create successful interactive projects that can enhance a user’s experience with a brand.

[ AP P ROACH] The problem that I chose is the young generation spends more JUNHAO DING / MA PORTFOLIO

time to stay at home playing video games. Video game addiction and excessive time spent playing games can result in health and behavioral issues, such as sleep deprivation, lack of exercise, irritableness, and several other problems. I would like to solve it by creating an app that can encourage young people to go outside instead of stay at home play video games.

[TYPEFACES] San Francisco Pro

[KEYWORDS] Fun Colorful [DELIVERABLES] Application Process website

[110]

GAMER BREAK

CHAPTER_

.

.

.

.

.

.

06

[111]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[112]

GAMER BREAK

CHAPTER_

.

.

.

.

.

.

06

[113]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[114]

GAMER BREAK

CHAPTER_

.

.

.

.

.

.

06

[115]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[116]

GAMER BREAK CHAPTER_

.

.

.

.

.

.

06

[117]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[118]

GAMER BREAK

CHAPTER_

.

.

.

.

.

.

06

[119]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[120]

GAMER BREAK

CHAPTER_

.

.

.

.

.

.

06

[121]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[122]

GAMER BREAK

CHAPTER_

.

.

.

.

.

.

06

[123]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[124]

GAMER BREAK

CHAPTER_

.

.

.

.

.

.

06

[125]

FOLLOW OR BREAK RULES JUNHAO DING / MA PORTFOLIO

School Academy of Art University Coures MA Portfolio Fall Instructor Mary Scott Photography and Design Junhao Ding Contact junhaodingdesign@gmail.com Website junhaoding.com Bindery and Printing Blurb Paper Proline Uncoated 100#

Copyright © 2018 Junhao Ding All content for this book was collected, conceived, written and design by Junhao Ding.

[126]

JUNHAODING.COM