Complete Course On Layout Design (MASTER LAYOUT)

Satori Graphics
6 Mar 202321:04

Summary

TLDRThis video script offers a comprehensive guide to mastering layout design. It emphasizes establishing a grid system, selecting a focal point, and utilizing white space effectively. The script introduces lesser-known theories like visual tension and Rudolph Arnheim's structural net, while highlighting the importance of understanding the design's message, intended audience, and medium. Practical examples illustrate how to apply these concepts for creating visually appealing and effective designs.

Takeaways

  • 📏 **Establish a Grid**: Use grids to organize elements and create a sense of order in layout design.
  • 📄 **Understand Document Dimensions**: Knowing the size of your document is crucial for effective layout planning.
  • 🔲 **Column Grids**: Typically used in magazines and websites, they create areas that run down the page.
  • 🔷 **Modular Grids**: Include both rows and columns, often with square modules, and are versatile for various designs.
  • 🎨 **Create Hierarchy**: Use square modules, rule of thirds, or the golden ratio to establish visual importance.
  • 🖼️ **Focal Point**: A single dominant element like a large image or typography draws the viewer's attention.
  • 👀 **Direct Viewer's Eye**: Use design techniques to guide the viewer's gaze through the layout.
  • 📄 **White Space**: Proper use of white or empty space provides clarity, structure, and enhances design elements.
  • 🔄 **Repetition**: Reusing design elements or motifs creates a cohesive look and feel.
  • 📈 **Advanced Techniques**: Explore lesser-known theories and approaches for more dynamic layouts.
  • 📐 **Consider Margins and Bleeds**: Especially in print projects, account for these to ensure design integrity.
  • 🌐 **Design for Context**: Tailor layouts to the medium (print, web, etc.) and the way the audience will interact with it.
  • 🎯 **Purpose Driven Design**: The design's goal (inform, sell, etc.) influences layout decisions.
  • 🕵️‍♂️ **Visual Movement**: Understand how to guide the viewer's eyes through your design using shape, subject matter, and movement.
  • 🔄 **Visual Tension**: Be mindful of how elements interact to create a harmonious or intentional disruptive experience.
  • 📏 **Structural Net**: Apply Arnheim's theory to understand how viewers naturally navigate a design's structure.
  • 📈 **Direction in Composition**: Use horizontal, vertical, or diagonal layouts to set the emotional tone of your design.

Q & A

  • What is the primary purpose of establishing a grid in layout design?

    -Establishing a grid in layout design helps to inform the position of different elements on a page, create a connection between elements, and provide a sense of order to the layout, which increases the success of the design.

  • What are the differences between column grids and modular grids?

    -Column grids utilize columns that run down the page, typically used in magazines or websites. Modular grids, apart from columns, also have rows, often with square modules, and don't require filling up all squares.

  • Why is it important to have a single focal point in a design?

    -A single focal point is crucial as it pulls in the viewer and grabs their attention, making the design memorable. Without a focal point, a design can fall flat and be easily missed.

  • How can white space be effectively used in layout design?

    -White space is crucial for a good layout as it gives the design room to breathe, helps establish which groups of design assets belong together, and aids in establishing hierarchy.

  • What is the significance of understanding the message and vibe of a design?

    -Understanding the message and vibe helps in making specific design decisions regarding layout. It ensures the design effectively communicates the intended emotion or information to the audience.

  • How does the context in which a design will be shown influence the layout decisions?

    -The context, such as whether it's for a business card or a website, influences layout decisions by affecting the available space, how the audience views and interacts with the design, and the overall composition structure.

  • What is the role of repetition in layout design?

    -Repetition provides a strong sense of connected design balance by identifying and reusing a motif or design element throughout the layout, making separate areas feel connected and part of the same composition.

  • Why is it important to consider the target audience when designing with space?

    -Considering the target audience helps find the right balance of micro and macro white space, ensuring the design is legible and appealing to the intended viewers.

  • What are the benefits of mastering space in layout design?

    -Mastering space enhances visual hierarchy, prevents designs from being cluttered, adds style and elegance, and emphasizes bonds between visual elements.

  • How does visual tension in design affect the viewer's experience?

    -Visual tension can create anxiety or discomfort when design elements are positioned in a way that disrupts the viewer's experience, going against the natural paths of visual movement.

  • What is the theory of overall design composition direction and how does it influence design?

    -The theory of overall design composition direction suggests that compositions can be horizontal, vertical, or diagonal, influencing the design's emotional impact, suggesting calmness, balance, or movement and action respectively.

