FOLLOW OR BREAK RULES by dingjunhao

INTRODUCTION

_00

CHAPTER_ 00 . . . . . .

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

[PROJECT TITLE] Collection of Work

[COURSE] MA Protfolio Full 2018

[INSTRUCTOR] Mary Scott [SOFTWARE]

[1]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[2]

INTRODUCTION

CHAPTER_

[3]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[4]

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

[PROJECT TITLE] Collection of Work

[COURSE] MA Protfolio Full 2018

[INSTRUCTOR] Mary Scott [SOFTWARE]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[6]

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 special and functional. The rule help us to design and break it has will more opportunities.

[7]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[8]

TABLE OF CONTENTS CHAPTER_ 00 . . . . . .

Table Of Contents

09/Chapter 1 The Aha Moment 31/Chapter 2 Curves of Steel 45/Chapter 3 Point Counter Point 63/Chapter 4 The Time On The Island 77/Chapter 5 Platform 06/Chapter 6 The Aha Moment

[9]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[10]

THE AHA MOMENT

_01

CHAPTER_ . 01 . . . . .

The Aha Moment _The idea to create idea.

[PROJECT TITLE] Aha! Project

[COURSE] GR620: Visual Thinking Summer 2017

[INSTRUCTOR] David Hake [SOFTWARE]

[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_

[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

CHAPTER_

[33]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[34]

THE AHA MOMENT

CHAPTER_

. 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]

[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

CHAPTER_

. 02

[51]

I WANT TO BE [...] / MA PORTFOLIO 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]

[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 INTRODUCTION COUNTER POINT

CHAPTER_

. 00

. 03

[73]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[74]

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]

[75]

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 JUNHAO DING / MA PORTFOLIO

to the 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)

[76]

THE TIME ON THE ISLAND

CHAPTER_

. 04

[77]

FOLLOW OR BREAK RULES

I WANT TO BE [...] / MA PORTFOLIO

JUNHAO DING

[pg._ 78]

THE INTRODUCTION TIME ON THE ISLAND

CHAPTER_

. 00

. 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]

INTRODUCTION

CHAPTER_

. 04

[83]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[84]

INTRODUCTION

CHAPTER_

[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]

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]

[89]

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â&#x20AC;&#x2122;s solidified identity.

[ AP P ROACH] I chose to redesign Logitech companyâ&#x20AC;&#x2122;s annual report. Some of the most noticeable things about this brand are the use of sans JUNHAO DING / MA PORTFOLIO

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)

[90]

PLATFORM

CHAPTER_

. 05

[91]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[92]

PLATFORM

CHAPTER_

. 05

[93]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[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_

. 00

. 05

[101]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[102]

PLATFORM

CHAPTER_

. 05

[103]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[104]

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]

[105]

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â&#x20AC;&#x2122;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

[106]

GAMER BREAK

CHAPTER_

. 06

[107]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[108]

GAMER INTRODUCTION BREAK

CHAPTER_

. 00

. 06

[109]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[110]

GAMER INTRODUCTION BREAK

CHAPTER_

. 00

. 06

[111]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[112]

GAMER BREAK INTRODUCTION

CHAPTER_

. 00

. . 06

[113]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[114]

GAMER INTRODUCTION BREAK

CHAPTER_

. 00

. 06

[115]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[116]

GAMER INTRODUCTION BREAK

CHAPTER_

. 00

. 06

[117]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[118]

GAMER INTRODUCTION BREAK

CHAPTER_

. 00

. 06

[119]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[120]

GAMER BREAK

CHAPTER_

. 00

. 06

[121]

FOLLOW OR BREAK RULES JUNHAO DING / MA PORTFOLIO

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

[122]

INTRODUCTION

CHAPTER_

[123]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

[124]

INTRODUCTION

CHAPTER_

[125]

FOLLOW OR BREAK RULES

JUNHAO DING / MA PORTFOLIO

JUNHAODING.COM

[126]