23
An introduction to Grids & Layout Typography 01.11 The following presentation is only designed as a taster and is by no means comprehensive. As students of Graphic Design it is very much up to you to explore and experiment - and by doing so begin to understand how you can create and dictate a given aesthetic. In design terms layout and editorial design form one of the cornerstones of Graphic Design & involve the combination of several basic skills which include an understanding of:- Accuracy & Detailing Crafting Colour Strategies Proportion Balance Creating Visual Tension Information Hierarchies Image Manipulation Juxtaposition Cropping Formats * * these are transferable skills

Gridsand introduction

Tags:

Embed Size (px)

DESCRIPTION

A general introduction to grids, layout and design for editorial

Citation preview

Page 1: Gridsand introduction

An introduction to Grids & Layout

Typography

01.11

The following presentation is only designed as a taster and is by no means comprehensive. As students of Graphic Design it is very much up to you to explore and experiment - and by doing so begin to understand how you can create and dictate a given aesthetic.

In design terms layout and editorial design form one of the cornerstones of Graphic Design & involve the combination of several basic skills which include an understanding of:-

Accuracy & DetailingCraftingColour StrategiesProportion BalanceCreating Visual Tension Information HierarchiesImage ManipulationJuxtapositionCroppingFormats

*

* these are transferable skills

Page 2: Gridsand introduction

Step 1 - Acquire a good reference book(s) on the basics of layout and editorial design. Featured here are just 4 examples of the many on the market

Page 3: Gridsand introduction

Newspapers an everyday example of how grids are utilised to organise and give mass information a form & structure.

By one and analyse it.

Page 4: Gridsand introduction

Some basic Terminology

Page 5: Gridsand introduction

Thumbnails

Page 6: Gridsand introduction
Page 7: Gridsand introduction
Page 8: Gridsand introduction
Page 9: Gridsand introduction

Typefaces. stresses and families.

Page 10: Gridsand introduction
Page 11: Gridsand introduction
Page 12: Gridsand introduction
Page 13: Gridsand introduction
Page 14: Gridsand introduction

Scale & cropping an image

Page 15: Gridsand introduction
Page 16: Gridsand introduction
Page 17: Gridsand introduction
Page 18: Gridsand introduction
Page 19: Gridsand introduction
Page 20: Gridsand introduction
Page 21: Gridsand introduction
Page 22: Gridsand introduction
Page 23: Gridsand introduction

 · Contents INTRODUCTION Introduction

 · Contents INTRODUCTION Introduction

Documents
 · Introduction . 6 . Contents . Introduction

 · Introduction . 6 . Contents . Introduction

Documents
Introduction | Introduction | Millennium Serials · 2018. 4. 17. · MARC Display | Print | Introduction | Millennium Serials INTRODUCTION Introduction This tutorial introduces the

Introduction | Introduction | Millennium Serials · 2018. 4. 17. · MARC Display | Print | Introduction | Millennium Serials INTRODUCTION Introduction This tutorial introduces the

Documents
1. INTRODUCTION INTRODUCTION - Deusto

1. INTRODUCTION INTRODUCTION - Deusto

Documents
INTRODUCTIONS (LEADS) Academic introduction Creative introduction Action introduction Dialogue introduction Overarching societal statements Personal introduction

INTRODUCTIONS (LEADS) Academic introduction Creative introduction Action introduction Dialogue introduction Overarching societal statements Personal introduction

Documents
Introduction€¦ · Introduction ThisdocumentprovidesinformationabouttheIOSXEsoftwarereleasefortheCiscoNCS4201andCisco …

Introduction€¦ · Introduction ThisdocumentprovidesinformationabouttheIOSXEsoftwarereleasefortheCiscoNCS4201andCisco …

Documents
R as a Web Service Introduction Introduction Introduction

R as a Web Service Introduction Introduction Introduction

Documents
voip-iptel-introduction-SRK1.ppt voip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-ip

voip-iptel-introduction-SRK1.ppt voip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-iptel-introduction-SRK1.pptvoip-ip

Documents
URBAN STREAM REHABILITATION. INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES

URBAN STREAM REHABILITATION. INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES & IMPACTS INTRODUCTION, OBJECTIVES

Documents
Introduction to introduction to introduction to … Optimization

Introduction to introduction to introduction to … Optimization

Documents
Introduction to Databases: Introduction

Introduction to Databases: Introduction