Outlines

00:00

📐 Layout Design Fundamentals

This paragraph introduces the basics of layout design, emphasizing the importance of establishing a grid for structuring content. It discusses different types of grids, such as column grids and modular grids, and their applications in various media like magazines, brochures, and websites. The paragraph also touches on creating hierarchy and the significance of considering bleeds and margins in print design. The concept of a focal point in design is introduced as a means to capture attention and guide the viewer's journey through the layout.

05:02

🌟 Creating Impact with Focal Points and Space

The second paragraph delves into the concept of creating a focal point to provide immediate balance and draw the viewer's attention. It stresses the necessity of directing the viewer's eye through the design to maintain engagement and guide them to essential information. The importance of white space is highlighted, explaining how it can enhance the layout by preventing clutter and establishing a clear visual hierarchy. The paragraph also introduces the idea of using repetition to create a cohesive design and balance.

10:03

🎨 Advanced Layout Techniques

This section explores advanced layout design techniques, moving beyond basic grids and guides. It discusses how to create impactful designs by understanding the message or vibe intended for the audience. The paragraph provides examples of how different layouts can convey various messages, such as chaos or calmness, and how the design's purpose, like informing or selling, influences layout decisions. It also touches on the importance of considering the design's context, like where it will be displayed and its target audience.

15:06

📝 The Art of Utilizing Space in Design

Paragraph four focuses on the effective use of space in design, distinguishing between macro and micro white space and their roles in enhancing visual hierarchy and preventing clutter. It discusses how to balance these spaces based on the design's message, content, target audience, and context. The paragraph introduces the concepts of passive and active white space, explaining how they contribute to legibility and guide the viewer through the design.

20:09

🚀 Theories of Visual Movement and Tension

The final paragraph introduces lesser-known theories in graphic design, such as visual tension and Rudolph Arnheim's structural net, which deal with directing the viewer's eye and creating a sense of movement within the design. It explains how these theories can be applied to create harmony or disruption in the viewer's experience. The paragraph also covers the theory of overall design composition direction, discussing how horizontal, vertical, and diagonal compositions can evoke different emotions and responses.

Mindmap

Keywords

💡Grid

A grid is a framework of intersecting horizontal and vertical lines that designers use to structure content. In the video, it's mentioned as a foundational element for layout design, helping to establish order and a clear structural reference for viewers. It can be used in various forms, such as column grids or modular grids, and is essential for creating a sense of balance and organization in design.

💡Layout Design

Layout design refers to the arrangement of visual elements on a page or screen. The video emphasizes the importance of layout design in creating a structured and appealing composition. It discusses various techniques and considerations, such as using grids, focal points, and white space, to master layout design and enhance the viewer's experience.

💡Focal Point

A focal point is the central element or area of interest in a design that captures the viewer's attention. The script explains that a strong focal point, such as a large image or typography, is crucial for drawing the viewer into the design and making it memorable. Without a focal point, a design may lack impact and be easily overlooked.

💡White Space

White space, also known as negative space, refers to the empty areas in a design layout. The video script highlights the importance of white space in creating a clean, uncluttered design that allows the viewer to focus on the content. It is described as a 'friend' that provides 'room to breathe' and helps establish hierarchy and groupings within the design.

💡Hierarchy

Hierarchy in design refers to the arrangement of elements in order of importance. The video discusses how layout design can establish a visual hierarchy, guiding the viewer's eye through the design and emphasizing key information. This is achieved through the strategic use of size, color, and positioning of elements.

💡Module

In the context of the video, a module refers to the individual sections created by a grid system, particularly in modular grids. Modules can be used to organize content and negative space within a layout, contributing to the overall structure and coherence of the design.

💡Repetition

Repetition in design involves the consistent use of certain elements or motifs throughout a layout to create a sense of unity and connection. The video explains how repetition can help establish a strong, balanced design by making separate areas feel interconnected and part of a cohesive composition.

