Wireframing is the first stage of the web design process, and in this video I show you how I do it and give you some advice! Please remember to subscribe
If you’ve ever wondered how to wireframe a website, or if you want to know how to design a website and you’ve never heard of wireframing, this video is dedicated to you! Yes, you. Wireframing is the process of laying out the bones or the structure of a website to think about how the information will be organised on the page before you start thinking about colours and fonts and other visual things. Using the wireframe process I teach you in this video you’ll be able to generate lots of ideas for different ways to arrange your website and be able to decide on the best one from there.
I hope you enjoy the video! Please make sure you give it a thumbs up if you do. I’m still learning how to make tutorials MY way (not just screen casts) so any feedback is much appreciated. I ant these videos to feel like we’re sitting in a room together and I’m showing you what to do, rather than you just looking at my screen as I do something. Does that make sense?
If there’s something design-related you’re struggling with that you’d like a tutorial on next, let me know!
// ABOUT ME
Hello there! I’m Charli and I’m a web and graphic designer from New Zealand currently living in London and posting videos every Saturday about design, fashion/beauty and DIYs here on CharliMarieTV. Please subscribe and say hi in the comments so we can be friends 🙂
Get an intro to HTML and CSS and see how they are used to create webpages. We will upload a site to make it live for the world to see!
• Download the step-by-step exercise, class files, and notes:
• Presentation Slides:
Web Design Classes (attend in New York City or Live Online):
A 101 introduction tutorial to the Mac software Sketch for designing websites. Please remember to subscribe
When I switched from using Photoshop to design websites to using Sketch, I had a colleague walk me through the basics and it was a HUGE help with the learning the curve, so that’s what I’m trying to do for you in this video! I hope this walkthrough, showing you the most important basic features of Sketch that I use when designing websites, comes in handy and helps you get up and running if you’re a beginner.
This is my first software tutorial, so please let me know what you think of it in the comments!
Wireframing tutorial video:
Web design resources video:
// ENJOY MY VIDEOS?
My videos no longer have pre-roll ads because I think ads are annoying. That means you don’t have to sit through ads, and it also means I don’t earn anything from the content I put on YouTube. If you want to support me and my channel the best thing you can do is order something from my online store! I make t-shirts and printed products and you’re bound to find something you like 🙂
Check it out at:
// ABOUT ME
Hello there! I’m Charli and I’m a web and graphic designer from New Zealand currently living in London and posting videos every Saturday about design, fashion/beauty and DIYs and vlogs every Tuesday here on CharliMarieTV. Please subscribe and say hi in the comments so we can be friends 🙂