Documents
Introduction Chapitre 1 · Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Introduction Chapitre 1 · Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Documents
Introducción / Introduction / Introduction

Introducción / Introduction / Introduction

Documents
1. Introduction 10 - therackonline.com€¦ · 1. Introduction 10 - therackonline.com ... Introduction)

1. Introduction 10 - therackonline.com€¦ · 1. Introduction 10 - therackonline.com ... Introduction)

Documents
Module: Introduction...Module: Introduction Page: Introduction CC0.1 Introduction Please give a general description and introduction to your organization. Providing electrical, hydraulic

Module: Introduction...Module: Introduction Page: Introduction CC0.1 Introduction Please give a general description and introduction to your organization. Providing electrical, hydraulic

Documents
Industry introduction Industry introduction Company introduction Company introduction Production introduction Display time time content

Industry introduction Industry introduction Company introduction Company introduction Production introduction Display time time content

Documents
Topics Introduction 1 / 3 Introduction 2 / 3 Introduction 3 / 3

Topics Introduction 1 / 3 Introduction 2 / 3 Introduction 3 / 3

Documents
Introduction to Transducers, Introduction to Transducers ...engtech.weebly.com/.../more_on_transducers_sensors_actuators.pdf · Introduction to Transducers, Introduction to Transducers,

Introduction to Transducers, Introduction to Transducers ...engtech.weebly.com/.../more_on_transducers_sensors_actuators.pdf · Introduction to Transducers, Introduction to Transducers,

Documents
An Introduction for An Introduction for Introduction for ......An Introduction for An Introduction for Introduction for TeachersTeachersTeachers . exChange, Blackburn Cathedral’s

An Introduction for An Introduction for Introduction for ......An Introduction for An Introduction for Introduction for TeachersTeachersTeachers . exChange, Blackburn Cathedral’s

Documents
Introduction Introduction Introduction Introduction

Introduction Introduction Introduction Introduction

Documents
Systems Analysis I introduction I introduction. 2Systems Analysis - Introduction Contents Introduction Introduction 3 classic phases 3 classic phases

Systems Analysis I introduction I introduction. 2Systems Analysis - Introduction Contents Introduction Introduction 3 classic phases 3 classic phases

Documents
INTRODUCTION SPECIFICATIONS INTRODUCTION

INTRODUCTION SPECIFICATIONS INTRODUCTION

Documents
1. Introduction 1. Introduction 1. Introduction 1 ... · Introduction 1. Introduction 1. Introduction 1. Introduction 6061B0242401. The Phone Screen From the Phone screen, you can

1. Introduction 1. Introduction 1. Introduction 1 ... · Introduction 1. Introduction 1. Introduction 1. Introduction 6061B0242401. The Phone Screen From the Phone screen, you can

Documents
Introduction Section I: Introduction

Introduction Section I: Introduction

Documents
Introduction to Transducers, Introduction to Transducers ... on... · Introduction to Transducers, Introduction to Transducers, Sensors and ActuatorsSensors and Actuators Introduction

Introduction to Transducers, Introduction to Transducers ... on... · Introduction to Transducers, Introduction to Transducers, Sensors and ActuatorsSensors and Actuators Introduction

Documents
ection Introduction A Introduction

ection Introduction A Introduction

Documents
CrowPiwithMineCraftPiEdition · 2 CrowPiwithMineCraftPiEdition-Introduction-MinecraftPiEdition-Introduction-Whatyouwillneed-Introduction-RunningMinecraft-Introduction

CrowPiwithMineCraftPiEdition · 2 CrowPiwithMineCraftPiEdition-Introduction-MinecraftPiEdition-Introduction-Whatyouwillneed-Introduction-RunningMinecraft-Introduction

Documents
Optimisation des Requêtes. Introduction Introduction

Optimisation des Requêtes. Introduction Introduction

Documents
1. INTRODUCTION 1.1 Introduction

1. INTRODUCTION 1.1 Introduction

Documents
1 Introduction t 1. Introduction to Nanotechnology - UFAMhome.ufam.edu.br/berti/nanomateriais/Introduction to Nanotechnology... · Introduction t 1. Introduction to Nanotechnology

1 Introduction t 1. Introduction to Nanotechnology - UFAMhome.ufam.edu.br/berti/nanomateriais/Introduction to Nanotechnology... · Introduction t 1. Introduction to Nanotechnology

Documents