💡Flow

Flow in design refers to the way the viewer's eye moves through the layout. The video script discusses the principle of flow as a method for directing the viewer's attention and keeping them engaged with the design. This can be achieved by creating 'pockets of interest' or using the layout to guide the viewer's journey.

💡Bleed

Bleed is a printing term that refers to the extension of an image or color to the very edge of the paper, leaving no white space around it. The video mentions being mindful of bleeds in print projects, which is important for ensuring that designs look their best when printed and trimmed.

💡Visual Journey

A visual journey is the path that a viewer's eye takes as they interact with a design. The video emphasizes the importance of guiding the viewer's eye through the design to ensure they consume the intended information. This is achieved through the strategic placement of focal points, areas of interest, and the use of white space.

💡Context

Context in design refers to the environment or situation in which a design will be viewed. The video script discusses how understanding the context of a design, such as its intended audience and medium, is crucial for making informed layout decisions. For example, a design for a business card will have different layout considerations than a design for a website.

Highlights

Establishing a grid is essential for layout design, providing order and structure.

Column grids are commonly used in magazines, brochures, and websites.

Modular grids incorporate both rows and columns, often with square modules.

Creating a hierarchy in design can be achieved through the use of square modules.

The rule of thirds and the golden ratio are advanced grid techniques.

Balancing a design can be achieved by choosing a single focal point.

A focal point is crucial for grabbing attention and guiding the viewer's journey.

Good white space is essential for a successful layout, providing clarity and structure.

Repetition in design helps create a connected and balanced composition.

Understanding the message and vibe of a design is crucial before starting the layout.

The context in which a design will be shown influences the layout decisions.

The purpose of the design dictates the layout strategy, such as informing or selling.

Space in design should be used to enhance visual hierarchy and prevent clutter.

Macro and micro white space have different impacts on design readability and aesthetics.

Passive and active white space play roles in legibility and guiding the viewer's path.

Visual movement in design is influenced by the shape of elements and subject matter.

Rudolph Arnheim's structural net theory suggests a natural path for the viewer's eye.

Visual tension can be created by disrupting the natural flow of the viewer's eye.

The theory of overall design composition direction can set a base emotion or feeling.

Transcripts

play00:00

from thinking outside of the box when it  comes to layout design to learning lesser  

play00:04

known theories about layout today's compilation  video is surely going to help you master layout  

play00:09

design in your designs so the first thing I'm  going to do is establish a grid for the layout  

play00:14

now of course you should know the dimensions  of your document so maybe it's A3 as an example  

play00:20

using a grid can inform the position of  different elements on your page and you're  

play00:25

going to create a connection between the  different elements that make up your design  

play00:28

this can provide a sense of order to your page  layout providing the reader or the viewer with  

play00:33

a clear structural reference to fall back on and  this also increases the success of your design  

play00:39

now the grid you use is entirely up to  you but here are some popular choices  

play00:44

now column grids utilize well pretty much  columns and they do this by creating areas that  

play00:50

run down the page or your design column grids are  typically used in magazines or brochures but also  

play00:56

a lot of websites incorporate them as well now in  layout design the areas that are in between the  

play01:02

horizontal flow lines or vertical lines are also  known as modules and these areas will be set up  

play01:08

for your content or your negative space more about  that later now modular grids are similar to column  

play01:15

grids apart from they have rows as well as the  columns that go down each module is often a square  

play01:21

in modular grids and you don't need to fill up all  of the squares in your modules again we're going  

play01:27

to see more about that later now modular grids  are very easy to apply to pretty much any design  

play01:34

so these are the two main grid systems  but there are many more and you can create  

play01:38

hierarchy by just using Square modules but of  course there are things like rule of thirds  

play01:43

or even the golden ratio but yeah you can use  any grid that fits your design but when you're  

play01:48

working on a print project you have to be  mindful of the bleeds and the margins as well  

play01:53

so once you have your grid let's move on to  the next stage you should have a good idea of  

play01:58

what your Design's message is or what you want the  design style to evoke that's all concluded in the  

play02:04

research phases that you should be doing today's  video is about laying those ideas out efficiently  

