Web Design Trends (Illustration) [English, Hindi]

Articles, Blog

Web Design Trends (Illustration) [English, Hindi]

Web Design Trends (Illustration) [English, Hindi]


What’s up guys in today’s tutorial I want to talk about a web design trend in particular which is illustration I’m going to show you a couple examples on B, hence I’m going to show you a website where you can find some of these illustrations You can use them royalty-free on your web site without paying a penny Let’s jump straight in so take a look at this website here I found a couple examples on B hands if you haven’t already check out B hands net It’s an amazing place where you can see all of the designers work and you can kind of learn what’s going on in the industry And see how people other people are working and see what styles are And you can you know, you can kind of get appreciation share with other designers. It’s a great place to boil your design work so this Website is called Relief e and it looks like it’s some sort of medical website where you can log in get a checkup from a doctor But particularly I wanted to show you this website. I wanted to show you the illustrations that they’ve used So you see this bubble of fact it already got these simple illustrations about the face Illustrations are back in a big way they were they were big in 2019 and it seems like The Roni being used more and more as it spreads for our 2020 as it doesn’t become a trend but as it becomes a style in general For the design industry, but you can see when you use illustrations you can use quite kind of like pastel colors They way they work really great very very simple shapes nice typography which is a bit more rounded It looks like they’ve used gradients quite nicely here So again as you go down this page This looks like it’s some sort of homepage with so get your header at you top Then you’ve got you your first illustration here. Then you go down You have a couple more illustrations, then it looks like they’ve used them throughout the website So they got looks like some sort of a contact section here with a questionnaire And you can see as you go along. That’s the style So I just want to show you a quick website, which is called on draw d’arco. So on draws It’s a website which just has loads of loads of royalty-free Illustration you can use meaning you type in whatever you want But the thing were on door is they have this bull wolf style in the background So I just went on undrawn I search for medical and you can see straight away. I found the exact same picture That was used in this website here So see the bubble over the plant and two doctors exactly same picture here The colors are different. So what they’ve done is they’ve downloaded the SVG from this website and they’ve just changed a few colors. So The great thing about on draw is this is fine. It’s all legal to use you. Can you can type in whatever you want so type in home and it’ll have a load of illustrations that by looks like the same artist all in this style and there’s just you know, there’s Hundreds on here to use I finally have really good tech ones so pictures of like satellites and small homes For any projects that I’m working on I think it’s a brilliant website to check out but that’s why I wanted to show you this really few website first but I’m going to show you a couple more examples of illustrations that have been used So this this is a good one I just found them by am a Designer called Alice Lee which is a skill learn enough concepts and actually think this is one of the best The most well done ones I’ve actually seen just I’ve already been looking at it for a couple of minutes But a couple of things popped to me first off is the big chunky buttons. I’m a huge fan of that I like this font here I like the way it’s got the name and all different characters and getting the pastel shades which you know You’re allowed to use when you when you do an illustration style. I like to weigh the illustrations pop out of the The traditional camera, so the image would end here but the illustration pops over I think that looks nice it’s a nice little touch Then you can see they’ve used all by the same artist when you’re trying to when you’re doing a website. Try not mix different Illustrators together or if you if you have to try and keep them all within the same style So you can see this works because they’re all bright colors They’re all flat colors in the background. All these shapes pop nicely They’ve tied in the colors with the colors on these boxes here See the nice round corner goes well with pastel then we got the yellow and the green text that really works nicely But they’ve picked that yellow from this yellow in the image here And what you can do is in I was like Adobe XD or figma When you when you’re selecting your box behind your text if you click fill and then you’ll normally get an eyedropper tool and just select An element select a nice color from the image So the reason this works is because the yellow doesn’t happen that much in this image But if they would have used of red it probably wouldn’t of work they could have also used the green But choose like a secondary or tertiary color from that image and it’ll make your design really pop So look of some of the interactions on this website, I think this is a I just appreciate that there That’s a that’s a really well done Project and it looks like honestly, he’s got some uber She looks like she’s a illustrator Mainly because a lot of these look at an illustrative was she from Malaysia so check out some of their work the next one I want to show you this Starbucks redesign that I found on am ambiance so again look curvy background Illustrations, this doesn’t look like and maybe if maybe it might be a non draw one. So let’s just type in coffee Who knows what you find a lot of websites you’ll actually find this so is there a picture of people having coffee? Let’s just happen tea I Can’t I can’t find him right now what see the way that the People don’t have faces the wavy background. This might be an illustrator who’s done it themselves It looks very own drawing style, but it’s also got its own Characteristics which make it nice. But the reason I wanted to show you this is because they’ve used these illustrations throughout the whole thing Again it’s got these pastel shades which is coming in. They’ve probably they probably made these illustrations themselves for this Redesign he axed he got so many coffee orientated things. But what Froemming faced was the wavy background Bomb, it looks like a really good illustrator and Again the background just using one or two colors from the image. So the Devil, and wanted to show you this crack and dot-com redesign. This is again on be hunts You can see how it’s a really simple site. They’ve gone for the I guess it’s the duotone Web design craze which we talked about in a previous video, which is black white and one or two colors So they’ve got the purple and they’ve got the yellow. That’s the jura tone They’ve then got a few of your muted colors in there, but the majority is payable in yellow. They’ve used these illustrations For hours, it looks like an illustrators done this Again a lot of people are going for these rounded corner boxes of illustrations that works for me and then they’ve got these Pastel colors again coming in but if were the strong purples and blues, I Like to weigh illustrations pop up the box Look, so these have got the blob as well So this stuff seems to be all over the place this I think under all probably influenced a lot of people Or a lot of illustrators when they have this style and because a lot of people see on other websites They don’t think they’ll included in their own designs So again, you got to come on out some of these are very sweet illustrations And then the crack and lock on websites where they’ve just got a simple landing page with a logo a header and then the list the illustration kind of overpowers the design this has probably been done by an illustrator who wants to show off the illustrations, but the whole Point in this lesson was just to show you What type of illustrations were to find them? How you can use them on your website? I think I think they look really good If you want to make an entree and website check out on draw If you haven’t already check on school that Anthony Conway calm, I’ve got loads of free resources on there I’ve put lots of tutorials on there. It’s growing every day with content. There’s a community growing on there So I’d really like you to check it. I’ve put a lot of effort into that site and a lot of it’s free So, it’s cool that Anthony Conway calm Think about subscribing to the YouTube channel. I’m gonna put that lots more content this year and grow in a community Let me know in the comments what you think about this lesson what you think about the illustration style? They like on draw calm the user in your work and until next time keep designing

One thought on Web Design Trends (Illustration) [English, Hindi]

Leave a Reply

Your email address will not be published. Required fields are marked *