CEBU INSTITUTE TECHNOLOGY - UNIVERSITY

COLLEGE OF ENGINEERING AND ARCHITECTURE

ARCHITECTURAL VISUAL
COMMUNICATION 5
VISUAL TECHNIQUES 3
(ARCH265)
RESEARCH ON VISUAL PRESENTATION USING GRID

CYDRYL GABRYL P. SIA BACHELOR OF SCIENCE IN ARCH. JONATHAN C. MONTEBON

NAME ARCHITECTURE - 2 MENTOR
 A grid is fundamentally made up of a collection of horizontal and
GRID vertical lines that offer subtle alignments for the graphic designer to use. It
is the foundation of any visual communications design. (Richard Poulin,
2011)
According to Josef Müller-Brockmann, “The grid system is an aid, not
a guarantee.... But one must learn how to use the grid; it is an art that
requires practice.”

A grid is a system used to organize content in graphic design that is

made up of numerous intersecting straight or curved lines. A designer can arrange
graphic components on the grid in a logical, simple-to-understand way by using it as
an armature or framework. Network of horizontal and perpendicular lines that are
regularly spaced is also known as a grid. According to Mr. Josef Müller-Brockmann,
the grid system serves as a tool, not a guarantee, since it provides a wide range of
possible usage and gives designers the opportunity to find a solution that fits their
own aesthetic preferences. We must all learn how to use grids, though.

2
 Grid's functions are limitless. It can provide order
and visual unity as well as enhance the rhythm and
pacing of any visual message. A typographic page is
grid of a two - dimensional organizational framework
used to structure content. It is an armature for the
graphic designer to organize narrative and visual
content in a rational aesthetic, and accessible manner.
There are so many things designers can do with
grids, from aligning and balancing visual designs to develop
creative effects like diagonal lettering. They actually do a lot
more than just serve as lines on a page; they structure,
direct, and mold your design in a way that aids in the
achievement of your desired outcome.
Making text readable, generating emotions, and
developing a recognizable brand identity are just a few of
the various functions of typography design. Consumer
perception of a brand can be positively influenced by its
logo's use of good typographic components, and
presentations can be made more engaging by using
aesthetically appealing font combinations.
 HISTORICAL
PREFERENCES

Whenever there has been a need to build an
object, divide an area, or decorate a flat surface,
some form of a grid has been used. The grid has
been relied upon as a guiding organizational
principle by Renaissance artists as a method for
scaling sketches and images to fit the proportion of
murals, by cartographers in plotting map
coordinates, by architects for scaling drawings and
plotting perspective views, and by typographers in
the design of letterforms and the printed page.
Prior to the inventions of movable type and
printing by Johannes Gutenberg in the fifteenth century,
a simple grids based on various proportional
relationships were also used to arrange handwritten
text on pages. While the grid evolved and developed
over the next five hundred years, it primarily remained
the same in structure in use.
 The identity and branding
program for the city of Melbourne is
based on a triangular grid and fully
expresses the multifaceted spirit of the
city as a creative, cultural, and
sustainable urban center. An iconic M
is the central element of this program
and has been constructed from the
same triangular element of the pro-
gram's organizational grid.
This grid's triangular base module is
also used as an interpretive visual
element that is articulated in a diverse
palette of colors, patterns, textures,
and images.
The M offers an art piece for
limitless visual expression. Every pattern displays
the various services that Melbourne provides.
It has as many different aspects as the city itself
and is immediately recognizable. Its extreme
versatility is, however, what matters most. This
design has been recreated countless times, and
ongoing updates to ensure it always feels
fashionable. It will eventually enable Melbourne to
adapt, grow, and evolve alongside a population that
is changing and growing, connecting nimbly with
new opportunities.
 FUNCTIONS
The grid is an invaluable principle of a
graphic designer's vocabulary, as well as an
essential tool that can be used in the increas-
ingly complex production of print-based and
digitally based visual communications.
It can be used to compose, organize,
separate, enlarge, reduce, and locate visual
elements. Grid construction can be loose and
organic or rigorous and mechanical. When
used correctly and appropriately, a grid pro-
vides simplicity, clarity, efficiency, flexibility,
economy, continuity, consistency, and unity
to any visual communication.
 A grid, like any other element in the design As a counterpoint, Charles- Édouard
