How To

How I approach designing a website – my thought process – Website Designer Video

A look at my thought process behind my design, as I use Photoshop to create my design. This video isn’t intended to be a Photoshop how-to video, but instead be a look at my thought process while I’m designing. Photoshop is a great tool, but so are Sketch and XD. Whatever tool you are using, it’s the ideas behind your design that make it great. I look a little at why I picked my fonts and colors, and most importantly…

0
Read More

How to Design a Website Using HTML – Website Designer Video

In this step-by-step web design project you will learn how to take design to code using the basics of HTML. Then you’ll finish the modern website design tutorial in the next video by styling the site with CSS. ✏️ LESSONS ✏️ 1: Easy Web Design Tutorial With Figma – 2: How to Design a Website Using HTML – 3: CSS Project for Beginners: Modern Website Design Tutorial – ⏰ TIMESTAMPS ⏰ Visual Studio Code Overview: 0:15 Terminal Project Setup: 1:07…

0
Read More

Responsive Design Tutorial – Tips for making web sites look great on any device – Website Designer Video

There are a few “gotchas” to responsive design, and once you know them, the rest all makes sense. Play with the code!!! View the full course!!! Super helpful links on responsive images: Responsive Design makes a website look amazing on any device. Using css media queries, good flexbox/grid layouts, srcset, and html5 picture tags, we can convert our website into a fully responsive site. source

0
Read More

Web Design Tutorial Series in Urdu 2019: Pixel-Perfect vs Responsive Website Design – Website Designer Video

Hello Friends, Welcome to another Web Design Tutorial Series in Urdu 2019. in this web design tutorial, we will learn what is the difference between Pixel-Perfect and Responsive Design. #Pixel_Perfect_vs_Responsive_Design #perfectwebsolutions in an upcoming video, we will learn how to design a 1) Non-Responsive Website. 2) Pixel-Perfect Website. 3) Responsive Website. Friends, agar meri explanation main koi cheez aap ko samaj nah aa rahi ho to aap neechay comment kar saktay hain taa k main next video main pehlay usay…

0
Read More

Wireframe & UX Design in Adobe XD — Web Design Pt 2 – Website Designer Video

How do you use Adobe XD to wireframe? What is a high-fidelity (hi-fi) wireframe? How do you design a webpage wireframe? How do you use layout grid in Adobe XD? What is your user experience or user interface design process? Our own Ben Burns ( shows you how. Here’s the show notes: Step One: Set up your workspace – 01:47 Open up Adobe XD (I don’t like wireframing apps like Balsamiq) to start wireframing from scratch. Build and use a…

0
Read More

Introducing dynamic CMS and Ecommerce galleries | Webflow web design – Website Designer Video

A string of new features unlocks the power to easily create image galleries from dynamic content. In this example, Meg shows you how to use the multi-image field to add up to 25 images per field to one CMS post or ecommerce product. In this example, we’re covering how to build a gallery of product thumbnails on a product page, using lightbox, flexbox and the CMS collection columns. ———- Grow your freelance career in web design: Get started with Webflow:…

0
Read More

Best Practices For UX and Web Design 2019 – Website Designer Video

What is UX design? What do UX designers do? What are web design trends in 2019? What do UX designers at Google actually do? Google designers Ryan Warrender and Mustafa Kurtuldu join us in a conversation about UX, Web Design, and Data. 0:20 – Introduction of Ryan and Mustafa 1:50 – Show agenda 2:50 – The role of Google designers 03:00 – Ryan’s Background 8:40 – What is Google Material Design? 09:00 – Mustafa’s Background 12:30 –What is the difference…

0
Read More

UX Design Process: How To Sketch Wireframes—Web Design Pt 1 – Website Designer Video

How do you wireframe a website? How do you create a landing page from scratch? How do you sketch a wireframe? How do you design a sales landing page for downloadable products? How do you do UX design without going overboard? What is paper prototyping? You can call it a squeeze page, a landing page, or a download page. This is the page that converts a cold audience into known users. And the web design needs to be on point…

0
Read More