A 101 introduction tutorial to the Mac software Sketch for designing websites. Please remember to subscribe http://bit.ly/1aE5UOT
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!
// LINKS
Download Sketch: https://www.sketchapp.com/
Bootstrap: http://getbootstrap.com/
Sketch toolbox: http://sketchtoolbox.com/
Content Generator plugin: https://github.com/timuric/Content-generator-sketch-plugin
Wireframing tutorial video: https://youtu.be/PmmQjLqJQlY
Web design resources video: https://youtu.be/tiQ5Uss6YV4
———————————————–
// 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: http://linernotekids.storenvy.com
———————————————–
// 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 🙂
———————————————–
// MORE
Blog: http://www.charlimarie.com
Online apparel store: http://linernotekids.com/
Design portfolio: http://charlimarie.com/portfolio
Podcast: http://designlife.fm
// SOCIAL
Twitter: https://twitter.com/charliprangley
Instagram: http://instagram.com/charliprangley
Facebook: http://www.facebook.com/charlimarieTV
Snapchat: charlimarietv
My sister SmayJay’s channel: http://www.youtube.com/channel/UCHwfF…
source
Can you please recommend any laptok for graphic design beginner?
Real designers just do it in css… why do things twice
How long should it take to learn sketch if I'm good at adobe illustrator and photoshop?
12 column grid for iphone ? gutter? margin? pixel?
I am blown away by Sketch. I'm so late to discover this. Great tutorial. Much more easier and faster workflow than photoshop.
hay charli
Have you used sketch with a tablet? Is it possible to navigate without a mouse? Thank you
Thank you I had no idea how people designed websites
In arabic plz😪💔
I dont understand any thing
Thx
FOSS ???
Just found this video and I'm so happy I did, it definitely helped me get a little bit more focused on the best ways to look at web designing myself! thank you! if anybody looking for web designing services then go through this link
https://boxfinity.com/web-designing-company-in-hyderabad.php
Very pretty!
Web design ki koi nai Vedio banay
Super
Thanks Charli. Easy, step-by-steps. I'll give it a try.
How to check pixel wise spacing in a sketch file? Like if I want to check how many pixels of padding is there between 2 modules…. Is there any shortcut or a way to highlight all the spacing in a already built sketch file?
Great video, got me up and running on Sketch from zero to … not zero 😀 Thanks for taking the time to create this! 🙂
You helped me a lot! Thanks!
I freakin' love that accent!!! Tell me what other alternative software are out there that work on the local machine vs cloud (gotta be connected to the internet) based software?
thank you for your tips