GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN &...

20
GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2

Transcript of GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN &...

Page 1: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

GRID-BASED MAGAZINE PAGE DESIGN & LAYOUTThe use of the GRID in magazine,

and other design page layout.

ASSIGNMENT 2

Page 2: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

LAYOUT — DEFINED2

Organization of type, image,

and other design elements to

communicate information and

emphasize or reinforce, the

content of a design piece.

DESIGN LAYOUTGRID IN

Page 3: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

3LAYOUT — DEFINEDDESIGN

LAYOUTGRID IN

• Captureourattention-visually

• Communicatecontentquicklyand easilysothereaderunderstands yourmessage

•Organizesinformationtoallowaccess

Page 4: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

4

DESIGN LAYOUTGRID IN LAYOUT — DEFINED

•Print design

• Interactivedesign

• Packagedesign

• Exhibitdesign

etc.

CONCEPTSAPPLYTOMANYDESIGNAREAS

Page 5: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

5BASIC PRINT LAYOUT ELEMENTSDESIGN

LAYOUTGRID IN

Typewhichdirectlysupportsandquicklycommunicatesthecontentofthedesign.

DISPLAYORHEADLINETYPE

Page 6: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

6

SUBHEADS

DESIGN LAYOUTGRID IN

Providecontextoridentifymorespecificallythecontentofthedesign.

BASIC PRINT LAYOUT ELEMENTS

Page 7: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

7

BODY TEXT

DESIGN LAYOUTGRID IN

Morespecificanddetailedinformationaboutthesubject.Itisalsoanintegralpartofthevisualqualitiesofalayout.Ithas form(shape) texture value

BASIC PRINT LAYOUT ELEMENTS

Page 8: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

8

IMAGE

DESIGN LAYOUTGRID IN

Directlysupportconceptorcontentofthelayout.Canbegraphic,anillustrationorphotography.

BASIC PRINT LAYOUT ELEMENTS

Page 9: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

9

OTHERELEMENTS

DESIGN LAYOUTGRID IN

Droporinitialcap

Gutter

Margins

Spacebetweencolumns

Shapes

Folios

BleedRulesTextwrap

BASIC PRINT LAYOUT ELEMENTS

Page 10: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

10

DESIGN LAYOUTGRID IN GRID — DEFINED

•Organizesinformationina unifiedandpredictablefashion

• Providesstructureto accommodateavarietyof informationalandvisual elements

• Providesproductivityinlayout anddesign

Page 11: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

11

DESIGN LAYOUTGRID IN GRID — DEFINED

•Print design

• Interactivedesign

• Packagedesign

• Exhibitdesign

etc.

CONCEPTSAPPLYTOMANYDESIGNAREAS

Page 12: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

12GRID - SIMPLEDESIGN

LAYOUTGRID IN

Page 13: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

13GRID - MEDIUMDESIGN

LAYOUTGRID IN

Page 14: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

14GRID - COMPLEXDESIGN

LAYOUTGRID IN

Page 15: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

15GRID — 3 EqUAL COLUMNSDESIGN

LAYOUTGRID IN

Page 16: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

16GRID — 2 UNEqUAL COLUMNSDESIGN

LAYOUTGRID IN

Page 17: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

17GRID — FOLLOwING & BREAkINGDESIGN

LAYOUTGRID IN

Page 18: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

18GRID — FOLLOwING & BREAkINGDESIGN

LAYOUTGRID IN

Page 19: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

19GRID — ACROSS MULTIPLE PAGESDESIGN

LAYOUTGRID IN

Page 20: GRID-BASED MAGAZINE ASSIGNMENT 2 PAGE DESIGN & LAYOUT … · GRID-BASED MAGAZINE PAGE DESIGN & LAYOUT The use of the GRID in magazine, and other design page layout. ASSIGNMENT 2.

20GRID — NOT jUST FOR PRINTDESIGN

LAYOUTGRID IN