Graphic Design, Layout

Layout Design & Grids

Becoming masterful at designing professional layouts opens you up to a variety of client projects. Whether you're a company or an individual author, we can help you create the document designs you need to make sure your words stand out. We will work with you to ensure the layout and design of your text fits your needs, integrating both design and a practical, approachable feel—with an editor's eye.

Marketing managers experience a continuous need for layout design. Every company needs their public customer-facing content to be polished, professional and perfect. No matter what the communication piece is—the layout and graphic design must stand out, align with brand guidelines and get executed quickly. When you understand layout principles, you’ll unlock a new world of design possibilities for your business.

Layout is defined as the arrangement of predetermined items on a page. Basically, you're given the pieces and they are arranged. Design is defined as the art or skill of combining text, images, and other items into a visually pleasing arrangement. Balancing visual elements is important to maintain; it’s a balance between your text, graphics, multimedia, and colour scheme to avoid an overstimulating document that detracts from the messages you are trying to convey.

If you have a journal, a resource guide, a catalogue, an article, an annual report, or a series of promotional materials that you want to stand out from the crowd, we can help. We take great pride in the execution of any project, paying attention to every design detail and every editing detail, whether it's a clean and simple form, a thoughtful layout for an article, or a functional design for a resource guide.

Grids

The foremost purpose of a grid – in graphic design at least – is to establish a set of guidelines for how elements should be positioned within a layout.

It’s the foundation that designs are built on: Grids systems can help you add structure to your design, organize information and create a consistent user experience. When designing with grids, the best thing you can do is to choose the right grid for the right project. However, with so many grids to choose from, it can be hard to know where to start. So, let’s discuss the common types of grid systems and how to effectively use them in your work.

Grids also provide a sense of movement and rhythm. This is an important part of making the content accessible, and helping the viewer understand where to find the next piece of information within the layout. It sets expectations, defines the rules, and in some cases – the voice of the design. Think of a grid as providing the road map along which your viewers travel.

Not only does an effective grid provide the rhythm for a design, but it also defines the balance and alignment throughout the possible arrangements of images and text. Grids are like the invisible glue that holds a design together. Choosing the best grid composition style for each project can help the viewer determine the context of what you’re showing them.

A design created in a portrait composition in 8.5x11 format is likely a page from a book, where-as a landscape composition with minimal text and predominantly feature graphics is likely to be perceived as a slide for a presentation.

Types of Grids

Designers use four types of layout grids:

Manuscript grid

It is a single-column grid. It is the simplest one of all grid layouts and is mostly used for printing media.

Block grid includes one single element or multiple elements arranged vertically. While this is a good classical grid example, it is not the best option for the interactive web page content, and it is used mainly for a continuous block of text or an image. 

However, it will generate conversions if appropriately done because it is easy to infiltrate the Call-To-Action button into the whole block image.

Column grid

Multicolumn grid layout consists of two or more columns with consistent and proportionate gutters: the more columns, the more flexibility in the design you will have.

This grid is mainly used for articles with discontinuous information, and it is excellent if you want to use different zones for different information types. Designers also use this grid to create information-dense pages because it offers more variety.

Modular grid

A modular grid divides the page vertically with columns and horizontally with rows, creating modules and giving you more control over the layout. With this grid layout, you can establish a more complex visual hierarchy.

The column grid only focuses on vertical alignment, and if you need to organize multiple elements on your web page in a more complex way, you can always count on a modular grid.

Everyday use for modular grids is mobile phone home screens that show the entire collection of apps and websites that display collections of items in their category pages.

Baseline grid

The baseline grid creates the most consistency. It is useful when you need to use a lot of white space on your web page.

The baseline grid is essential in establishing fields. It also helps to rationally determine horizontal division and place grouped elements from top to bottom in a pleasant visual way.

The universal ratio for this grid is 4px. Just take your font size and add 4px to it, and that will be a line-height for your grid. 

For example: 

60px font + 4px = 64 line height 

32px font + 4px = 36 line height

The main idea is that the baseline (the bottom of each line of text) aligns with the vertical spacing.

Layout Design Services

Business Card Design

Increasing customer awareness about your business and offering requires branding of all materials—create a clear visual identity and connection with your clients or partners by starting with awesome name/business card designs and leave a strong first impression.

Flyer Designs

Short, concise, classy and professional—when designed well, flyers are the best way to showcase your products and services at an event.

Banners, Brochures and Art

Banners, Brochures and Posters are a marketing professional’s best arsenal to grab and hold a prospect’s attention.

Stationary

Why not share your expertise and unique solutions through a professionally designed white paper? Establishing your authority as a subject matter expert goes a long way in growing your business.

Book Layout & Case Study Design

Not just a marketer’s tool, ebooks come handy anytime you want to talk in–depth about any topic. Make it a brand guide, company culture book, HR policy tutorial, user manual… the applications are endless.

Getting Started

We would love to hear from you about your project. Just let us know the following details:

  • The page count of your document (double-spaced)

  • The number of images

  • The end-use of the document

  • Any other details you feel are important

Once we have the details and the Word document, we flow the text into InDesign and create a mock-up for you to view. You can provide us with feedback on the design, and we will incorporate your changes. You will receive a final version for your review, and if there are no other changes to be made, your document is done. We will work closely with you through each stage of production to ensure you are happy with the finished product—a practical and functionally designed document that allows your text to shine.