In order to understand the secrets of composition for graphic design you first need to understand how powerful layouts can be.
These are the first steps for you to master this greatly important fundamentals of graphic design. Just like a good architect, if you have a good understanding of the laws of physics, composition, and human perceptions you are going to be able to create more impactful and well-designed outcomes.
Timestamps:
· Intro 0:22
· Examples 0:44
· What makes a good layout? 1:34
· Trick Number 1 2:14
· Trick Number 2 7:42
· Exercises 13:47
Watch every video of the Free Web Design course here: https://www.youtube.com/playlist?list=PLXC_gcsKLD6n7p6tHPBxsKjN5hA_quaPI
Learn how to build custom websites with Webflow FAST:
https://bit.ly/WebflowWebclass2020
–
Find me on other social media platforms:
Instagram: https://www.instagram.com/ransegall/
Twitter: http://twitter.com/ransegall
LinkedIn: https://www.linkedin.com/in/ran-segall-0b582a33/
–
Gear & Book Recommendations: http://bit.ly/2ohFOuj
#FreeWebDesignCourse #webdesign #freelancer
Thanks for watching the video INTRO TO LAYOUT: Free Web Design Course 2020 | Episode 6
source
what is the shortcut of copying the same rectangle over and over
But which software is this?
Sooo Good👍
Clarity and Hierarchy, absolutely.
thank you very much for this course
Thank you for this video!
This was really detailed, clear and easy to follow. Most importantly — had information that is not easily found on the web.
keep up the amazing work 🙂
Actually the 3 sized things didn't work how you had it. The web page did not look balanced. There was you taking up 2/4 of the page but your 2nd most important thing (the biger text) was center left, leaving a big gap on the top left. Basic photography you usually try to balance a photo with something in each 1/4. So the second object should have been in the top left 1/4 to balance the photo as a blank 1/4 makes people eyes go to it.
GREAT vid, hombre.
Learned something even more fundamental than big-medium-small or grid positioning. I learned to separate layout design from web page coding. Doing this – and not with a HTML/CSS building graphic tool like Bootstrap Studio but with a purely layout design tool like Canva – I lose no time building HTML and CSS for a page I may ultimately dislike.
I'll be back for more layout education.
Thank you, very useful
I am 70 yrs and into website building. For beginners it is very useful. But it thoughtful for you to have selected the topic. Thanks Ran!
Thank you so much for this Ran
layout = 123 + thanks
Thanks for the size hierarchy tip!
I search for the First Web example, the green hotels paris 13. and I belive that your review help them 'cause it looks a little bit different now. They remove a lot of the messy stuff thank to you i guess 😀
idk if its just me but when you say words with a (S) the hissing sound is very annoying and it hurts my ears lol u should get a a pop filter or do some editing to mic audio in future videos
Thanks Ran i appreciate your effort. This tutorial on web design is really helpful. Many thanks
Is there a video in this series that explains how to design for responsive web? I'm trying to look for one, but I don't see it.
Thanks you sir, it is sooooooo informative………………..
Sir, which software you are using for screen capturing? 13:09
amigo everything that comes out of your mouth is pure gold
By the way, I find a little difficult to read your Slides! I believe I got the idea (from Starwars), but its little distracting from the content and of course the Title is not what catches my attention, and I quickly forget what it is all about! But at the end I really appreciate your insights in this subject matter. Thanks for sharing!
You talk a lot but say almost nothing!
coming close to 300k
Thank you Ran, this is amazing!
Thank you so much for this dude. love it
This is a great chanal for frontend web developer.
Hey, can you tell me what keys do you use to adjust the margin of the columns. As soon as I press the arrow key up and down, it shifts from the left-right margin selection to the single left margin and starts adjusting the margin towards the left side. Thanks for the help.
Thanks
0:17:
I think I've heard from somewhere before that this is a website design discipline.
Messy websites that were intended to be messy just like how there is maximalism and minimalism.
I new to ront-end web development and these sessions are golden bro. Well explained!
really thankful to you for teaching a layouts in a wonderful ways
"Number 1, number 2, number 3" on repeat.
very very helpful class for me .. Thank you so much…for your class…