play02:10

so one of the most effective ways to provide  a sense of balance right out of the gates is  

play02:14

to choose a single focal point for your design  now a good example of a solid focal point is  

play02:20

the use of a large image as the biggest single  element or a large source of simple typography

play02:31

the focal point is going to be that thing that  pulls in the viewer to your design and that grabs  

play02:36

attention with a hook without a focal point  A Design Falls flat and is easily missed or  

play02:42

forgettable the focal point is where the viewer  starts the journey on your design but where did  

play02:49

you go after that initial attention grab so  we want to direct the viewer's eye around our  

play02:54

designs and that's because we want them to stay  with our work and then we want to lead them to  

play02:59

information that they should consume this can be  achieved by creating little pockets of interest on  

play03:05

your designs or you can use the principle of flow  good white space is crucial for a good layout and  

play03:11

white or empty space is actually a friend not to  enemy now it gives your design a room to Breeze  

play03:16

and it helps establish which groups of design  assets actually belong together not to mention  

play03:21

helping establish hierarchy and on this crude  downloadable template here we can use grids  

play03:26

to establish white space and I'm actually using a  modular grid system here which seems logical more  

play03:31

about space and layout later in today's video  a repetition can also provide a strong sense  

play03:37

of connected design balance to a composition  the idea is that by identifying and reusing a  

play03:43

motif or a design element throughout your design  layout can provide a reference for the reader so  

play03:49

that separate areas feel connected and are part  of the same overall composition so you can do  

play03:55

this by repeating shapes or symbols and areas of  your design or the method I really like to apply  

play03:59

is to use colors to connect different aspects  of my design together now we're going to learn  

play04:03

a few things about layout design that aren't  just the basics we're going to take things to  

play04:07

the next level with lesser known techniques and  approaches to layout design in graphic design  

play04:13

to start a design from scratch in regard to  layout we need to first ask what what is the  

play04:18

message allow me to explain with this design right  here this is a magazine cover designed for Wired  

play04:24

Magazine but what would you say is a message on  this design or the vibe well to me the message or  

play04:30

Vibe is about danger chaos and importantly a shock  Factor aimed at the audience now ask yourself this  

play04:37

question will a minimal and clean design Express  this message the answer is probably no a minimal  

play04:43

layout here wouldn't help give the impression of  chaos or destruction so instead a very radical  

play04:49

composition that is busy and chaotic has been used  on this magazine design now let's compare that to  

play04:56

this second design here the answer to the question  of what is the vibe or the message on this design  

play05:01

is of Health Simplicity and calmness the previous  layouts that was chaotic and disordered would not  

play05:08

be able to express the same sort of message on  this design right here so already in today's  

play05:13

video you can see that layout design is more than  just grids and guides but hey let's keep going  

play05:19

the next thing you want to do before designing  anything is ask yourself where is a design going  

play05:24

to be shown if your design is for a business card  then you need to be aware that the limited space  

play05:28

on the business card is what you have to work  with but if you are designing something for a  

play05:32

website things change again in terms of how you  will structure the composition because of the  

play05:37

size of your workspace how the audience views and  interacts with the design depends on the shape and  

play05:43

the size of the thing your design is going to be  put onto now that's very very important to keep  

play05:47

in mind the third question I can determine your  layout on a design is what is the purpose of the  

play05:53

design is it to inform somebody of an event or  something else or maybe is your design trying to  

play05:59

sell something like this design is right here you  see when you ask what is a design trying to do you  

play06:05

you can then make a very specific design decisions  in terms of your layouts this design wants to make  

play06:10

a sale so it first tries to grab the attention of  the viewer and it does this with a bold colorful  

play06:15

background and a focal point of the guy at the  very top then the designer wants to take the view  

play06:21

on a visual Journey down to the bottom of the  design where they click the shop now button and  

play06:26

a sale is clinched so the path to the button is  straightforward and is cleanly laid out however  

play06:33

if we take a look at this design we see things are  very different in terms of layouts this design is  

play06:38

trying to shock people into quitting smoking and  so the message needs to be very striking and very  

play06:43

stuck as a result the layout is very minimal  so the viewer gets the idea very easily and the  

