The Grid Structure

Posted on: Jul 26, 2019

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132408/grid_book-1_Page_0011.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132408/grid_book-1_Page_0011.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132418/grid_book-1_Page_0031.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132418/grid_book-1_Page_0031.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132421/grid_book-1_Page_0041.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132421/grid_book-1_Page_0041.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132424/grid_book-1_Page_0051.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132424/grid_book-1_Page_0051.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132426/grid_book-1_Page_0061.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132426/grid_book-1_Page_0061.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132437/grid_book-1_Page_0071.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132437/grid_book-1_Page_0071.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132439/grid_book-1_Page_009.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132439/grid_book-1_Page_009.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132442/grid_book-1_Page_010.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132442/grid_book-1_Page_010.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132444/grid_book-1_Page_011.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132444/grid_book-1_Page_011.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132455/grid_book-1_Page_012.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132455/grid_book-1_Page_012.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132457/grid_book-1_Page_013.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132457/grid_book-1_Page_013.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132459/grid_book-1_Page_014.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132459/grid_book-1_Page_014.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132502/grid_book-1_Page_015.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132502/grid_book-1_Page_015.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132514/grid_book-1_Page_0161.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132514/grid_book-1_Page_0161.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132516/grid_book-1_Page_0171.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132516/grid_book-1_Page_0171.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132518/grid_book-1_Page_0181.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132518/grid_book-1_Page_0181.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132522/grid_book-1_Page_0191.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132522/grid_book-1_Page_0191.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132532/grid_book-1_Page_0201.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132532/grid_book-1_Page_0201.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132534/grid_book-1_Page_0211.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132534/grid_book-1_Page_0211.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132536/grid_book-1_Page_0221.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132536/grid_book-1_Page_0221.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132539/grid_book-1_Page_0231.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132539/grid_book-1_Page_0231.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132542/grid_book-1_Page_0241.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132542/grid_book-1_Page_0241.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132544/grid_book-1_Page_0251.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132544/grid_book-1_Page_0251.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132546/grid_book-1_Page_0261.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132546/grid_book-1_Page_0261.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132549/grid_book-1_Page_0271.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132549/grid_book-1_Page_0271.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132551/grid_book-1_Page_0281.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132551/grid_book-1_Page_0281.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132554/grid_book-1_Page_0291.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132554/grid_book-1_Page_0291.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132557/grid_book-1_Page_0301.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132557/grid_book-1_Page_0301.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132600/grid_book-1_Page_0311.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132600/grid_book-1_Page_0311.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132602/grid_book-1_Page_0321.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132602/grid_book-1_Page_0321.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132605/grid_book-1_Page_0331.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132605/grid_book-1_Page_0331.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132608/grid_book-1_Page_0341.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132608/grid_book-1_Page_0341.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132610/grid_book-1_Page_0351.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132610/grid_book-1_Page_0351.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132613/grid_book-1_Page_0361.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132613/grid_book-1_Page_0361.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132615/grid_book-1_Page_0371.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132615/grid_book-1_Page_0371.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132617/grid_book-1_Page_0381.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132617/grid_book-1_Page_0381.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132629/grid_book-1_Page_0391.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132629/grid_book-1_Page_0391.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132632/grid_book-1_Page_0401.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132632/grid_book-1_Page_0401.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132634/grid_book-1_Page_0411.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132634/grid_book-1_Page_0411.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132637/grid_book-1_Page_0421.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132637/grid_book-1_Page_0421.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132647/grid_book-1_Page_0431.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132647/grid_book-1_Page_0431.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10135606/Pages-from-grid_book-1.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10135606/Pages-from-grid_book-1.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132653/grid_book-1_Page_0451.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132653/grid_book-1_Page_0451.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132655/grid_book-1_Page_0461.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132655/grid_book-1_Page_0461.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132706/grid_book-1_Page_0471.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132706/grid_book-1_Page_0471.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132710/grid_book-1_Page_0481.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132710/grid_book-1_Page_0481.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132713/grid_book-1_Page_0491.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132713/grid_book-1_Page_0491.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132716/grid_book-1_Page_0501.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132716/grid_book-1_Page_0501.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132718/grid_book-1_Page_0511.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132718/grid_book-1_Page_0511.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132721/grid_book-1_Page_0521.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132721/grid_book-1_Page_0521.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132724/grid_book-1_Page_0531.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132724/grid_book-1_Page_0531.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132736/grid_book-1_Page_0541.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132736/grid_book-1_Page_0541.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132738/grid_book-1_Page_0551.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132738/grid_book-1_Page_0551.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132741/grid_book-1_Page_0561.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132741/grid_book-1_Page_0561.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132744/grid_book-1_Page_0571.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132744/grid_book-1_Page_0571.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132755/grid_book-1_Page_0581.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132755/grid_book-1_Page_0581.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10132758/grid_book-1_Page_0591.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10132758/grid_book-1_Page_0591.jpg)

[![](https://image-control-storage.s3.amazonaws.com/2019/01/10133555/grid_book-1_Page_1741.jpg)](https://image-control-storage.s3.amazonaws.com/2019/01/10133555/grid_book-1_Page_1741.jpg)

from Layout Essentials, 100 DESIGN PRINCIPLES FOR USING GRIDS by Beth Tondreau. Modifications made by Nicholas D’Angelo

Code

Flexbox Grid Posted on: Dec 6, 2024
HTML & CSS/Flex Cheat Sheet Posted on: Oct 27, 2024
Getting Started with Adobe Illustrator: Illustrator series Posted on: Mar 6, 2023
Advanced Projects for Intro to Web Design Posted on: Apr 29, 2020

Art

Principles of Design Oct 29, 2024
Drawing (Values and Edges) Feb 28, 2020
Drawing (Simplifying Objects) Feb 25, 2020
Geometric Line Drawings Feb 13, 2020
CSS Cheat Sheet Sep 24, 2019
What Is The Golden Ratio? What You Need to Know and How To Use It Feb 21, 2017

Design

CREATE A CITYSCAPE IN ADOBE ILLUSTRATOR Dec 4, 2024
10 Essential InDesign Skills by InDesignSkills Dec 3, 2024
Book Cover Design “The Three Books” Oct 5, 2023
Photo-Based Poster Art Jan 19, 2023
Composition Checklist Jan 13, 2022
Creative Brief (Graphic Design Brief) – 2024 Mar 2, 2020

UI/UX

UX Portfolio Case Study Template Oct 19, 2024
UX/UI design brief #10: Redesigning Uber App for Increased Holiday Rides Sep 5, 2024
The Project Process in Figma/FigJam: User Flow, Low-Fidelity and High-Fidelity Prototyping Aug 7, 2024
UXMYTHS Jul 24, 2024
UX/UI design brief: Redesigning the Spotify App Jul 19, 2024
UX Portfolio Case Study: The Making of… Jul 19, 2024

Video

Advanced Web Design 10-1–2020 Oct 1, 2020
Drawing (Proportion Basics) Feb 28, 2020
Drawing (Compositional Guidelines) Feb 28, 2020
Drawing (Shading) Feb 28, 2020
The Illusion of Depth & Perspective, Details and Overlapping Forms Oct 9, 2019

Projects

Getting Started with Adobe Illustrator: Illustrator series Mar 6, 2023
Creative Brief Apr 28, 2020

Social

TikTok Aug 12, 2024
What is Twitter? Aug 3, 2024
How To Run a Great Twitter Contest Aug 3, 2024
Facebook, Instagram and Twitter and Tiktok Oct 10, 2023
7 of the Best Social Media Campaigns Nov 8, 2021
Facebook Business Engagement Nov 2, 2020