Learn about the role of grids in layout and the naming of parts.
- [Tony] Now that you've grasped the basics of layout and composition, it's time for us to have a look at grids, which are an essential feature to give you a sense of proportion in the page and help you to build your layout. Let's have a look at some of the anatomical features you'll come across, the first of which is the margins, which gives you a way to position your main layout within the design space, but also some functional reasons as well. If you were working on a book or magazine, for example, you definitely need margins on the outside edges of the pages because that's where somebody would actually hold the page.
Columns can help you to divide up the horizontal space in a layout and gutters the space in-between those, give it a way to pace out those columns. Don't think that you have to stick content exactly within there. Like with everything else, these are just guides. Talking of guides, there's something else that can be introduced to space out your layout into different divisions of the page and you can add flow lines to those that give you a way to examine the way you're going to present content to the reader in a flow.
When you join those things together, what you end up with are sectors. The sectors can also be expanded out into visual spacing areas and somewhere that you're going to put particular kinds of content. For example, if this was a technical publication, I might have small annotations down one side just arbitrarily, but they can help you in any way to work out and make sense of where you're going to position elements.
Do use grids, they're there to help you, but remember what I said, they're a guide, not a strict rule set.
Author
Released
2/27/2018- The creative process
- Layout and composition
- Grids
- Typography
- Color
- Transforming images and assets in Photoshop
- Drawing logos in Illustrator
- Designing graphics and documents in InDesign
Skill Level Beginner
Duration
Views
Related Courses
-
Graphic Design Foundations: Typography
with Ina Saltz2h 23m Beginner -
Learning Graphic Design: Techniques
with John McWade1h 7m Intermediate -
Graphic Design Foundations: Color
with Mary Jane Begin1h 57m Beginner
-
Introduction
-
Welcome1m 52s
-
What is graphic design?1m 40s
-
-
1. The Creative Process
-
The creative brief1m 35s
-
Research54s
-
Ideation2m 41s
-
Production2m 21s
-
2. Layout and Composition
-
The design space2m 50s
-
Principles of layout2m 30s
-
Grids1m 57s
-
Exercise: Layout analysis1m 16s
-
3. Typography
-
The language of type2m 18s
-
Type terminology3m 4s
-
Type anatomy4m 41s
-
Basic type classifications4m 47s
-
Ligatures2m 17s
-
Type measurement1m 59s
-
Text elements: Character8m 4s
-
Text elements: Paragraph6m 32s
-
Selecting type4m 35s
-
Basic typography guidelines6m 41s
-
Type crimes4m 59s
-
-
4. Color
-
Color components3m 32s
-
Monochrome and temperature3m 24s
-
Color harmonies4m 23s
-
RGB and CMYK4m 48s
-
Process and spot colors4m 37s
-
Color associations1m 19s
-
Color blindness2m 51s
-
-
5. Photoshop
-
Photoshop quick start tour4m 14s
-
Selectively changing colors4m 45s
-
Cropping an image3m 24s
-
-
6. Illustrator
-
Illustrator quick start3m 18s
-
Importing a rough sketch6m 7s
-
Drawing the logo6m 20s
-
Creating a color theme5m 44s
-
Using the Touch Type tool3m 32s
-
Creative Cloud libraries6m 40s
-
-
7. InDesign
-
InDesign quick start tour1m 54s
-
Creating a new document1m 43s
-
Working with master pages6m 53s
-
Importing text into InDesign5m 58s
-
Creating tables in InDesign7m 58s
-
Finalizing the design5m 37s
-
-
Conclusion
-
Recommended courses1m 10s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Grids