Spacing on the web (padding, margin, and Occam's square) — web design tutorial

Learn the ins and outs of padding and margin to set spacing on web elements. We’ll use practical design examples to demonstrate how to add space inside and outside of cards, images, headings, buttons, and Occam’s square. 00:00 – Introduction 00:44 – Padding & margin on one side 01:43 – Padding & margin on both… Continue reading Spacing on the web (padding, margin, and Occam's square) — web design tutorial

Top web design trends for 2021

In this video, Charli, from the YouTube channel CharliMarieTV, goes over her top 5 #webdesign trends for 2021. Find the full list of 21 web design trends for 2021 on the #Webflow blog here: Check out Charli’s channel here: ———- Get started with Webflow: Join the Webflow Community:

Top 5 Web Design Software | Best UI Design tools (2020)

Top 5 Web Design Softwares. This week we bring you the best web design softwares. The pro team has some UI Design tools that you should be using for designing beautiful interfaces. We also talk about the stack of tools and software we use to design. Two videos every Saturday. So, stay tuned and turn… Continue reading Top 5 Web Design Software | Best UI Design tools (2020)

Web Design Process–Finding Inspiration for Personal Website: Built By Hand Ep 2

In this second episode of Built By Hand, Ben’s mission is to do creative research for his personal website. He’ll be collecting references and resources from other designer’s work with a two-part goal: to get inspired and figure out the visual direction for his website. Does the process of research and inspiration that he’s refined… Continue reading Web Design Process–Finding Inspiration for Personal Website: Built By Hand Ep 2

How to Wireframe a Website – Design. Build. Launch. Episode 1

Episode 1: Discovery & Wireframing. In this video we will start to wireframe are website using Adobe XD. This video is Episode 1 of Design. Build. Launch. a new series to design and build a website from scratch without writing any code. No code tools like Webflow are more powerful than ever, so in this… Continue reading How to Wireframe a Website – Design. Build. Launch. Episode 1

Best Web Design Software (2019)

Learn how to build Custom designed websites with Webflow: – Flux is proudly sponsored by Webflow, start a new account with an awesome discount: – Instagram: Twitter: – Gear & Book Recommendations:

Websites Design Critique: Student Work

Learn more about the new web design course: – Flux is proudly sponsored by Webflow, start a new account with an awesome discount: – Instagram: Twitter: – Gear & Book Recommendations:

Breakpoint basics and responsive design in Webflow — web design tutorial

In this lesson, you’ll learn: 1. Styling your site across different breakpoints 2. Add larger breakpoints 3. Scale the canvas 4. Override styles across different breakpoints 5. Clear overriding styles 6. Test responsiveness and fluidity Read on the blog: Steps in the video: 00:00 – Introduction 00:43 – Style across breakpoints 05:38 – Add breakpoints… Continue reading Breakpoint basics and responsive design in Webflow — web design tutorial

Advanced web typography (headings, text fills, inheritance, typography units) — web design tutorial

In this lesson, we’ll cover headings, text fills (knockout text using backgrounds or gradients), paragraphs, text inheritance, spans, typography units (including the all-new CH unit), and accessible, inclusive typography. Steps in the video: 00:00 – Introduction 01:04 – Headings 03:50 – Text fills (knockout text) 05:08 – Paragraphs & text inheritance 07:59 – Spans 09:14… Continue reading Advanced web typography (headings, text fills, inheritance, typography units) — web design tutorial