https://www.youtu be.com/watch?v=B-ytMSuwbf8

► Find out more website design! Register for the Envato Tuts+ YouTube channel for day-to-day imaginative courses and tutorials! If you’re brand-new to website design, this course on website design for novices will teach you whatever you require to understand. “How do I select typefaces, how do I select colors, what the heck is whitespace, and how do I place and size aspects properly?” These are precisely the sort of concerns which we’ll resolve in this newbie website design tutorial. ► Download imaginative digital properties with Envato Components: https://elements.envato.com/?utm_campaign=yt_tutsplus_B-ytMSuwbf8&utm_medium=referral&utm_source=youtube.com&utm_content=description In regards to basics, you’ll learn more about color, typography, spacing, sizing, images, and responsive website design. We’ll talk about the theory, finest practices, and some tools you can utilize to make your task simpler. When it concerns typical website design patterns, you’ll learn more about the aspects you can utilize to develop a websites– things like headers, hero locations, buttons, image galleries, contact types, and more. For each of these patterns, we’ll take a look at the meaning and some usage cases, and after that we’ll use that understanding to a demonstration job: a three-page portfolio site developed particularly for this course. ► Have a look at this link for the job short and course tasks: https://bit.ly/37YMk4W ► Check out the course notes (and more!) for Website Design for Novices on Envato Tuts+: https://webdesign.tutsplus.com/articles/web-design-for-beginners-epic-free-course–cms-41118?utm_campaign=yt_tutsplus_B-ytMSuwbf8&utm_medium=referral&utm_source=youtube.com&utm_content=description ► Link to wireframe portfolio site with Figma: https://www.figma.com/file/Ak0JQMv65digqiASGnoLI0/Portfolio-Website?node-id=0%3A1 What You’ll Find out: 00:00:00 Welcome! 00:04:31 Course short and project 00:05:48 UI style vs. UX style vs. website design 00:14:08 Discovering to deal with job briefs 00:19:59 Dealing with wireframes 00:28:08 Choosing the ideal style tool 00:33:53 Color theory 00:51:36 Color consistencies, psychology and tools 01:03:11 Developing a color scheme for our job 01:20:00 Let’s speak about typography 01:31:11 Developing the typography for our job 01:46:01 Spacing and sizing in website design 01:54:47 Utilizing icons and images in website design 02:03:33 Meaning and usage cases for headers 02:11:39 Let’s style a header 02:28:16 Meaning and usage cases for hero locations 02:33:06 Let’s style a hero location 02:39:08 Meaning and usage cases for buttons 02:44:46 Let’s style some buttons 02:57:27 Meaning and usage cases for image galleries 03:01:38 Let’s style an image gallery 03:12:34 Meaning and usage cases for footers 03:17:55 Let’s style the footer 03:26:37 Meaning and usage cases for reviews 03:31:48 Let’s style some reviews 03:44:15 Meaning and usage cases for tabs 03:48:11 Let’s style some tabs 03:59:47 Meaning and usage cases for accordions 04:04:03 Let’s style an accordion 04:13:19 Meaning and usage cases for contact types 04:18:17 Let’s style a contact type 04:32:49 What is a responsive site? 04:36:55 Making design modifications for tablets and phones 04:56:44 Making a part responsive 05:09:52 A fast word about prototyping 05:16:11 Next actions and crucial takeaways – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – Envato Tuts+. Discover totally free how-to tutorials and online courses. Style a logo design, develop a site, develop an app, or find out a brand-new ability: https://tutsplus.com/?utm_campaign=yt_tutsplus_B-ytMSuwbf8&utm_medium=referral&utm_source=youtube.com&utm_content=description. Envato Components. All the imaginative properties you require under one membership. Personalize your job by including distinct images, font styles, graphics, and styles. ► Download Unlimited Stock Photos, Fonts & Templates with Envato Components: https://elements.envato.com/?utm_campaign=yt_tutsplus_B-ytMSuwbf8&utm_medium=referral&utm_source=youtube.com&utm_content=description. ► Sign Up For Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus. ► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus. ► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus. – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –