An in-depth tutorial of how I design a landing page in Sketch! You’ll learn basic web design techniques and process, as well as some tips and tricks for using Sketch efficiently.
If you’re new to Sketch, check out my 101 video first to get familiar with it:
Sketch is a brilliant tool for web design, and it’s what I use on a daily basis for designing websites and landing pages. What else would you like to learn about it from me? I stuck with the basic functionality in this video since we were covering the design of a whole web page, but perhaps in a future video I could share a more detailed look at working with vector shapes and designing for mobile?
This video was voted on and created thanks to the wonderful people who have joined my Patreon! If you’d like to download the file I created in this video, just sign up at the $10 or higher tier and you’ll instantly get access to it along with a bunch of other assets:
// MORE USEFUL VIDEOS
Color palettes management:
Exporting assets for web:
Sign up to be notified when my font is finished!
// 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 join my Patreon!
You’ll get tons of extra content and ways to learn, like behind-the-scenes process info, downloadable assets or even a monthly group Google Hangout! Choose your tier and sign up here:
// ABOUT ME
Hello there! I’m Charli and I’m a web and graphic designer from New Zealand currently living in London and posting design videos every Saturday about tools, projects, and concepts and vlogs every Tuesday about my life as a designer. Please subscribe and say hi in the comments so we can be friends 🙂
In this tutorial I will teach you how to make a side menu bar in html on your website design document. I will show you how to add links, space the website, add tables, add a banner and how to format the text to different colours fonts and sizes.
Graphic design tutorial for beginners, are you tired in learning Photoshop tricks without understanding how to apply the software to real design? Or maybe you just want to understand what really is design and how can you become a real designer? Design goes way beyond software and there is a lot of theory behind it. In this lesson, you’ll learn the basics needed to create amazing and real design.
In this lesson, you won’t need any sort of equipment or specific software. “Why? Isn’t design just Photoshop?”. By understanding the process behind what real designers do and understand, you will also be able to see what makes good design. Why is that logo appealing? Why does that poster grab my attention? How is it that I can understand that ad, even though nothing is written on it? After participating in this lesson, you’ll finally understand more of design and gain the ability to see the world in a different way.
– How to create a website using Adobe Dreamweaver? Free Adobe Dreamweaver tutorial for beginners!
In this video I will show you how to create a basic web page, how to set up a table layout, and how to insert content. I will show you how to layout a web page using tables, how to insert images, text, web form, how to change the page properties and aligning of your placed objects.
In this, the first in a series of CSS website design tutorials, I will teach you how to setup and link an external CSS style sheet with a HTML web page. I will also teach you some basic text formatting with div classes and default HTML website design elements and tags.
Please don’t forget to rate, comment, favourite and subscribe!