play06:49

main focal point is highlighted really really  immensely the visual Journey or the direction  

play06:55

isn't as important here as the design is just  about shocking and some information the message  

play07:00

and reason behind the design are intertwined  as you can actually probably see so here are  

play07:05

a pair of meme sunglasses and we want to make  a design that advertises and showcases these in  

play07:11

a magazine so the first question is what is the  message or what is the vibe of this design well  

play07:17

I want to show off the sunglasses to the viewer  and the viewers are actually going to be younger  

play07:21

people considering the kind of product this is  so the vibe is going to be bold and pretty trendy  

play07:27

second question where is the design going to be  shown this design is going onto a single page of  

play07:33

a magazine and so with that in mind I'm thinking  of a downward Journey from top to bottom because  

play07:38

A4 is quite narrow lastly what do we want the  design to achieve well that's appreciation for  

play07:45

the sunglasses and a potential sale so I'm gonna  try and attract the viewers with the product at  

play07:51

the very top and so I've split the layout into two  halves a bright and bold color will play into the  

play07:57

current 2022 meme sector audience and then we can  lay the product into the section at quite a large  

play08:03

scale again this is the hero of the design it's  the focal point so I want people to be attracted  

play08:08

to this area and this is also where people are  going to start their Journey at the very top  

play08:11

of the page we also can take into consideration  the bleed or padding of our composition but these  

play08:18

are more technical layout matters that have been  discussed in previous videos here at photographics  

play08:23

but next to continue the bright color scheme  that's going to appeal to the younger Generations  

play08:27

who are into this kind of product I have  three shapes here that continue the downward  

play08:32

moving layouts and within those squares the text  content I give some selling points to the product  

play08:38

and then lastly at the bottom with a viewer  finishes their Journey the trigger or call to  

play08:43

action that's going to encourage people to want a  product even more and below that it's the traffic  

play08:48

destination information that will actually drive  the people away from the magazine to the website  

play08:53

because this design is selling something  I wanted to keep it minimal and open to  

play08:58

make sure the product is obvious and then  also the call to action is just as obvious  

play09:03

as you can see knowing the viable the message  where the design is going to be used and what the  

play09:08

intention of the design is really can dictate  Your Design layouts like I said before space  

play09:14

is insanely important when it comes to layout  design and so we're going to learn some really  

play09:19

cool techniques and a few tips when it comes to  using that space on your designs I'm sure most  

play09:24

of us know about white space and negative space  in graphic design but do you get confused or lost  

play09:29

when it comes to actually applying these things  to your designs in real time and we're going to  

play09:34

be looking at design principle of space so we can  end up with beautiful designs that wow clients  

play09:40

so before we look at some real life examples  it's important to understand the benefits of  

play09:45

mastering space in your designs firstly if you  utilize a space properly it's going to enhance a  

play09:52

visual hierarchy which is another very important  principle in the communication of your design  

play09:57

secondly space prevents your designs  from being cluttered and cramped that's  

play10:03

not something you want in your designs space  Also simply adds style and elegance to your  

play10:09

designs if done correctly and that's  what we're going to talk about soon  

play10:14

but also when used correctly space Also  emphasizes bonds between visual elements  

play10:19

essentially it just enhances proximity this is  useful for allowing your designers to make sense  

play10:26

when designing something in regard to the use of  space firstly ask yourself what is the content  

play10:32

you're working with what has the clients given  you it's important to distinguish between macro  

play10:38

web space and micro white space at this point  macro web space is the large expanse areas of  

play10:45

nothingness that exists on your design whereas  the micro white space are the areas of smaller  

play10:50

sections of nothingness between lines of text  paragraphs of text and closely packed together  

play10:55

design objects for example if you're working  on a design where a client is giving you Reams  

play11:01

and rooms of text to work with you're not  going to be focusing much on macro white  

play11:06

space simply because you don't have much  of it to work with your whole vision and  

play11:12

approach for that design should then shift  to focusing on using more micro white space  

play11:17

effectively however you will still have elements  of macro white space to consider albeit a lot less

play11:24

now if you find yourself in a situation on a  project where you're able to work with both  

play11:28

