7 GOLDEN RULES For Icon Design *MUST KNOW*


today seven golden rules that you must
keep in mind when designing icons in Illustrator what is that people welcome back to
Satori graphics the Hema graphics and content right here on YouTube the first
golden rule in today’s video icon design is the preview bound setting which is
essential for web-based projects but also really helpful for icon design too
so to demonstrate I can press M for the rectangle tool and then click the
artboards I then just manually type in the values of 200 by 200 pixels generate
a square if I then take the line tool and create a line of 200 pixels you can
see that the square is actually larger than the line itself even though I use
200 pixels for both things this is because the stroke on the square is 20
pixels wide and illustrator doesn’t compensate for this but what we can do
is press command or control K to open up the preferences and then activate the
preview bounds option so now in the transform window you can see that
illustrator now measures things from the edge of the stroke this is very helpful
in designing icons and it’s something that you want to keep in mind the second golden rule icon design is to
use geometric shapes rather than drawing them yourself so just to quickly
demonstrate I’m gonna make the top part of the lock here pressing L for the
ellipse tool will allow me to make a circle and then I conflict the fill
label to a stroke by pressing C for the scissors tool I can then cut the circle
in half and then later create rectangles the same size of the stroke the reason
for using geometric shapes to make icons is that firstly it’s quicker than
drawing everything out yourself but more importantly things are more precise and
more smooth when you use geometric shapes it is a lot easier to use the
curvature of a circle than to try and draw a perfect circle using the pen tool
so ever possible try to use geometric shapes to create your icons in
Illustrator the next golden rule in today’s video
nikon design is to use the preview pixel modes now by default if i zoom into the
design illustrator I can see obviously a crisp and a clean edge this is because
it’s a vector design however play press outs and then command or control Y I’m
going to enter into the pixel preview mode in the bottom left of the screen I
can zoom in to 100% to see how crisp the icon is going to look on a screen
when finished so to ensure a crisp and a clean design
make sure your icons are designed on a pretty large our boys one of the
essential parts of designing an icon is to use a grid and to activate the grid
come into the View menu and then click show grids however you can use a
shortcut of command or control and an apostrophe and the grid is so helpful
for keeping your icons symmetrical and precise so I do suggest using their on
all of you like on projects the fifth golden roof icon design is simple
because icons should be simple they can appear very small on the screen or even
a print project so they need to be basic and also minimal as possible this is so
that detail does not get lost when they’re scaled down to a small size another quick and easy golden rule that
you need to keep in mind is that you need to expand your strokes but before
finishing the design if your icon is sent to someone and then they resize it
down or up the strokes will not look ideal so make sure to outline the
strokes before signing off the project a final golden roof icon design
illustrator is to make sure you lay them out perfectly once you’re finished your
final product needs to be showcased really well so utilize the align tool
and make the rows and the columns evenly spaced out and neatly packaged so I hope
you know a thing or two now by icon design and if you do want to keep
expanding your skills and your awareness as a designer subscribe to my channel
for weekly graphic design content like and share my videos on social media and
of course have a great day and until next time design your future today peace

