Design Icons the Right Way - Adobe Illustrator
ฝัง
- เผยแพร่เมื่อ 13 ก.ค. 2024
- Want to design an icon set that looks coherent? Need to make sure that your icons are legible and easy to identify? Jammed it all up.
Download free Icon Design Cheat Sheet & view other jammed content:
jmmd.gumroad.com/
Buy me a coffee:
paypal.me/jammedesign
A more comprehensive guide on how to design Icons on Figma by "Friends of Figma: Iconography":
• Video
How to improve at Design:
• How to Improve at Grap...
Leave your thoughts in the comments down below.
If you enjoy the jammed content don't hesitate to subscribe so you don't miss any of the new content, also share the video with people who could benefit from it.
Social media:
Instagram: /
Twitter: / jammedtalks
Credits:
Track: Away From You - Mauro Somm [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Away From You - Mauro ...
Free Download / Stream: alplus.io/away-you
UI Designer Mentioned: Taras Migulku
UI Design Reference: dribbble.com/ui_migulko
Until next time!
Are you ready to design some cool icons for your new website?
hell yeah I just found out Im good designing shapes and signals, my mind just open on what I can do for a living Thanks for the tips :D
No😅
Now this is how you fucking do a video, not only was it informational, but you see how good you are as a Designer, just the intro alone let me know it was going to be good, keep it up man!
Fucking thanks for watching!
@@jammedesign Thank you for fucking replying!
This is fantastic video - thanks for all the tips! I hope you get more recognition on youtube for the work on your channel!
Thanks man! Very glad you found it helpful, appreciate your feedback tons. :)
Very useful tutorial. Thanks for taking the time to share! 👍
Great video man, and thanks for the free template ❤
Yeah, big b. Upload the full video. I really love your tips.
Thank you! A lot of work and abstraction into so small pieces of art :-)
Super helpful video. Thanks!
Very informative video! Thanks! ❤
Thank you! This is awesome and informational video. You deserve much more recognition.
Thank you so much! Means a lot.
awesome video, beautiful design
thanks for guide!
Great video, thanks!
Nice helpful video, thanks
👍very good video, thanks
Thank you for this! Super cool video! A+++
hello there. I really appreciate your work. please do upload full video of design process. would really love that.
you're making wonderful content. KEEP GOING
Appreciate your feedback man!
Thank you!
💎 Thank you!!!
Great video! 3:04 cracked me up thanks
great video! thanks.. got just the information I needed
Thanks for your comment! Glad you found it useful.
Made me better understand the iconography very helpful thanks
I'm so glad!
Would have appreciated you to at least explain more about how to setup illustrator. What settings to start a new document in? What size are the boxes you're designing in? etc
I agree with your points, but I aimed for a brief video to convey the main idea. The video is a bit dated, and if I were to recreate it, I'd reconsider your suggestions. Thanks for your comment!
Agreed.
can you make a tutorial on how to use those tools into making those icons? i'm trying to make those icon as a practice but i don't know how to use the tools as you do
Thanks you so much....your teaching style is awesome 👍...God bless you
You're welcome!! Appreciate it a lot.
Ima download it thanks for sharing!!
Glad you did!
Very great
Amazing video! Thanks. But where's the full vid?
thanks
Love that intro ❤️
Thank you!
can you send me the full video please? i want to pratice
Can you do a video on the artboard layout, guides, and exporting to libraries?
I'll look into it! Thanks for watching.
Cool Video - It Amazed me and you like edit the video awesome I hope you upgrade the longness of it.. But it's oky tho still helpful to my grade.
Great video. Thank you. Don't know if you can help me. I created 50+ Icons for an devise UI. Each icon is currently a separate illustrator file. Each icon will have eventually 4 "states" depending on what's selected on the devise. Is there a best practice to set this is up in Illustrator? Would you do 1 file for all of them and multiple art boards? My concern is the client will come back with a change that will affect all of them (ie: background color for a specific state) Not sure how to set things up to minimize touches.
Hey there! Thanks a lot for your comment. So, ideally, you would want to have everything in 1 file with all 4 states. So, on one artboard, compile all 50 icons in their fill state and in another in their outlined state, etc. It would be helpful for you also to learn some techniques on editing bulk items on Illustrator. Things like color could be easily edited on all at once by using multiple different techniques on illustrator.
With all that said, this video is a little outdated in terms of the software to design icons on and you could design icons much more efficiently on Figma for example, particularly for UI (I work in that field currently), and it is much better for handoffs and editing, etc nowadays. This could be a good topic for me to cover in a future video since a lot of people are working purely in Figma now.
The thing about figma is that you could have a library of the components with a set frame size (say 24x24 maybe), and when you make changes on the components it will reflect on the UI immediately without them also having to change every specific screen all over again. Hope this was helpful! GL
@@jammedesign Thanks for the speedy and detailed reply. As I am unfamiliar with Figma I'm gonna have to stick with illustrator for this project. I'll give your 1 file 4 states scenario a shot and see how I do. Fingers crossed. Again, thanks very much.
full video link?
How to pack them all icon into a icon pack for android
Hey man I need help with this : I want to decompose an icon to several parts but techniques like image tracing failed and turned the icon to a white blank rectangle
Hey man, I think to do something like this there's a toggle to "Remove White Background." Try selecting that option and let me know if that worked. Cheers.
Boss this video was very helpful.
Do you mentor beginners
Hey man, thanks for your comment! I actually am thinking of offering mentorship in the near future. Will let you know when I do. Have a great day. :)
How about icon size and stroke width? is there any 'rule' for it?
Yup, that's usually why u would need to use a specific grid to help maintain the consistency of the sizing in relation to one another. And for the stroke width, you would want to maintain 1 consistent stroke width across all icons in order for them to look coherent. Hope this helps!
is it possible to use icons from illustrator in indesign ?
Definitely! Im quite sure all of the adobe suite is well integrated for these functions. Try copying and pasting the icons across from illustrator to indesign and it should copy over naturally based on my knowledge. Good luck!
The "i want this" button to download the icon design cheat sheet doesn't work :(
Put amount "0$" if you'd like to get it for free and it will activate. :)
cheat sheet doesn't align with the grid, how many pixels should the grid be?
I think they do align on illustrator... Could you please elaborate?
cheat sheet doesn't align to grid
CAN YOU TELL US WHATS THE SIZE OF THE ICONS SHOULD BE ?? WHAT SHOULD BE THE MINIMUM SIZE AND WHAT SHOULD BE THE MAXIMUM SIZE .?
Hello, that is really variable and based on the project you're working on, as long as the icons you're designing fit together well in context, it should be good.
Do not worry much about icon sizing, but some standard app icon sizes are 16px, 24px, 32px, 48px, etc. Multiples of 8 basically.
Hope this helps.
Bro taught me nothing
Bro said nothing in 4 minutes
Okay, Jake.