
learn practical guidelines for amazing web design, including typography, color use, and free images, fonts, and icons. build layouts that use whitespace and visual hierarchy to stand out.
Discover the roles of web designer and web developer, and how HTML, CSS, and JavaScript shape a site with flat, two-dimensional design.
Explore typography basics for web design, including font size guidelines, line spacing, line length, and choosing serif or sans-serif fonts, with Google Fonts.
Use a single base color and a palette with lighter or darker tones to keep your design clean; tools like flat colors and Adobe Color help you pick harmonious combinations.
Master techniques to place readable text over large images by using overlays, color blocks, gradients, blur, and text boxes; ensure accessibility with floor fade for responsive design.
Explore how icons shape the look, feel, and user experience on websites. Follow guidelines to use icons for features or actions and choose icon fonts or images for scalable visuals.
Master how whitespace shapes layout by spacing icons, text, sections, headings, and paragraphs to create a clean, engaging web design with a clear visual hierarchy and flow.
Explore the difference between visual design and user experience, and learn how aligning user goals with business goals creates a usable, enjoyable product that solves user needs quickly.
Gather designs you admire, analyze why they look good, and study their HTML and CSS with dev tools. Embrace inspiration, steal like an artist, and gradually cultivate originality.
Explore conversion tactics for web design, including offering a free gift and repeating strong call-to-action buttons. Use pop-up signups, social proof, and urgency and scarcity to boost signups and sales.
Stay updated with web industry trends by reading blogs and applying course guidelines to real projects, from WordPress themes to HTML5 and CSS3, Bootstrap, or Photoshop.
IMPORTANT NOTE: The material of this course is also covered in my other course about web design and development with HTML5 & CSS3. Scroll to the bottom of this page to check out that course, too! If you're already taking my other course, you already have all it takes to start designing beautiful websites today!
"Best web design course on Udemy: If you're interested in web design, but want more than just a "how to use WordPress" course, I highly recommend this one." — Florian Giusti
"Very helpful to us left-brained people: I am familiar with HTML, CSS, JQuery, and Twitter Bootstrap, but I needed instruction in web design. This course gave me practical, impactful techniques for making websites more beautiful and engaging." — Susan Darlene Cain
"The most educational instructor ever!: Everything is good about this course, you learn a lot, the instructor are excellent and the production is flawless. Love this course, simple as that!" — Lovisa
Did you know that beautiful websites convert better than ones that don't stand out at all? This means more sales, more signups, and ultimately more money for you. Do you want to learn how to do exactly that?
If you wonder how you can make your next website really good-looking, then you've come to the right place!
In this course, I will show you 25+ guidelines of amazing web design in less than 1 hour. No boring theory, no unnecessary stuff. You will learn dead simple web design rules and guidelines that go straight to the point — you can use them to improve your websites today!
In this course, we will use beautiful web design examples together with my 25+ guidelines of amazing web design to learn:
• How to make text look professionally designed
• How to correctly use the power of colors
• How to get and use amazing images, fonts, and icons to make your website shine — all for FREE.
• How to create a layout using whitespace and visual hierarchy
• How to keep yourself inspired to learn more and more about web design
• How to make your websites convert better using 8 simple-to-use techniques
But there is even more: I provide you with tons of useful web design resources to get you started for your next web design project! These are real-world resources used by real professionals in the web design industry!
You can use the rules and guidelines you'll learn in this course for everything you want: design your own WordPress theme, personalize a Bootstrap website, start from scratch with HTML and CSS, or mockup a website in Figma. The 25+ guidelines of amazing web design are universal and ready-to-use for any project.
This course is perfect for experienced web developers who want to learn how to make their websites look beautiful and professionally designed.