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

7 GOLDEN RULES For Icon Design *MUST KNOW*

38 thoughts on “7 GOLDEN RULES For Icon Design *MUST KNOW*

  • November 6, 2018 at 6:03 am
    Permalink

    noooooooooooooooooooo 😀 3 hours 😀

    Reply
  • November 6, 2018 at 9:32 am
    Permalink

    Second

    Reply
  • November 6, 2018 at 9:59 am
    Permalink

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

    Reply
  • November 6, 2018 at 10:26 am
    Permalink

    Extra ordinary job. Very helpful. Thanks. Ram

    Reply
  • November 6, 2018 at 11:09 am
    Permalink

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

    Reply
  • November 6, 2018 at 11:11 am
    Permalink

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

    Reply
  • November 6, 2018 at 11:18 am
    Permalink

    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
  • November 6, 2018 at 12:14 pm
    Permalink

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

    Reply
  • November 6, 2018 at 12:43 pm
    Permalink

    Another great video. Keep up the good work bro.

    Reply
  • November 6, 2018 at 2:17 pm
    Permalink

    These are so essential! Thank you

    Reply
  • November 6, 2018 at 2:32 pm
    Permalink

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

    Reply
  • November 6, 2018 at 4:08 pm
    Permalink

    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
  • November 6, 2018 at 4:47 pm
    Permalink

    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
  • November 6, 2018 at 5:39 pm
    Permalink

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

    Reply
  • November 7, 2018 at 1:02 am
    Permalink

    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
  • November 7, 2018 at 7:36 am
    Permalink

    Thank you very much Satori for this tips.

    Reply
  • November 7, 2018 at 5:32 pm
    Permalink

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

    Reply
  • November 7, 2018 at 5:45 pm
    Permalink

    Really helping tips ^_^

    Reply
  • November 8, 2018 at 7:26 pm
    Permalink

    Really your video concept are helpful in Graphic designer's

    Reply
  • November 9, 2018 at 4:46 pm
    Permalink

    👍👍

    Reply
  • November 10, 2018 at 11:03 am
    Permalink

    Nice. Thanks.

    Reply
  • November 12, 2018 at 9:46 am
    Permalink

    Very useful, thanks

    Reply
  • November 13, 2018 at 6:45 am
    Permalink

    good tips.

    Reply
  • November 15, 2018 at 8:05 pm
    Permalink

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

    Reply
  • November 20, 2018 at 10:23 pm
    Permalink

    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
  • November 22, 2018 at 3:35 pm
    Permalink

    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
  • December 9, 2018 at 9:40 pm
    Permalink

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

    Reply
  • January 13, 2019 at 2:17 pm
    Permalink

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

    Reply
  • February 4, 2019 at 3:54 am
    Permalink

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

    Reply
  • February 21, 2019 at 6:17 am
    Permalink

    wonderful man

    Reply
  • March 12, 2019 at 1:32 pm
    Permalink

    best teacher😇

    Reply
  • April 7, 2019 at 11:13 am
    Permalink

    thank u so much for such amazing and unique content!

    Reply
  • June 23, 2019 at 9:25 pm
    Permalink

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

    Reply
  • July 1, 2019 at 4:39 pm
    Permalink

    Bonne vidéo merci beaucoup

    Reply
  • July 7, 2019 at 1:07 pm
    Permalink

    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
  • August 23, 2019 at 1:33 am
    Permalink

    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
  • September 8, 2019 at 7:12 am
    Permalink

    I love you.

    Reply
  • September 11, 2019 at 5:28 am
    Permalink

    simply great

    Reply

Leave a Reply

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