Day 10 of 30 Day UI/UX Design Challenge: Icon Design! โžฐ

Posted
Tags
UI/UX 30 Day UI/UX Design Challenge
Share

๐ŸŽจ Today’s design task

Last night, I discussed my task for today with my partner. I’m grateful for his input, as he’s always thinking about how I can upskill as a designer. ๐Ÿฅนโค๏ธ

Todayโ€™s task: Itโ€™s a 2-day series focused on icon design!

๐Ÿš€ My design process

  1. Understanding the task: I started by reading the task requirements.

  2. Research: To understand how to make consistent icons, I read this article on designing icon sets.

  3. Taking notes: Key points from the article:

    • Three stages: Conceptualization, design, and evaluation.
    • Three keys:
      1. Use precise messages.
      2. Be graphically accurate.
      3. Ensure visual consistency (same grid, stroke width, key shapes, corner radius, and angles).
  4. Following steps: I decided to follow the steps mentioned in the article.

  5. Conceptualization: I listed all the icons we plan to design by researching traditional items recognized in each country (Japan and Germany).

  6. Narrowing down ideas: I chose the following pairs:

    1. Onigiri - Pretzel
    2. Sake - Beer
    3. Mt. Fuji - Alps
  7. Detailing: Answered three questions for more details:

    1. Tone: Fun, friendly, and kind.
    2. Style: Line.
    3. References: I used Streamline Icons for reference.
  8. Design: I researched different icon styles and sketched three icons for Germany and Japan, looking at photos and online inspirations. (In the sketching I added some notes for what more I can add to the icons.)

  9. Sketching: I sketched all icons in minimalist and flat styles. For clarity, I made two versions of the Sake icon.

  10. Final adjustments: Added white lines to the flat icons for better clarity, I’ll see how they look on Figma tomorrow.

๐Ÿง  Challenges and solutions

  • Simplicity vs. recognition: Even as a minimalist, making easily recognized icons was challenging.
  • Time investment: Learning about icons took time, but it was worthwhile for creating quality icons.
  • Feedback: Thomas sensei’s feedback was encouraging: “Good job! ๐Ÿ‘๐Ÿป”

๐Ÿ–ผ๏ธ The final design

Iโ€™m content with the results. They didnโ€™t turn out as badly as I feared ๐Ÿ˜‚. Iโ€™m excited to see how they look digitised!

๐Ÿ’ก What I learned today

Understanding principles and taking time in the initial steps are crucial. I’m thankful for the abundance of free resources available and for my partner’s guidance to good resources.

โฐ If I had more time

  • Iโ€™d decide which Sake icon to use.
  • Iโ€™d learn more about using Procreate to add radius and create tablet shapes, making my sketches more accurate.

๐Ÿ’Œ Any thoughts?

What are you working on these days? Iโ€™d love to hear your thoughts on my design or any advice you might have!

Thanks for following along on Day 10 of my challenge. See you on Day 11!

With love and light ๐Ÿซถ๐Ÿป

Yoshie

P.S. I’ve started drinking energy drinks lately ๐Ÿ”‹. They help with my tiredness, though Iโ€™m unsure about their health effects. Iโ€™ve tried various Red Bull flavours (Cactus and Summer Edition are my favourites) and 28 Black Acai, which is the best tasting and vegan. If I were in the US, Iโ€™d love to try Juni sparkling drinks. Which energy drink do you like best? ๐Ÿฅ› Or do you drink coffee daily like my partner? ๐Ÿค”โ˜•

Related articles

30 Day UI/UX Design Challenge

Hello! Welcome to my first blog. Iโ€™m Yoshie and I’m so excited to share this new adventure with you here โ€“ my 30-day UI/UX design challenge. Hereโ€™s where I am, what this challenge is, and why I’m diving into this creative journey. ๐Ÿ™‹๐Ÿปโ€โ™€๏ธ A bit about me First, let me introduce myself. I look like Iโ€™ve been a bit all over the place, with a heart full of love and passion for helping โ€ฆ

Day 3 of 30 Day UI/UX Design Challenge: First Lo-Fi Web Page Design! ๐Ÿ˜ฎ

๐ŸŽจ Today’s design task Despite feeling a bit tired from a late night, I was excited about today’s task: creating a wireframe for a medieval artist’s portfolio website. It’s a two-day project, but my partner helped me break it down into manageable steps. As a fan of medieval art (thanks to playing Pentiment), I was thrilled to work on this. The task: Create a lo-fi design โ€ฆ

Day 4 of 30 Day UI/UX Design Challenge: Medieval Artistry ๐Ÿ‘จ๐Ÿปโ€๐ŸŽจ

๐ŸŽจ Today’s design task I was so excited about today’s task that I even dreamed about it last night! ๐Ÿ˜‚ Today, I’m building on yesterday’s wireframe by designing the Portfolio Gallery section for Andreas Maler, capturing his unique art style and the game’s aesthetic. Design the Portfolio Gallery section from your wireframe, capturing the essence of Andreas Maler’s โ€ฆ