Web Design 101 – Learn How to Build It Right

by | Apr 3, 2018 | Web Design | 0 comments

You don’t need to know code to use Webflow, though it helps to know a few things about how code works (and we’ll help you with that). But to make the most of Webflow, you do need to know a thing or three about:

  • Visual design
  • Web design
  • Design process

That’s what this free ebook, Web Design 101, will teach you all about.

Coauthored by designer Mat Vogels, developer Neil O-Grady, and content strategist John Moore Williams (that’s me), it dives deep into all three topics to offer tips, insights, and principles on everything from how to design your design process to how to build landing pages that turn visitors into customers. In short, it’s the kind of stuff you’ll want to reference, well, daily.

It’s also worth noting that Web Design 101 isn’t about the technical side of web design.

There’s a ton to learn there, but we’re confident that Webflow itself will help you learn most everything you need to know. And for what it won’t – well, the web is a wild, worldwide place, and you’ll discover the rest out there.

Chapters

  • How element spacing works
  • UI design essentials
  • Designing for mobile
  • How to design interactions effectively
  • Building high-performing websites
  • How to design landing pages that convert
  • Why your design process should start with content
  • Always choose prototypes over mockups
  • The essential pre-launch checklist for your website

Web Design 101 - Learn How to Build It Right

by Webflow (Online reading only) – 12 chapters

Web Design 101 - Learn How to Build It Right by Webflow

No code. No hassle.

Divi takes the power and freedom of WordPress and adds a wonderful visual design interface on top. Now you get the best of both worlds.

WordpressGAME CHANGER!

Related Posts

42 Free and Paid Programming Resources to Learn Web Development

42 Free and Paid Programming Resources to Learn Web Development

Any serious developer will need to learn how to program in order to really understand what is going on behind the curtain, or if you are curious to wonder about or query how your favorite program works. This is where programming tutorials come in. The following are 42 Free and Paid Programming Resources to Learn Web Development, covering 3 different levels – beginner, intermediate and expert resources.

40 Best Free CSS Learning Resources

40 Best Free CSS Learning Resources

If you are one of the people who love to design using CSS, there are actually thousands of learning resources which you can try out. This post will cover 40 of the best CSS learning resources, covering fundamental concepts, units, selectors, custom properties, animation and many more.

103 Free Typography Ebooks, Tools and Resources

103 Free Typography Ebooks, Tools and Resources

What is typography after all? How should text be structured? And how can the printed page be influenced by good design theories? Here we showcase 103 Free Ebooks, Tools and Resources on Typography to get your creative juices flowing, covering topics such as CSS, finding and using type, online tools, web fonts, combinations and many more.