micro and macro white space it's important  to consider the message of the design and  

play11:34

also the target audience you want to find  the right balance of micro and macro wet  

play11:39

space for targeted people who'll be viewing  it if the design is a poster targeting mainly  

play11:45

young business professionals who will  view the design whilst briskly walking  

play11:48

along the subway to work you want to tip the  balance towards using more macro white space  

play11:56

this is so your design remains easy to  digest and recognizable at a first glance  

play12:01

having lots of macro white space will just create  emphasis and hierarchy on the focal point making  

play12:07

the design more noticeable one rule of thumb  that you can use is that more macro wet space can  

play12:14

suggest minimalism modernity and luxury while if  the balance is shifted more to microwave space the  

play12:21

design can be seen as more informative and serious  things do go deeper than just macro and micro wet  

play12:29

space however we can enhance our designs with the  use of passive white space and active white space

play12:37

passive white space refers to the microwave space  that helps legibility and the Aesthetics of our  

play12:42

layouts that is without guiding the view in terms  of structure and viewing order active web space  

play12:48

on the other hand relates to helping the viewer  move through your designs in order and structure  

play12:54

if we take a look at this example of a paragraph  this design has poor use of microwave space it's  

play13:01

essentially just not even that legible if  we add in some passive white space we can  

play13:07

now read it properly and the viewer has more of  a pleasant experience but we can go further and  

play13:13

apply active white space to control the order  and the movement of the reading experience  

play13:18

things are now broken down into digestible chunks  which helps the viewer move between each part  

play13:23

of the design easily and this ensures they will  remain on your design for a longer periods of time  

play13:30

to summarize when considering the use of  space on your designs it should always be  

play13:36

legible whatever you're designing also unless  they're brief specifically calls for it you  

play13:42

don't want the viewer to feel cramped and  have a tough time navigating Your Design  

play13:45

you then need to consider the balance of micro  and also macro white space that you're going  

play13:51

to use things that determine this are the  message of your design the content given  

play13:56

by the clients the target audience and the  context of the design in real life situations

play14:03

use space to enhance other principles such as  hierarchy and proximity and then lastly consider  

play14:09

passive and active white spaces if you didn't  actually fully understand all of today's video  

play14:15

go back and watch it again so you can fully digest  the content also look for white space in existing  

play14:22

designs and how they're being used is the white  space there to guide a viewer around the design  

play14:27

is it used to help things be more legible so let's  dive into some theories that are actually attached  

play14:32

to layer design and these are really important  for you to build constructive and effective  

play14:36

layouts in your projects I bet you've heard the  graphic design principles of contrast hierarchy  

play14:42

and so on what about visual tension or Rudolph  arnheim's structural net and today you can learn  

play14:48

all about some lesser known theories and you will  see just how hugely powerful they can be to you as  

play14:54

a graphic designer one thing that took me a long  time to understand the importance of was the four  

play14:59

main aspects of visual movement after all people  do engage with our designs using their eyes being  

play15:05

able to set up a design where you actively take  the audience on a journey is a master skill and  

play15:11

it does go deeper than you think the four aspects  of this are movement shape of element structure  

play15:19

and subject matter yes this might seem a tiny bit  confusing or technical but trust me we're going to  

play15:26

look at some real life examples in today's video  let's look at shape of element first this is where  

play15:32

a designer purposely uses a specific shape one  design that has an Axis or Line running through  

play15:38

it and is carried through the entire shape this  causes the viewer to actually follow it along the  

play15:43

design on this website here you can see that the  beige peachy rectangle is actually carrying the  

play15:49

viewer's eye along it and then to the information  on the left this isn't a mistake it's actually a  

play15:55

carefully planned out then we have this poster  here the design has added red slanted rectangles  

play16:01

that mirror the viewer's eye as it goes from the  top left across and down the design to the right  

play16:06

basically the designer has laid out a path for  the viewer to go along visually speaking and they  

play16:13

will do that subconsciously because going against  it will just feel uncomfortable the second point  

play16:17

is subject matter which is pretty similar to  shape of elements but it's more about visual  

play16:23

cues think of fingers pointing or fists punching  or eyes looking in One Direction as seen here on  

play16:30

