7 GOLDEN RULES For Icon Design *MUST KNOW*

by: Satori Graphics

Download this transcript

Transcript:

[0.06]
today seven golden rules that you must keep in mind when designing icons in Illustrator


[5.52]
[Music]


[13.86]
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


[103.759]
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 [Music] 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


[272.93]
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


[297.26]
[Music] 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



Description:
More from this creator:
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 https://thehungryjpeg.com/bundle/3502855-the-now-or-never-november-bundle/DT1s0cgmDG/

🔴 Script Satori FONT DOWNLOAD: ➤➤ https://www.satorigraphics.net/typography-ebook-download/script-satori-font-download

***************** SUBSCRIBE TO SATORI GRAPHICS ***************** ➤➤ https://www.youtube.com/channel/UCoeJKtPJLoIBqWq4o8TDLpA

7 FREE SCRIPTS FOR ILLUSTRATOR: https://youtu.be/-Xa3cE8keK8

Here's a Neat Poster Design Tut: https://youtu.be/TN2HCYoCltg

***************** MUSIC ***************** Ocean by Joakim Karud, check his music out here https://soundcloud.com/joakimkarud/va

JULIAN AVILA - Take Care Soundcloud: https://soundcloud.com/julian_avila

Youtube: https://www.youtube.com/channel/UCp_CZMxdfHYGsi16LTvWr4A

▶ 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 YouTube audio library and thus copyright free music. https://www.freepik.com/free-vector/illustration-of-business-concept_2687450.htm

https://youtu.be/_-DmavFfy5o

Disclaimer:
TranscriptionTube is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to amazon.com
Contact:
You may contact the administrative operations team of TranscriptionTube with any inquiries here: Contact
Policy:
You may read and review our privacy policy and terms of conditions here: Policy