Pixel-perfect icons for web design – tutorial | CharliMarieTV



A tutorial for making your icons pixel perfect for using online, and why that’s important! Please remember to subscribe

This is a walkthrough for an essential part of my web design process: making the icons I’ve created sit perfectly on the pixel grid so that they appear sharp and look great when they’re used in the build. Design is all about the details and it’s important to pay attention to things like this! I hope you like seeing my process. Give this video a thumbs up if you do 🙂

// LINKS

Sketch 101 tutorial:
Download Sketch:
The Noun Project:
Geometric Coasters:

———————————————–

// 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 🙂

———————————————–

// MORE

Blog:
Online apparel store:
Design portfolio:
Podcast:

// SOCIAL

Twitter:
Instagram:
Facebook:
Snapchat: charlimarietv

My sister SmayJay’s channel:

———————————————–

// MUSIC

Hackbeat by Kevin MacLeod is licensed under a Creative Commons Attribution licence (
Source:
Artist:

Video Source: https://www.youtube.com/watch?v=OzvxLOREthE

Web Development Cardiff