How to Design Better ICONS | Must-know Golden Rules for Icon Design in UI & Web Design

The basics of effective icon design are clear. Icons need to be consistent, legible, and clear so that users can easily understand and recognize them. #icondesign #uidesign Iconography is an important part of user interface design. It's a visual language that represents actions and content, as well as shows the meaning behind functionality. What makes an icon great? Watch the video to find out. 0:00 Intro 0:14 Iconography 0:27 Use grids 1:03 Consistency 1:54 Minimalistic style 2:51 Spacing 3:01 Optical correction 3:21 Recognition, clarity, and aesthetics 👉 Resources to check out: https://icons8.com/ https://www.iconfinder.com/ https://thenounproject.com/ https://fonts.google.com/icons https://www.flaticon.com/ Icon handbook: https://www.amazon.com/Icon-Handbook-Jon-Hicks-2012-01-30/dp/B01K3QEPTM Resources used in the video: https://www.figma.com/community/file/931906394678748246 https://experience.sap.com/fiori-design-web/icons/ ----------------------------------------------- I'm giving away copies of my book because I want to help people learn about UX design. The book is full of advice and tips that I've learned over the years. It's also a way for me to give back to the community 😊 Sign up to get your copy in Apr 2022: https://forms.gle/7wFbWuGKdzL3f8Dx9 ----------------------------------------------- ➜ ➜ You can find all of my recommendations on my website: https://nikitisza.com/design-101 If you have any questions, leave me a comment, and I will answer it to the best of my knowledge. 👋 If you are new to my channel, my name is Niki. Welcome & thank you for stopping by. I really do appreciate your support. I’m still amazed by the fact that people find and watch my content on UX UI product design on YouTube. Besides UX design, I also create vlogs about my life as a designer, tech, productivity, and self-development. ----------------------------------------------- //// SUBSCRIBE If you enjoy my videos please comment & like them as it keeps me going. Subscribe ➜ ➜ ➜ https://www.youtube.com/channel/UCJQqF6pb2xj3yekYpc1QkZQ?sub_confirmation=1 NEWSLETTER: https://mailchi.mp/c7ed20b3a9b2/newsletter Support my writing on Medium: https://nikitisza.medium.com/membership ➡ Whiteboard design challenge - how to solve it: https://blog.prototypr.io/whiteboard-design-challenge-as-part-of-the-design-interview-process-343b971ff0c3 ----------------------------------------------- //// VIDEOS YOU MIGHT ENJOY ➡ How to get started in UX design with no degree: https://youtu.be/3J5XOfxewQw ➡ How to wireframe and generate endless ideas fast: https://youtu.be/F0esWnwZOMg ➡ Find out if you’re late to the UX field: https://youtu.be/7VPZDTWKP78 ➡ Designer diary - a week in my life as a UX designer: https://youtu.be/phn8xTdl9fU ➡ Winning design interview answers: https://youtu.be/uwDE2rKeAAQ ➡ How to change careers at 30 (or even later): https://youtu.be/RnzevIq4sWI ----------------------------------------------- //// FREE DOWNLOAD Community resources for designers: https://www.nikitisza.com/resources ----------------------------------------------- //// SOCIAL IG: instagram.com/niki.tisza.design TIKTOK: https://tiktok.com/@niki.tisza IG Sketching: https://instagram.com/doodlesbyniki LINKEDIN: https://linkedin.com/in/nikitisza/ WEB: https://nikitisza.com/ MEDIUM: https://nikitisza.medium.com/ TWITTER: https://twitter.com/nikitisza ----------------------------------------------- //// DRAWING My sketchnote YouTube channel: https://www.youtube.com/channel/UCRh48H1cIxnkzN1T5KCzV2g?sub_confirmation=1 ----------------------------------------------- 💌 Read my articles on the web: https://www.nikitisza.com/writing ----------------------------------------------- //// MUSIC When I use music in my videos: https://www.bensound.com/ and/or YouTube audio library. ----------------------------------------------- 🇭🇺 For my Hungarian viewers: I try my best to add translation to my videos to make it accessible to you all. However, I'm not skilled at professional translation, let alone having a Hungarian keyboard with all of our extra characters. In case you'd like me to correct some of the words, or contribute to Hun captions, please get in touch with me via email or send me an .sbv file with timing. I really do appreciate your help.