minimalist book design This is a topic that many people are looking for. diane-kruger.net is a channel providing useful information about learning, life, digital marketing and online courses …. it will help you have an overview and solid multi-faceted knowledge . Today, diane-kruger.net would like to introduce to you 6 Golden Rules Of Layout Design You MUST OBEY – YouTube. Following along are instructions in the video below:
“Today s a toy graphics graphic design tutorial i m gonna teach you the golden golden rules of layout design so you can make professional and effective graphic designers so back to the toy graphics. And in the first and golden rule for layout design. We re going to take a look at negative space. Which is sometimes referred to as white space.
Now this simply is just the areas on your design. They re not taking up by actual design assets or graphics. It can be used to separate sections of your design define certain areas and also allow your design to have room to breathe now in the first design. I ve made sure to make some common mistakes that designers do embark on and that is to try and fill out the negative space.
As much as possible by scaling up my text at the bottom. Here also i ve used a layer of sort to fill the top half. Now doing this makes the design appear too busy and unorganized having a clear separation. Allows the viewer to look at the design more comfortably and also obtain the information very very easily.
But let s take a deeper look at my revision so firstly the logo is neatly added in the top left. And it doesn t fight for attention and evil crowd the design. The blue area is left with a lot of negative space. Which does look neat and also organized below that the text is still legible when printed out on an a4 document yet.
There is a lot of space to the bottom rights. Which gives the design and the text some more room to breathe allowing your design to have negative space. Like this clearly creates areas for specific parts of your design. And this makes a viewer feel more at ease.
When viewing your design and trying to gather the information from the design itself so finally. The design uses negative space to create the shapes and going diagonally from the top right to the bottom left so be sure to pay a close attention to the negative space on your graphic designs just as much as the actual graphics themselves. If not more so negative space in local designing is often strictly around optical illusions and creating shapes with negative space. If you want to see more about negative space and local designs.
I have a video linked at the end of this one. But secondly we re now moving on to why proximity is such an important aspect of layout design and proximity basically suggests that design elements that are linked in some way. Or have a relationship should be grouped together aspects of your design. That do not have a link or a relationship should not be linked together in most cases.
When used correctly. Proximity will structure your design as well as indicate to the viewer certain cues. And information. So.
Here is a landing page design and firstly. You can see a clear divide from the left to the right the right section here basically has the illustrative artwork displaying context to the design itself you will not find any key information or call to action buttons. Here aside from the toolbar at the top of course now on the left hand side the title and the text content is grouped together in a neat manner using good use of proximity now below that there is a call to action. Which has its own space and is left alone.
Which basically frees it up to make it easier to be seen by the viewer. And thus clicked and finally all of the social media icons are below in their own groove on this left. Hand side. We have three different groups that all use needs and valid.
Proximity proximity and negative space. Do have a connection and both should be taking into account when designing something in terms of the layouts. My repetition is a key aspects of not only layout design. But just graphic design in general it helps.
The design have more continuous theme or look. And feel repetition can be seen in things like the color scheme used throughout your design or the use of similar shapes and graphics. And here is another landing page design. And what kind of repetition can you see in this example.
Now firstly the most striking thing probably would be the color scheme. The color scheme is seen throughout the entire design from the illustrations into the typography and even the call to action button also in the design. You noticed that this style of the illustrations and the graphics are of the same kind of style throughout. You don t randomly see a gradient style or 3d.
Graphic. The illustrations are flat and somewhat rustic in nature all themed around the topic of travel repetition is not just about using the same graphics throughout. But think about the same use of typeface. The same use of color and the same style in general.
This will unify your design and make things flow and appear more professional as a whole the next golden rule for layout design is contrast and this is something i ve mentioned before in this channel. But let s take a quick look to reaffirm the understanding and the importance of it contrast simply refers to two design elements or aspects that are different in appearance in nature to create contrast you can experiment with color typeface shape and size contrast is very useful for creating a focal point as well as giving objects greater visual weight and balancing the image. The first aspect of this design that utilizes contrast is the typography at the very top now. I have the word satori in a thicker version of the typeface as opposed to the type.
Saying graphics. This creates interest in the visual aspect of the title and the next use of contrast is the bottom text. Here. And this is where the use of red and black is seen.
Which are two contrasting colors as well as again having different thicknesses in a typography itself and in terms of shape. The cellular icons at the bottom are a contrast to the straight edge line shapes. And i found elsewhere in the design. Giving them intrigue and a chance to stand out to the viewer the actual image in the middle of the design is slanted on a tilt.
Which is a stark contrast to the level straight lines that are horizontal and found throughout the rest of the design and of course finally the entire design utilizes a. Very contrasting color scheme of black and red and also ye thrown into the mix contrast is a great way to create interest and intrigue on your designs. But also it grabs attention and it directs the viewers eye onto certain aspects of your design. Now the penultimate golden rule for layout design is alignment in graphic design.
We should always be mindful of alignment. If it s for texts for imagery or design elements in general you should always look to align your work professionally and not make the rookie mistake of neglecting alignment on my example the first port of alignment is the future text in the central focal points. Now you can draw a vertical line and see that this text is centered properly and next to the bottom. The text.
Information is situated neatly along a horizontal line and away from the print edge by a decent amount of space and this is to keep the design neat and visually appealing now also running up the left and the right hand edge. I ve adjusted things so. That the linear graphic in the background. Now levels up to these text contents on the sides.
However. The white circle with a price tag and i ve left this not aligned properly. And this is to make it stand out more. It s okay to break the rules in some sense as long as the majority of your design does follow the basic layout rules the design is still aligned well despite the price tag of being the odd one out.
And that s just another form of contrasts. The last and golden rule of layout design is to use focal points. And i ve touched upon focal points. Many times in the past so i m not going to go to detail today.
However. A focal point is used on a design to a pinpoint the start of a viewers journey. And it s the main hot spot to grab attention and to lure them into your design itself. It s almost like a kind of paint.
If you want to think of it that way now a focal point can be a shape. It can be an image or even just typography itself and on this example. Here. What do you deem to be the main focal point of interest firstly.
It s a stark contrast in terms of color. It s a dark blue set against a color scheme of oranges and yellows. Which are the complementary colors and the total opposites in the color wheel also as a design asset. It s very large taking up a lot of space on the design.
I notice how the wing itself is pointing to the title and the text in the sense. Which again demonstrates how the viewers can be directed and controlled you start looking at the wing at the bottom. And then you move your eyesight up to the words. The text.
This is a classic use of focal points in graphic design. So just remember focal points are areas of dominance. And they do not have to be the main dominant feature focal points. Our areas of interest emphasis or a difference.
Within a composition that capture or hold the viewers attention. So that was today s golden rules of layout design and there is another one that i could have thrown in there. And that is hierarchy and i did use hierarchy a lot in my graphic designs. But i ve touched upon that so many times.
I didn t add it in today. But yeah if you want to keep learning essential skills as a graphic designer make sure to subscribe to my channel for weekly graphic. Design content and of course until next. Time.
Have a great day and design your future today peace ” ..
Thank you for watching all the articles on the topic 6 Golden Rules Of Layout Design You MUST OBEY – YouTube. All shares of diane-kruger.net are very good. We hope you are satisfied with the article. For any questions, please leave a comment below. Hopefully you guys support our website even more.
Do you know and follow these 6 GOLDEN RULES for layout design? I m going to demonstrate these rules that every designer should follow, and also show you why they are so crucial within layout and graphic design.
I do have a few golden rule type videos on this channel, and today we delve into the precise and elegant world of layout design. Layout design is a neat and tidy sector of graphic design, but all of these golden rules can be carried over into other aspects of graphic design. I take you through each of the 6 rules in todays tutorial, show you what they mean and where they are used, as well as why they are important to adhere to.
If you would like to see more videos geared towards layout design, or similar subjects for that matter, please do let me know. Also if you dig these golden rule video tutorials, then also let me know and I will make more of them in the future on this channel.
If you found todays layout design video enjoyable or useful, let me know in the comments section and drop a like on your way out. Subscribe to stay updated to all of my uploads and until next time, design your future today, peace
Do you want me to critique and offer professional feedback on one of your projects?
JOIN MY EMAIL LIST For Weekly Updates u0026 Exclusive Content:
SUBSCRIBE TO MY CHANNEL
Lets connect on LInkedIn!https://www.linkedin.com/in/thomas-cargill-4002a8188/
Join Me On Twitter!
Here s My Instagram!
7 FREE SCRIPTS FOR ILLUSTRATOR:
My LONGEST ever tutorial on an isometric design
Create JAW-DROPPING design by using graphic design principles
***************** MUSIC *****************
JULIAN AVILA – Take Care / Pineapple Paradise /VIBE / BIMMER
The work is protected by copyright. This is applied to the video recording of itself as well as all artistic aspects including special protection on the final outcome. Legal steps will have to be taken if copyright is breeched. Music is used from the YouTube audio library and thus copyright free music.
https://www.freepik.com/free-photos-vectors/business Business vector created by freepik – www.freepik.com
https://www.freepik.com/free-photos-vectors/design Design vector created by freepik – www.freepik.com
https://www.freepik.com/free-photos-vectors/business Business vector created by freepik – www.freepik.com
https://www.freepik.com/free-photos-vectors/brochure Brochure vector created by new7ducks – www.freepik.com
https://www.freepik.com/free-photos-vectors/brochure Brochure vector created by freepik – www.freepik.com
layout design, layout design in illustrator, layout design rules, layout design tips, graphic design layout ideas, graphic design layout tutorial, graphic de…