Transcript for:
The 70/30 Rule in Design

let me talk and explain to you what is 7030 you might know it as rule of thir to me the most I pleasing ratio you can have in your design composition everything and if you want to know why is it C3 it was scientific Pro proven that uh it was 66 to 33 which is you know um too f and 13 is the most ey pleasing to our human brain ratio that we can have in nature in design and I agree with that because when I see things that are not you know evenly distributed evenly if you have a drawing that has you know lines that are even like it would get boring to me at least so this is way more to me this one is way more interesting than the right one and my favorite example of it is from alexel introduction to design Bas I think and it's about a square na rectangle because to me rectangle is way more in interesting as a shape because if you look at the square we have those edges that are evenly size and there's nothing wrong with something being evenly sized but if you're are trying to create something I pleasing something that looks good to me you should for the most part try for 703 or something that is bigger and something that is smaller because 7030 is not something that we have to follow it's not a rule it's just a guideline and I want for people to learn it and to do it you know subconsciously because if they do if they do it their design will way better that said this is Art this is design so it's not that technical of a job you could say there's a lot of emotions you can put and I know a lot of artists that just create and I cannot explain in words how they did it because it's not about that um like too bad at design is just it's impossible to explain magic in in wordss it is impossible to explain emotions in words so that said I still want want you to learn it so let's get um going shall we um so we have here something that is less something that is more we can also split this rectangle whoops in two parts and if we split evenly soal 50/50 it's boring to me so I won't be doing that what I would rather do is split it like that um let me go back and to me the right one is way more interesting I'm not sure about true but I I just don't like 50/50 I should stop saying 50/50 and how we can go further into the dividing the shapes we can divide into two chunks into three four five and the most important thing is we have something smaller and something bigger so we have this bigger and this smaller the next thing we can do is actually get rid of this thing and we can split into three parts a lot of people call it Big medium and small and how I would do do it is go to the 70 Mark put a divider and put a another one so we have this big part the smaller one and this medium one and it's way more cooler you could say and we can also add our detail here or we canot deter here DET on the hor medium and small side and we can add more detail here it's way more interesting compared to sorry that be square light are not there sop land free pass that's boring would say there are some you uses for that but it's more advanced so I don't to to be confused um now I will go over some of other artist works I hope they don't mind that um use their Works to teach other people and you will always see their um R station tag or or the name in the on the site basically so I hope they don't mind that too um the first is about Emerson tank is the art director at ID software and he's using the ru of first to me in that way he's splitting the images in those chunks um chunks of details the if something is really near to us it has a lot of details here and if I were to split this image i' would probably do something like I don't know like this we have this area of detail and and we have this area of less detail we because we go into the distance and this works really well to sell the scale of this whole image of this whole illustration and it's also a good reminder that you need a lot of scale to sell a big designs like this because those are really big T really walls and the more we go into the distance you you can see that the more he simplifies it you cannot even distinguish this that's the wrong thing this like change of angles that is happening here it is not there other one would be sure I haven't bu myself come back um I like this image because have something really stretched out in the proportion and you can see that Thomas he put this lady in the like left um half of the image because he knows the ru of F and it's the same as 703 the same with that Moon and if you look closely use that 7030 to divide the image into this blue part that is the big part and this smaller part that is this gray one and to me that was intentional to create a nice image and you can apply it to even something like that as colors details where to put your characters I hope it's um making sense another um illustration con about key frame stuff again we have something not in the middle because you know it will be boring in my opinion although there there are a lot of uses to put put a character in the middle I'll go them later and you can see that we have how to say a lot of this red space here this one this red space then we get those characters and if you look closely those characters and this crate then they don't cover 50/50 of this R door frame they cover mostly like 30 40 maybe uh but there's contrast you know we can use contrast of shapes and we can use contrast of colors value so we have something really dark in the really bright environment so it will stand out it's the same as if you had um something like this red square and then we have this this te thing and it's like different size of course would stand out um compared to if you got this same size you you probably don't know which one is more important it's really hard to tell but if you do that we at least know that something is bigger and something small I don't want to say that something is more important because when I was learning I didn't answer which one is more important so I still don't get which one is more important there's not enough data for me to understand data I mean like um details shapes like even brush shs if this if this circle was made from this like different brass shs I would understand that this is more important because the arst spend more time rendering it okay you could also say that this is kind of a smaller and this um three being is bigger you you you could go and say that um I don't know I don't want to like stretch the boundary of what's intentional on what's not because I seen a lot of people do that I seen a lot of people make those essays on like movies and they and they were going into the details and the details really kind of a [ __ ] to me so I don't I don't want to do that I I I want to point out the obvious stuff because in the end it's art so there's lot of stuff that is made unconsciously another painting by let me get the software by feather and you could say that this is in the middle I would say that's fine I don't mind it at all because I don't like the shapes in this image like so we have this small thing and then we have this medium thing then this bigger medium thing and this and we have this big thing so there is hierarchy we have something smaller and something bigger which is to me a 7030 and can we break out this even more of course we can we have this smaller one and we have this bigger one and uh if you look at this illustration not um not a single this snowball looks the same as the other one so we have this bigger one this smaller one this kind of bigger one smaller and the they look different right because that was the int intention to make this I pleasing basically uh another thing we can go further um at this time I I don't feel like that's like stretching the thing have this medium one smaller one and this big one which makes sense to me really nice um again this one by frry robots yeah oh you can say you can see sorry it's not in the middle because it was [Music] inal I don't know I don't know how to use this software sorry so we have those eyes on the you know upper F where to split it it would be on this line make arrow on this line can I say anything more I want to say more about this image but I'm not sure if that was intentional but I will say it either way we have those negative spaces as you can see line it's fine we this really big one this medium one smaller one and smaller one and to me it's nice because really I pleasing of gools and I know that no actually the he does it well he does the SH of his renders really well um if you make vehicles I already advise for you to study him so let's go his work and I really like this one the last one here that's my favorite one that's because there's a lot of tiny sh Stranges here um and there's you know like this is really nice this like bigger part this like a smaller part and you know this part is like sped the 70 you know there's a lot of nuances to his work I would say and I have never seen someone did a such a good job um on it you could even say here but I don't want to stretch that okay and there is a example where I like that this is 5050 and that's because um the intention of this image was to create something really disturbing something that looks unnatural and to me this arst I I won't pronounce I have no idea to say this s he did amazing job in my opinion because this 50/50 to me is unnatural even in the um nature is really out of place to have some 50/50 you don't see stuff looking really evenly for the most part obviously and this line in the middle L emphasizes that this something unnatural because P of I never seen people with boots like that those Circle boots never seen them other than that this P um this looks really unnatural because I can tell that those um girls are not the group of friends because friends don't POS like like that so there I don't know maybe someone or something posess them to PO like that I'm not I'm not sure it makes me really invested in the whole image in there let's see the sketch um we could say that the dark is the biggest one the wi is medium one and like red is smaller one to me it's it doesn't work like that in this tion it's not about the colors but most have the gesture of the people in there and the composition now with Thomas work I I really love his stuff because it's really unique and I never seen someone design like he's designing let me grab a few words of his that will work this one is great let's take this one um let's start with this I first picked the first thing would be the legs are the big the big proportions then we have this Gro area I I'm sure how to call it and then we have this whole chest which is medium I would add this arm to the to the legs basically because the value the color is kind of gray so they fit and they are limb so and another thing would be the material I think this is like a um clo sorry for the update um this is like clove this looks like a clove too and as you can see for the most part he doesn't put the details on the m in the middle you know in this area there's not a lot of details as you would see here there's AO details here and here there something there but on the legs is mostly on the Fe area and and where like things meet here so you know and on the on the like her arm the wrist out of details then there is detail here so he puts details when things made basically in this case which makes it really nice looking the next one would be this um it's the same is mostly about how he adds details with things M here things M here this shoulder me this backpack again the wrist area the pipes um I would say in this case this area is detail because I I think I might be completely wrong in most animals the belly is the most vulnerable for the most part the most vulnerable um part of the body where there out of um organs so if you attack it and you damage it it will pretty badly hurt um and the neck is really what's it called vable because we have this really big Bain that's my work that I want to go later okay um maybe some guns because a lot of people love guns and this is made by Ben botton I love I love his design talks and videos so be sure to check it out um the first thing perfect we get it we have this two colors that really stands out this um beige this really I don't know Brown this light brown and this then there's this black metal and for the most part you can say that they're really grouped in non same size grouped so we have this barrel and this sculped area which is the biggest one in the whole image then we have this I would say this mug is kind of bigger and and and kind of more bald be because this Edge is really evenly sized which is not bad obviously I'm not trying to say that and on the stock it's really like not flimsy but really thin really thin this area is really thin from this angle so it looks like it has less visual importance so this would be smaller one and this would be I'm sorry this would be medium and this would be smaller and I really advise for anyone want to go over designs at least few in the beginnings do over paints because nowadays I don't do that on paper in like Photoshop I mostly do it in my head I can measure stuff by eye you know measuring is really important as a designer as a artist in my opinion because first you can copy stuff better from you know observation I'm not so like hot about that I don't pretty much care about it but it really has your line work because you make better lines your your line r is better your proportions are better you make more more interesting shapes form so on so on and your composition is better I'm sorry oops I T my microphone I really advise that then we care those smaller you know trigger um fire select selected fire selection I'm not sure how to say it in English but they don't matter that much because what's really important for me is something that you see from really Zoom uh position if you took it to G Studio like this and we zoom out we can see mostly three colors I three to four colors what I means that you can see this green kind of and we can see this um those Amo those shells kind of on top of the the B the black one and I really like advice for people to zoom out and see their your own design and FP the canvas that's important you can do it in blender to F flip horizontally to that's the and and as you can see even if we if we flip the angle this magazine and this um that's the stock area they they kind of are similar size I don't mind doesn't matter that much sometimes you have to understand that it's really hard to avoid evenness and what I like about this one is that we have this detailed area inside this vehicle basically the whole object as a whole we we have this area that is really detailed and area that's less detailed but has out lot of groups of details that's too many details probably for me to say uh what what I'm trying to say is that your level of detail is kind of relative in the whole design so if we have bolts here every like one 10 cm it will be pretty detailed but if we compare to this area which has way more bolts this one would be way more important because there is more detail relative to this and colors are relative of course because they're phick this is relative size is relative if we have just face if we have person like so that is I don't know 6 feet that's 2 m um two 2 m tall and we have a person that is also 6'2 M you wouldn't know if they are really not tall maybe from proportion but you not a lot of people like realize that um different heights have different proportion but if you have a person that is I don't know that would be like 5T 160 you oh this person is much more bigger than the the right one and that's basically it you know the it's relative your size of of detail shapes compared to the rest um so let's get back to this one we have this glass part and then we have this you know this whole shape be cut into this you know um smaller part and this bigger part people could say that this is kind of even I agree but you know it's you have to work with something and that something is a human that has to go through this door so might be impossible to get rid of and the next thing would be Alex called Mr Alex plasticity let's see it's and what I really like about this one is that there is a lot of you know realistic forms he's kind of like one of the best at it and his shapes are really well placed and really like thoughtfully made this one is smaller than this really long piece and I I would treat this piece as a big one so we have this really small one this medium one and this big one and they you know cut into like different pieces of this one being like this functional part and so on and we have this um comparison of this really detailed area that is here this like less detailed area here and you know that like the D area is smaller because it takes more visual weight to this like you know this big area that has no detail almost no detail at all I mean it has detail but compared to this antenna area it's very smaller now the back view is the same I would say you know we divide this um line into you know 70 30 because at freezing and you know we have contr Z doesn't work that's okay have this big part the smaller part this medium part this again medium part and this bottom that is medium so we have stuff that is not the same size and then he brings the functionality in it so if you are designing a radio a pistol I highly recommend for you to start in 2D assign your colors then go in there and add the function unless you're doing really functionally leading design that's not the right term uh what what I'm trying to say if if you have to figure out the function first figure out the function first then go into the looks I do that a lot another design by John Wallen Liberto I of his paintings and as you can see even this this is basically a cind there you could say it's split into those chunks that are not the same size actually I will take this to clip studio so it's easier for me to go over and you see none of those colored things are the same size so this red one is smaller than the blue one and then this gray one is bigger than both of them because if we oops if we were to spit this thing um basically a golden RTI I think I'm might be completely wrong about what golden R is but I see to people like subdivide like that so we get way more smaller and smaller we just divide by two and I don't like that because it's if you combine this with and this wh is even and looks kind of weird because you actually don't understand which part is important in this case in this spaceship to me it's the red one and the blue one because red one is in important color for most like mechanic stuff even this one blue blue is so too because blue is a color and most mean IAL stuff are gray dark why because metal is like that so you know that's why and we have details here so you know we have details running across the the the blue one the red one and a bit of gray one so it's really important that the red one is important as a weird way to say it but um the red one is important because the def goes through the whole red it might be like stretching the line or whatever you say it um but that's what I'm going to say same same thing here we have this white part and this I would say that this is the um spittage of this form because you could say that there's a black part here I would say yes but to me this part is the part this this part is the part of the cylinder because it's rounded and looks like cylinder so it belongs to the cylinder family of shapes that was hard to explain again this is smaller is smaller this is bigger but in the grand scheme of things this is actually medium and this is bigger and this is medium and this is like smaller and this is smaller smaller so on so on we try to divide our stuff into a nice um proportions um another thing again we have the same proportion the blue one the red one and the red and the blue thing is way more lengthy longer than the like B of those combine and if you ask me so if he s a great designer why did why did he make this red one and the te one to be the same size well because I think it doesn't matter that much in this case and other thing is from understand John is inspired by those 80 and and 90 cars like logos and stuff because he maybe grew up there and they used to have that a lot he show it to you this one this one see like this is the hores on the cars are even but I will say that this is really cool looking poster or what whatever and I don't care that this is like you know evenly Size Doesn't Matter at all just cool looking not all and same here it looks cool in this painting [Music] illustration let's say more things to break up is you know this is like this is not bigger and this is smaller so you know we go deeper and deeper and I'm trying to show you that you can apply this thing 703 this rule everything and if you really can use it your your designs will your paintings your drawings will get so much better because we can apply it to even like human anatomy how we make shapes I really like sing make shape because he doesn't follow the anatomy that much because if you stylize stuff you have to sacrifice the anatomy and create nice shapes and so on so on um more stuff to go over this one it's probably we have less white and white is more detailed as you can see and we have a lot of Brown and Brown is less detail although Brown is still detailed because it has a lot of those spner cards is like more advanced stuff that I want I I don't want to go over because it's kind of not the point of this video um I can go over my work although I don't like doing that because it's not nice to do it because I'm trying to show oh I'm that good or whatever no I just know what I did so I'm just trying to explain to more people um there simple stuff in this design and this is really random it has no purpose as you can see um it says don't ask me what it does because there's literally no function to it it just has to look good and I really advise for people if they want to get into the concept design to do those studies I call the form studies and you just pick a object and you try to make it look good you can make it 2D 3D anywhere doesn't matter and the first thing is this gray part part is smaller and this bigger part and it's 703 but it's probably like 802 doesn't matter again next up you know this button is bigger I'm sorry this um silver button is bigger this orange button is smaller I intentionally try to make those orange part not be the same size so we have this really small one here this medium size oops medium size here and this big one here although I run to few problems like I I just hate this area it doesn't make sense it's fine and overall this design is so Random I don't like it that's fine we then we grow another thing when I was splitting this whole part I intentionally tried to make this part smaller this part bigger and this part medium so they are not the same size let's go over next stuff again I when I split this py tiny red thing that doesn't make sense in this part because you are you will be not able to put anything in there I made this medium made this bigger and this was smaller so again again same stuff of course you can go in here and make um this medium this smaller and this bigger you know those um edges those PL changes boom let's see what we can add more same here this is smaller this is medium this is bigger and you figure out of stuff in the blockout phase maybe you know like this is like bigger this is smaller and this is the medium one the negative spaces where where there is no the holes I would say the next one that I would like to explain this one yeah this probably I don't like this one because it has some problems people like it I'm not sure why either way we have this crazy material stuff that is you know really big big in shape it's really like one block so so it has a lot of weight in the design I like to talk about the visual weight of stuff um I'm not sure that was ever explained to in any tutorial but visual weight is if you have two dumbbells and one dumbbell was really small but had a lot of details sorry two dumbell same size same weight and one damell has a lot of details on the you know Dan texture this would the left one would have way more visual weight compared to the left one so it's more important in a way um next thing let's say those things those cards you know this is smaller this is bigger this is smaller blah blah blah so on so on try to do that didn't work that well in my opinion next thing now I'm trying to remember what I actually wanted to do and what I actually did because I can see a lot of unintentional stuff like this um the top negative space this is medium like this is one part then we have this be this orange part is bigger and then this part is but I don't remember I'm trying to make that so I will not go there let's see again we have like this this is like bigger this is smaller shapes are overally there's quite a lot of even stuff in this one like this is kind of even to this I don't like it and there's a lot of shapes that don't work as a manufactur shapes for example this one sucks I I ha it I didn't do a great this one kind of sucks this one sucks yeah basically that and I'm I'm not sure about this like line I tried to make it so we like assemble it because I thought that the would be a plastic but it's metal so you don't assemble it that way it was really stupid idea I did by way you you should be doing stuff like that because I improve Dem most as a designer when I did those those form studies and I recommend for you to not fight the software if you will be doing a 3D so don't try to land blender and do them because you will fail fail and waste a lot of time so if you are good if you want to do 2D do 2D I even recommend 2D more when people learn that's that's my work I can be that that's my favorite one that's the worst one I did looks so bad and looks bad because I made this face sometimes on you can see that people do faces in the design which is like Circle and like some some rectangle like this it's so bad it's kind of simple but it show shows the idea that we have this really functionally signif significant part of the design and it's smaller this black part because there's but on there this switch there's this another button there's this air vent here of course the gray one also has a functional part but now that I see that this bottom is very simpler compared to this one this one too this one too that's all probably see