Design Icons the Right Way - Adobe Illustrator
HTML-код
- Опубликовано: 29 июн 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!
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! This is awesome and informational video. You deserve much more recognition.
Thank you so much! Means a lot.
Thank you! A lot of work and abstraction into so small pieces of art :-)
awesome video, beautiful design
thanks for guide!
Super helpful video. Thanks!
Made me better understand the iconography very helpful thanks
I'm so glad!
Very informative video! Thanks! ❤
Great video, thanks!
Nice helpful video, thanks
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!
Ima download it thanks for sharing!!
Glad you did!
👍very good video, thanks
Thank you for this! Super cool video! A+++
great video! thanks.. got just the information I needed
Thanks for your comment! Glad you found it useful.
Thanks you so much....your teaching style is awesome 👍...God bless you
You're welcome!! Appreciate it a lot.
Thank you!
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.
Great video! 3:04 cracked me up thanks
💎 Thank you!!!
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
Very great
Amazing video! Thanks. But where's the full vid?
Can you do a video on the artboard layout, guides, and exporting to libraries?
I'll look into it! Thanks for watching.
thanks
Love that intro ❤️
Thank you!
can you send me the full video please? i want to pratice
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.
full video link?
How to pack them all icon into a icon pack for android
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.
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. :)
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.
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!
cheat sheet doesn't align to grid
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?
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. :)
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!
Bro taught me nothing
Bro said nothing in 4 minutes
Okay, Jake.