7 GOLDEN RULES For Icon Design *MUST KNOW*
ฝัง
- เผยแพร่เมื่อ 11 ก.ค. 2024
- Do you know the GOLDEN RULES of icon design? Today I have 7 icon design tips when working in Adobe Illustrator, and as part of the video tutorial on icon design, you will learn the essentials so that you can make some awesome icons in Illustrator.
Icon design is becoming evermore important online, but it’s still important on print media too. In todays icon design tutorial, we work in Illustrator to explore the 7 golden rules that I’ve come up with, as a means to help you in your graphic design workflow, when designing your next set of icons. Some of the tips in the tutorial made seem obvious to you, but there are also some nifty icon design tips and tricks that you may not have previously known about.
If you'd like to see more Illustrator tutorials on icon design, or maybe an actual step by step video on designing a specific icon, chime in the comment section below. Icon design is becoming more and more important, and I feel it is a nice topic to cover on this channel.
So let me know, do you design many icon sets in your graphic design workflow? If you do, then what did you think of my 7 tips or golden rules for icon design in Illustrator? I’d love to hear your feedback and opinions on todays Illustrator tutorial guys. And of course if you did find it enjoyable or useful, let me know in the comments section and drop a like on your way out. Subscribe to stay updated to all of my uploads and until next time, design your future today, peace
0:24 Use Preview Bounds
1:55 Use Geometric Shapes
3:10 Use Pixel Preview Mode
3:45 Use The Grid
4:16 Keep It Simple
4:38 Expand / Outline Strokes
5:13 Lay Your Icons Out Neatly
🔴 Grab 40+ Fonts & Licenses for ONLY $29 thehungryjpeg.com/bundle/3502...
🔴 Script Satori FONT DOWNLOAD:
➤➤ www.satorigraphics.net/typogr...
**************** SUBSCRIBE TO SATORI GRAPHICS ****************
➤➤ / @satorigraphics
7 FREE SCRIPTS FOR ILLUSTRATOR:
• 7 FREE Illustrator Scr...
Here's a Neat Poster Design Tut:
• ILLUSTRATOR NEON BUTTO...
**************** MUSIC ****************
Ocean by Joakim Karud, check his music out here
/ va
JULIAN AVILA - Take Care
Soundcloud: / julian_avila
TH-cam: / @juliangavila
▶ Copyright
The work is protected by copyright. This is applied to the video recording of itself as well as all artistic aspects including special protection on the final outcome. Legal steps will have to be taken if copyright is breeched. Music is used from the TH-cam audio library and thus copyright free music.
www.freepik.com/free-vector/i...
• 7 GOLDEN RULES For Ico... - แนวปฏิบัติและการใช้ชีวิต
#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
Thanks bro. People like u really helps us, (those who are putting effort into it)
7 golden rules for designing icons in Illustrator. I hope you all find todays video useful!
Grab 40+ Fonts & Licenses for ONLY $29
thehungryjpeg.com/bundle/3502855-the-now-or-never-november-bundle/DT1s0cgmDG/
Very Helpful
thank u so much for such amazing and unique content!
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.
Thanks again man, glad to see you agree. And I agree with your added tip too
Extremely useful. Thanks !
i really love ur content bro its soo helpfull compared to other tutorials... u really sharing some very important stuff
Fantastic thank you!
With your video, I don't need any books about Illustrator. Thanks. And have a nice day.
haha thanks, but I still suggest using other materials and resources too :)
Eres el Zeus del diseño man. Eres el mejor de todos los siglos y por la eternidad!!! You are thes BEST!!!
Damn man, you're close to 100k subscribers, thanks for sharing your thoughts on icon design. Peace! ✌
That I am! And there is going to be a nice big giveaway too! :D
These are so essential! Thank you
Happy to hear that!
These are some of the best, short tutorials out there. I am now watching these regularly to up my own graphic design work.
Thanks Hans, I'm happy to hear that. Any suggestions just comment :)
@@SatoriGraphics Have you done infographics?
@@HansPacker no reply 😔
Thank you!
Another great video. Keep up the good work bro.
I'm going to keep doing what I'm doing :D
wonderful man
Extra ordinary job. Very helpful. Thanks. Ram
Thanks a lot Ram!
simply great
Thank you very much Satori for this tips.
Much appreciated Sherwin, and have a great day
Great rules, thank you!
Cheers for the comment Alex
great video!
Thank you so much sir for such a nice video it help me a lot thank you so much once again ...... Love from india 🤗
best teacher😇
Awesome video
good tips.
great video
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?
Very useful, thanks
Hey thanks a lot for the comment Pauline, have a great day
thanks a lot for this. please clarify what you mean by pretty large artboard
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.
Thanks buddy, for the first time, I watched your video and I know all you said, yaaaaay...
lol there is a first time for everything :D
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
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
@@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 🙇🙇
Nice. Thanks.
Hey thanks for the feedback!
Bonne vidéo merci beaucoup
Really helping tips ^_^
Hey thanks a lot as always :D
Really your video concept are helpful in Graphic designer's
Hey thanks for the feedback, glad to see you find this helpful :D
Good video.
I have not designed an icon yet, but this video will come in handy if I ever do. As always, have a great day.
Yes when it comes to it, you can keep these golden rules in mind Sir :)
Thank you.
You're welcome!
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
Wow awesome awesome stuff. Thanks for this and enjoy the journey
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....
yes for sure, the geometric shapes are not only good for icon design, but for logo design too :)
Thank you Bro.
No problem
Instead of expanding the strokes, you can set the file to scale them proportionately.
Hi! Which site(s) would you recommend to sale icons?
Thanks you boss
lol thanks for the comment and have a positive day
How can i make that icons like you in the video?Can you gimme a tutorial pls!!!
What a about pixel perfect? I can't understand any video what i have found on youtube, please explain it
Which size have to use to create icons
But how do you export them perfectly to SVG? Cant find the answer... :(
In the phone wallpaper at 5:37 how did yo do the low poly background?
Can you make a tutorial on that?
That would be nice.
I am working on it for next week :)
Satori Graphics, Great :)
@@SatoriGraphics Ouh nice! I'm waiting for it. :D
👍👍
✌👍👌
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
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.
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...
@Youssef Sanad Thanks for your answer!
@@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
@@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..
I wasn't familiar with 1 and 3........thanks satori graphics :D
And now you are :P
lol, have a great day
I love you.
For the first point about the stroke, you could just change the stroke to be inside the box
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?
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
Hi l really like your channel please let me know if you can do a good professional logo
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
How to outline? Please , 4:56
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
5:10
noooooooooooooooooooo :D 3 hours :D
lol you got the first comment
Second
quite rightly so
New Icon Pack!!!
gum.co/KyBDO
you are not following rule 4 with your example at 4:09 )))))))