7 GOLDEN RULES For Icon Design *MUST KNOW*

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ก.พ. 2025

ความคิดเห็น • 115

  • @SatoriGraphics
    @SatoriGraphics  6 ปีที่แล้ว +41

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

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว

      Grab 40+ Fonts & Licenses for ONLY $29
      thehungryjpeg.com/bundle/3502855-the-now-or-never-november-bundle/DT1s0cgmDG/

    • @sikandarmushtaq48
      @sikandarmushtaq48 6 ปีที่แล้ว

      Very Helpful

  • @karthiknath3745
    @karthiknath3745 3 ปีที่แล้ว +49

    #1 Preview bound settings in preference (turn it on)
    #2 Use geometric shapes instead of drawing you own
    #3 Use preview Pixel mode (alt+command/ctrl +y)
    #4 User grids (cmd/ctrl + ')
    #5 Basic & minimal so details remain even if icon is minimized
    #6 Always outline your strokes (object -> expand)
    #7 Arrange and display icons in grids neatly

    • @Monster-bh4sz
      @Monster-bh4sz 3 ปีที่แล้ว +4

      Thanks bro. People like u really helps us, (those who are putting effort into it)

  • @zainlead5416
    @zainlead5416 ปีที่แล้ว +1

    got done with graphic design theory playlist by satori in3 days , now going to complete the advance graphic design theory playlist . every second was worth , love this guy & his personality

    • @SatoriGraphics
      @SatoriGraphics  ปีที่แล้ว

      Wow awesome awesome stuff. Thanks for this and enjoy the journey

  • @edieeo8940
    @edieeo8940 6 ปีที่แล้ว +31

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

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว +10

      haha thanks, but I still suggest using other materials and resources too :)

  • @Hennie84
    @Hennie84 6 ปีที่แล้ว +29

    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.

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว +3

      Thanks again man, glad to see you agree. And I agree with your added tip too

  • @kishasworld
    @kishasworld 3 ปีที่แล้ว

    Awesome video

  • @jesuspereiraoficial
    @jesuspereiraoficial 4 ปีที่แล้ว +2

    Eres el Zeus del diseño man. Eres el mejor de todos los siglos y por la eternidad!!! You are thes BEST!!!

  • @VectWorld
    @VectWorld ปีที่แล้ว

    great video

  • @leverlodotcom
    @leverlodotcom 3 ปีที่แล้ว

    great video!

  • @BernardWilliams
    @BernardWilliams 6 ปีที่แล้ว +3

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

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว

      Yes when it comes to it, you can keep these golden rules in mind Sir :)

  • @baslielalene4702
    @baslielalene4702 3 ปีที่แล้ว +1

    Thank you.

  • @HansPacker
    @HansPacker 6 ปีที่แล้ว +3

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

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว

      Thanks Hans, I'm happy to hear that. Any suggestions just comment :)

    • @HansPacker
      @HansPacker 6 ปีที่แล้ว

      @@SatoriGraphics Have you done infographics?

    • @tiltify2393
      @tiltify2393 2 ปีที่แล้ว

      @@HansPacker no reply 😔

  • @tuitioncenter5725
    @tuitioncenter5725 2 หลายเดือนก่อน

    Can we design only one icon and submit to sell on adobe stock or we need to draw multiple at a time .

  • @supermor1114
    @supermor1114 3 ปีที่แล้ว +1

    Thank you Bro.

  • @ಹೇಮಲತಶಿವಪುರ
    @ಹೇಮಲತಶಿವಪುರ 4 ปีที่แล้ว +1

    Which size have to use to create icons

  • @honeynandal
    @honeynandal 6 ปีที่แล้ว +2

    Another great video. Keep up the good work bro.

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว +1

      I'm going to keep doing what I'm doing :D

  • @sunilchristian3430
    @sunilchristian3430 3 ปีที่แล้ว

    Thank you!

  • @harsleykentlawas8908
    @harsleykentlawas8908 3 ปีที่แล้ว

    damn can't believe ive been doing this rules on my own . glad I saw this vid to confirm I was actually doing the right thing.

  • @nguyet2286
    @nguyet2286 ปีที่แล้ว

    How can i make that icons like you in the video?Can you gimme a tutorial pls!!!

  • @producermind9030
    @producermind9030 4 ปีที่แล้ว

    Good video.

  • @CosminSerbanDesign
    @CosminSerbanDesign 6 ปีที่แล้ว +8

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

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว

      That I am! And there is going to be a nice big giveaway too! :D

  • @neetabudhraja
    @neetabudhraja 6 ปีที่แล้ว +1

    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....

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว +1

      yes for sure, the geometric shapes are not only good for icon design, but for logo design too :)

  • @alexdib3915
    @alexdib3915 4 ปีที่แล้ว +1

    Great rules, thank you!

  • @sarwarahmed6358
    @sarwarahmed6358 3 หลายเดือนก่อน

    great

  • @sreevinesha3037
    @sreevinesha3037 5 ปีที่แล้ว

    best teacher😇

  • @TayshaBillinger-j7w
    @TayshaBillinger-j7w ปีที่แล้ว

    instead of doing that at 3:04 you can just make a rectangle and bend the sides with the selector tool and then cut it in half with the scissors

  • @crearam
    @crearam 6 ปีที่แล้ว +5

    Extra ordinary job. Very helpful. Thanks. Ram

  • @nositelle
    @nositelle 6 ปีที่แล้ว +1

    Very useful, thanks

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว

      Hey thanks a lot for the comment Pauline, have a great day

  • @md.mosharofhossain6719
    @md.mosharofhossain6719 6 ปีที่แล้ว +1

    Nice. Thanks.

  • @sunilchristian3430
    @sunilchristian3430 3 ปีที่แล้ว

    Hi! Which site(s) would you recommend to sale icons?

  • @hamidlatrache1450
    @hamidlatrache1450 4 ปีที่แล้ว +1

    Thanks you boss

    • @SatoriGraphics
      @SatoriGraphics  4 ปีที่แล้ว

      lol thanks for the comment and have a positive day

  • @sherwinrheycondez4027
    @sherwinrheycondez4027 6 ปีที่แล้ว +1

    Thank you very much Satori for this tips.

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว

      Much appreciated Sherwin, and have a great day

  • @anbudanHadhi
    @anbudanHadhi 5 ปีที่แล้ว

    simply great

  • @manuelagmz107
    @manuelagmz107 3 ปีที่แล้ว +1

    Instead of expanding the strokes, you can set the file to scale them proportionately.

  • @kaytee8716
    @kaytee8716 4 ปีที่แล้ว

    Extremely useful. Thanks !

  • @My.BusinessCoach
    @My.BusinessCoach 6 ปีที่แล้ว

    wonderful man

  • @stkobii
    @stkobii 2 ปีที่แล้ว

    Great Video, thank you for that. I have to create SVG 32x32 / 16x16 Icons for a Windows Software for my friend. I will draw the icons with Illu. I set my Illu to snap on pixel. If I draw not to the pixel, in the software are rly unsharp. Do I do a failure? Any Tips?

  • @jmsaylor22
    @jmsaylor22 6 ปีที่แล้ว +1

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

    • @tunelvission
      @tunelvission 6 ปีที่แล้ว

      I too wonder if the first tip can also be fixed by switching the stroke to the inside of the square? or is that not the same?

    • @tunelvission
      @tunelvission 6 ปีที่แล้ว

      but I am guessing when designing a logo you can't always just switch the stroke so this would be useful when this is your best option

  • @shovonislam6973
    @shovonislam6973 6 ปีที่แล้ว +2

    Really your video concept are helpful in Graphic designer's

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว

      Hey thanks for the feedback, glad to see you find this helpful :D

  • @Red_Rebel
    @Red_Rebel 6 ปีที่แล้ว +1

    These are so essential! Thank you

  • @MishraNilesh
    @MishraNilesh 6 ปีที่แล้ว +3

    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

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว +1

      Do you mean more script style fonts? I did make a video on my best fonts a while back..
      Thanks for the comment and have a great day

    • @MishraNilesh
      @MishraNilesh 6 ปีที่แล้ว +1

      @@SatoriGraphics no not just professional, like serif or san serif fonts but some crafty fonts
      and thnx for replying at the earliest, have a great day 🙇🙇

  • @adedoyinbetiku
    @adedoyinbetiku 6 ปีที่แล้ว +2

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

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว

      lol there is a first time for everything :D

  • @jaysm7924
    @jaysm7924 6 ปีที่แล้ว +5

    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

    • @MaxMullen
      @MaxMullen 6 ปีที่แล้ว +4

      One thing that I do is when sending the budget or talking about it with the client, say that the price includes two changes, then more than two changes means an extra charge per change.

    • @neetabudhraja
      @neetabudhraja 6 ปีที่แล้ว +1

      Wow.. i dint know that we can charge extra for the changes.. i have done around 80 changes for one client... !!! And it took 1 month for him to finalize his logo!!! And each day i used to work 6 to 7 hours for his logo.. !!!!
      Its an eye opener for me...
      Thank u for asking this question.. as it has helped me to take care of such things in future...

    • @jaysm7924
      @jaysm7924 6 ปีที่แล้ว

      @Youssef Sanad Thanks for your answer!

    • @gu.andreazzi
      @gu.andreazzi 6 ปีที่แล้ว +1

      ​@@neetabudhraja As Max said, when defining budget you formalize sort of a contract. Your project will cost X. I don't say to my customer how many time I will spend, because probably the client will try to get you until the last minute, or a refund.
      What I do is: I MUST have a briefing, then I'll show up with a number in my mind. Maybe 3h for the whole project + 1h for any problem I get or research time.
      After showing the price of my project, I write in the same sheet that my price isn't for the open file, just the final outcome.
      Also, minor changes are allowed 3 times maximum. Redesign = extra fee per hour (now you can say how many extra hours you got). But you have to have something to manage your working hours. I use ManicTime to help me.
      For now, I'm sorry for you to work 1 month for a single project.
      If you do business cards or flyers like me, it's more acceptable changes because it's a work of less impact.
      But if you design a logo, a full brand or so, the price normally is high because the project will consume a lot of changes.
      So, in your position, before start, I would charge the 40 euros/hour for 20h. I normally start AFTER a good briefing and discussing. I count only worked hours.
      hope it was helpful in any way

    • @neetabudhraja
      @neetabudhraja 6 ปีที่แล้ว

      @@gu.andreazzi thank u so much.. its a great help.. as i had redesigned tht client's logo for more than 6 times n each time i had given him so many options and variations.. and to design a logo, its a huge amount of work.. that too if its of whole brand..
      It was my first time experience..n i will always keep these tips in my mind.. thank u once again.. for this valuable insight..

  • @ashishsoni2431
    @ashishsoni2431 6 ปีที่แล้ว +1

    Really helping tips ^_^

  • @macasif8125
    @macasif8125 6 ปีที่แล้ว

    good tips.

  • @caesarkakuru5455
    @caesarkakuru5455 4 ปีที่แล้ว

    thanks a lot for this. please clarify what you mean by pretty large artboard

  • @nadaa2696
    @nadaa2696 4 ปีที่แล้ว

    Fantastic thank you!

  • @Jishnucreations2021
    @Jishnucreations2021 3 ปีที่แล้ว

    How to outline? Please , 4:56

  • @teabagNBG
    @teabagNBG 6 ปีที่แล้ว

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

  • @omaremad9125
    @omaremad9125 6 ปีที่แล้ว +3

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

    • @Sakros
      @Sakros 6 ปีที่แล้ว +2

      That would be nice.

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว +3

      I am working on it for next week :)

    • @omaremad9125
      @omaremad9125 6 ปีที่แล้ว

      Satori Graphics, Great :)

    • @Sakros
      @Sakros 6 ปีที่แล้ว

      @@SatoriGraphics Ouh nice! I'm waiting for it. :D

  • @westinruud
    @westinruud 5 ปีที่แล้ว

    Bonne vidéo merci beaucoup

  • @nlipskaya
    @nlipskaya 5 ปีที่แล้ว

    thank u so much for such amazing and unique content!

  • @akhwanstudio
    @akhwanstudio 5 ปีที่แล้ว

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

  • @lopsangdlama
    @lopsangdlama 6 ปีที่แล้ว +4

    I wasn't familiar with 1 and 3........thanks satori graphics :D

    • @SatoriGraphics
      @SatoriGraphics  6 ปีที่แล้ว +1

      And now you are :P
      lol, have a great day

  • @DannyPacheco-j6f
    @DannyPacheco-j6f 3 ปีที่แล้ว

    The other thing I would say is the icons should have the same design style or aesthetic as much as possible to adhere to corresponding brand identity

  • @kamaldeep885
    @kamaldeep885 6 ปีที่แล้ว +1

    👍👍

  • @Denis-cb4dc
    @Denis-cb4dc 4 ปีที่แล้ว

    But how do you export them perfectly to SVG? Cant find the answer... :(

  • @papetall9183
    @papetall9183 6 ปีที่แล้ว

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

  • @christopherreed4337
    @christopherreed4337 5 ปีที่แล้ว

    I love you.

  • @미래도시-w4l
    @미래도시-w4l 2 ปีที่แล้ว

    5:10

  • @kolaposanusi9083
    @kolaposanusi9083 3 ปีที่แล้ว

    New Icon Pack!!!
    gum.co/KyBDO

  • @akoitojane
    @akoitojane 6 ปีที่แล้ว +2

    Second

  • @lopsangdlama
    @lopsangdlama 6 ปีที่แล้ว +1

    noooooooooooooooooooo :D 3 hours :D

  • @artfabrique
    @artfabrique 3 ปีที่แล้ว

    you are not following rule 4 with your example at 4:09 )))))))