39 comments

  • Lopsang Lama

    noooooooooooooooooooo 😀 3 hours 😀

    Reply
  • DaBloxx

    Second

    Reply
  • Satori Graphics

    7 golden rules for designing icons in Illustrator. I hope you all find todays video useful!

    Reply
  • Ramalingam Mudaliyar

    Extra ordinary job. Very helpful. Thanks. Ram

    Reply
  • Omar Emad

    In the phone wallpaper at 5:37 how did yo do the low poly background?
    Can you make a tutorial on that?

    Reply
  • BETIKU Adedoyin

    Thanks buddy, for the first time, I watched your video and I know all you said, yaaaaay…

    Reply
  • Jays M

    I have a question not related to exact this video but, what if you price per hour so as example I say I can design it in 8 hours and I count €20 for an hour so €160 but because the client asks to change a lot or something else it is going to take longer do I have to say he has to pay more now? And how do I say it

    Reply
  • Lopsang Lama

    I wasn't familiar with 1 and 3……..thanks satori graphics 😀

    Reply
  • Honey Nandal

    Another great video. Keep up the good work bro.

    Reply
  • Red Rebel

    These are so essential! Thank you

    Reply
  • Ngô Diêm

    Hi. Can you do video tutorial POSTER CAR?
    Thank you very much

    Reply
  • Bernard Williams

    I have not designed an icon yet, but this video will come in handy if I ever do. As always, have a great day.

    Reply
  • neeta budhraja

    Thank u… i used to make shapes through pen tool.. now i wl try geometrical shapes.. its a lot of time saving n much less efforts required….

    Reply
  • Edie Eo

    With your video, I don't need any books about Illustrator. Thanks. And have a nice day.

    Reply
  • M Reid

    I think some of your videos are ok but God you sound painfully bored. Its almost intolerable. It's as though you've been alive for millenia living inside a lamp and every hundred years or so somebody finds you but it's too late you've given up believing that they're going to wish for your freedom because the only wish people ever ask for is "how 2 use pen tool?" Every night you wish for nothing more than a stray bullet to put you out of your misery but you know deep down bullets dont kill genies.

    You also tend to read your lines like you're in school with all the emphasis in the wrong places. It's very jarring. which makes it even harder to listen to you Microsoft Samming your own scripts.

    Reply
  • Sherwin Rhey Condez

    Thank you very much Satori for this tips.

    Reply
  • Cosmin Serban

    Damn man, you're close to 100k subscribers, thanks for sharing your thoughts on icon design. Peace! ✌

    Reply
  • Ashish Soni

    Really helping tips ^_^

    Reply
  • Shovon Islam

    Really your video concept are helpful in Graphic designer's

    Reply
  • kamaldeep885

    👍👍

    Reply
  • Md. Mosharof Hossain

    Nice. Thanks.

    Reply
  • Pauline Merlin

    Very useful, thanks

    Reply
  • MacAsif

    good tips.

    Reply
  • Hans Packer

    These are some of the best, short tutorials out there. I am now watching these regularly to up my own graphic design work.

    Reply
  • Qennie

    Great golden rules! Want to ad that it can be useful (especially in webdesign) to give each icon it's own artboard and name each artboard. This helps you with transporting the icons to separate files.

    Reply
  • Nilesh Mishra

    Hey Satori your tutorials always help alot, always keep posting 👍👌 can u plz post a video on the best fonts for general use like for cards, certificates, etc

    Reply
  • PAPE TALL

    Hi l really like your channel please let me know if you can do a good professional logo

    Reply
  • DRC 85

    i really love ur content bro its soo helpfull compared to other tutorials… u really sharing some very important stuff

    Reply
  • Jeff Saylor

    For the first point about the stroke, you could just change the stroke to be inside the box

    Reply
  • Rafay Brite Academy

    wonderful man

    Reply
  • sree vinesha

    best teacher😇

    Reply
  • Наташа Липская

    thank u so much for such amazing and unique content!

    Reply
  • Artzoid YT

    I will make you a Icon! Just give a me description and subcribe

    Reply
  • Westin Ruud

    Bonne vidéo merci beaucoup

    Reply
  • Sirmind Gaming

    Nice tips, I knew couple of them but the new ones are really helpful like the first one, "bounds" it was so annoying.

    Thanks for sharing.

    Reply
  • Anime underworld

    Icon designing is to design unique icons from the given text. An image explain 1000 words. So, Icons must be meaning full.
    for icon design services in fiverr
    https://ror4.com/Cbrb
    Looking forward to hear from you.

    Thank you!

    Reply
  • Christopher Reed

    I love you.

    Reply
  • Pen Tool

    simply great

    Reply
  • akhwan munawar

    What a about pixel perfect? I can't understand any video what i have found on youtube, please explain it

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *