Today, I wanted to mess around with making an “analog to digital” icon. Nothing too fancy, just a simple little thing.
First, I opened up my trusty Figma. I figured a simple design would be best. You know, clean lines and not too much going on. People are busy these days, so a minimalist design that gets the point across quickly is ideal.
Then, I got to work. I started by drawing a few basic shapes. I used some rectangles and circles to represent the digital side. It’s pretty rough, but it gives that pixelated, digital vibe.
- Drew a rectangle for the main body.
- Added a circle inside for a “digital” feel.
- Made some smaller rectangles to represent like, signal waves.
Next, I played with some colors. Nothing too crazy, just some simple blues and grays. I wanted something that looked kind of techy, but still easy on the eyes. The blue represents the digital signal. It is my favorite color!
Here’s the gist of what I did:
- Picked a nice blue for the digital parts.
- Used a light gray for the background.
- Made sure the colors weren’t too harsh.
After that, I tweaked the shapes a bit more. I rounded some corners and adjusted the sizes until it looked just right. It’s still not perfect, but it’s getting there. I think it captures the idea of converting something analog into something digital.
Finally, I exported the icon in a few different formats, like PNG and SVG. Just in case I need to use it somewhere later. All in all, it was a fun little project. It is not a masterpiece, but it was a good way to kill some time and learn a few things along the way.
Oh and after I saved it I thought of the three main areas I see icons every day, health safety and transportation. Pretty sure I see them there everyday for a reason.
It was interesting to try and think about how to convey something complicated in a simple, clear way. I guess that’s what good icon design is all about!