process, is not an absolute. It should be used with Jeanneret-Gris (aka Le Corbusier), a pioneer of
flexibility and, when necessary, be modified or even
modernist architecture and the International
abandoned for a more intuitive solution. It can be
developed as a simple framework that has an obvious
Style, in his comments about his grid system
and integrated relationship to its narrative and visual called "Le Modulor" which points out that;
content or it can be composed of more complex forms
and proportions that provide more varied and nuanced "I still reserve the right, at any time, to doubt
results. the solutions furnished by the Modulor,
Müller-Brockmann maintains that As a
keeping intact my freedom which must de-
counterpoint, Charles- Édouard Jeanneret-Gris (aka Le
Corbusier), a pioneer of modernist architecture and the
pend on my feelings rather than my reason."
International Style, in his comments about his grid
system called "Le Modulor" which points out that; Using a fundamental organizational The use of a
"the grid system is an aid, not a guarantee. It permits a grid can improve the clarity, legibility, and any visual
number of possible uses, and each designer can look for a communication's balance. When there are multiple pages, like in
solution appropriate to their own personal style. But one a book or website, it ensures unity and continuity.
must learn how to use the grid: It is an art that requires
practice."
APPLICATIONS

This poster uses an organizational grid that is

purely functional and has 48 modules that are
all the same size and serves as a visual aid. The structure of a grid should always
the name of the water table describing be based on a thorough understanding and
analysis of the visual and narrative material
Hurricane Katrina's effects in the Gulf of
to be used. This will allow a considerable
Mexico. Each of the neighboring states
degree of flexibility when composing and
Mississippi, Alabama, Louisiana, and Florida are
arranging disparate elements, such as typo-
only identified by stenciled letterforms. graphic text and images, on a grid and
Flooding had affected them, and the letters ultimately the page, be it two-dimensional,
SOS would occasionally interrupt to emphasize three-dimensional, or virtual.
how urgent the message was. The use of
warm and cool hues in contrast further
emphasizes how important this message is.

The relational statistics are organized and structured in both of these
informational database posters using the same articulated grid. The
intersection and interaction of the data derived from both of these
studies on residents of particular cities is used to construct imaginative
visual landscapes.
A grid can be visible or invisible, an implied
framework or an obvious design element. It is also an
essential design principle for organizing and
presenting complex, multifaceted information in a
systematic manner. Publications, websites, sign
systems, advertising campaigns, and corporate
communications are all made up of multiple pages-
each requiring a slightly different composition due to
their varied content. If a grid is well planned and
conceived, it provides the graphic designer with an
efficient way to create multiple layouts while
maintaining visual consistency, continuity, and
cohesiveness. The development of the grid has been
evolutionary process. No one artist or designer can
be identified as its sole creator or inventor; however,
many creative minds have contributed to its
development and will continue to influence its
further refinement over time.
 CONCLUSION
Therefore, the grids are tools for organizing space, text, images, and any other element placed
in a design. Grids add structure to a design. They lead to rational standardized systems that help people
absorb the information they are trying to communicate. As a function, The grid is an essential design
element for vocabulary used by graphic designers as well as an a crucial instrument that can be
applied in the increasing incredibly difficult print-based and visual communications with a digital
foundation.
The researcher have learned that the grid is an efficient organizational framework for
newspapers, magazines, books, annual reports, brochures, catalogs, sign systems, corporate identity and
branding programs, and websites. It can be used to solve a wide variety of design problems.
A grid can help the graphic designer create either static, symmetrical compositions or active,
asymmetrical compositions because it is a versatile compositional tool. Any grid can be built in an
orthogonal, angular, irregular, or circular manner. It can be a composition's obvious and active visual
element or it can be an unnoticeable and functional layer.
RESOURCES REFERENCE
Book Resources:

Richard P..2011.The Language of Graphic Design An Illustrated

Handbook for Understanding Fundamental Design Principles.
Beverly, Massachusetts. Rockport Publishers

Richard P..2018. Design School Layout A Practical Guide for

Students and Designers. Beverly, Massachusetts. Quarto
Publishing Group USA. Inc.

Internet Resources:

Landor., Fitch., 1996 - 2022. City of Melbourne. Retrieved from

https://landorandfitch.com/en/case-study/city-of-melbourne