this poster the arm is directing the attention  up towards the bird and on this website here  

play16:36

this woman's hand is literally directing  attention to the main bit of information  

play16:42

but what about the third Point movement so  on a design you can have design elements that  

play16:48

work together to create a sense of movement an  example is this poster where various different  

play16:52

shapes create a sense of movement upward and  then the fourth one we mentioned structure this  

play16:58

is where Rudolph arnheim's structural net comes  into play it sounds pretty weird I know but the  

play17:04

theory suggests that every canvas has a structure  even before Design Elements and assets go onto it  

play17:10

crazy maybe but let's take a look at this in more  depth the structure starts with a point of focus  

play17:17

centrally so however the theory suggests that it's  a tiny bit higher than the exact center and this  

play17:24

is where most eyes will just naturally land then  we have the axes that run from corner to corner  

play17:30

and the points along these axes that are actually  midway between the center and the corners also  

play17:35

attract attention these Midway points can then  be connected with a vertical and horizontal line  

play17:42

lines which create additional axes of visual Force  so according to Rudolph and his theory the eyes  

play17:49

will actually follow these paths and they will  actually land on the points of interest or Focus  

play17:55

you may very well be able to see this in action  in real life and when you do start thinking about  

play18:00

this you begin to see designs very differently  indeed the next theory that is lesser known among  

play18:06

graphic designers is visual tension like with  a lot of theories in today's video you won't  

play18:12

see them on every single design and sometimes  designers do them without even realizing however  

play18:18

they are very easy to get wrong and we're soon  going to see just that in action but yeah visual  

play18:23

tension can be thought of as anxiety or just  visual anxiety it can be achieved when design  

play18:30

elements are positioned alongside each other that  disrupt The viewer's Experience now you can think  

play18:35

of this as creating this harmony to Rudolph's  structural Nets and that's where Design Elements  

play18:40

totally go against the channels or paths so that  you theorizes looking on this website design here  

play18:45

we can see multiple elements that come together  and point to random places on a design it just  

play18:51

looks simply unorganized and uncomfortable to  look at simply because it's disregarding those  

play18:57

paths that we just saw instead we can remove  a random movement and direction from shapes  

play19:02

pointing in all directions and create one solid  point of focus like on the second design here  

play19:09

now here's a very simple and effective but  forgotten about Theory the theory of overall  

play19:15

design composition Direction these three main  directions for a composition can be horizontal  

play19:20

vertical or diagonal horizontal compositions are  more calming and stable now I don't mean kind of  

play19:28

landscape designs I just mean the directional  movement of the design layout then vertical  

play19:32

designs are good to show balance and boldness and  alertness then finally the diagonal compositions  

play19:39

will help to suggest the movement and action we  can see here on this first design how everything  

play19:44

just feels calm and still the directional movement  of the design as a whole is horizontal and then  

play19:50

for the second compositional layout we have  vertical here we see more vertical direction  

play19:56

of the form with some slight diagonals with the  red strike marks on the left the design seems  

play20:02

more bold more striking and impacting then finally  the diagonal design notice also how this brochure  

play20:08

has used the Satori color of yellowy orange and  that's a typical color for action and movement  

play20:15

it's no coincidence that the diagonal layout is  matched to this it's kind of like a double whammy  

play20:21

of psychological traits on this design as you  should be aware of now movement is a powerful  

play20:26

tool not only to direct a viewer around your  design but also to make them feel comfortable or  

play20:31

uncomfortable depending on what you want them to  feel but as we've just seen it's possible also to  

play20:37

set a base feeling or emotion simply by looking  at the layout and directional movement of your  

play20:42

composition never ever underestimate the power of  this stuff now layer design is really important  

play20:48

but it's pretty useless if you don't Master  these five principles in graphic design to learn  

play20:53

more just click that video on screen and until  next time guys design your future today peace

play21:01

foreign

Rate This

5.0 / 5 (0 votes)

الوسوم ذات الصلة
Layout DesignGraphic DesignDesign PrinciplesVisual HierarchyWhite SpaceFocal PointsGrid SystemsDesign BalanceCompositional LayoutVisual Movement
هل تحتاج إلى تلخيص باللغة الإنجليزية؟