Logo Design For Steemia With Adaptive and Responsive Icons

in #utopian-io7 years ago (edited)

Asset 21@2x-100.jpg

Details

Steemia is a social media running over the Steem Blockchain. For more detail about Steemia you can check here

Process

Since Steemia is a social media app, my main goal is to make a solid and dynamic logo. I started by doing some research and collecting some social media logos for moodboard and inspiration.

Screenshot (31).png

From the moodboard I realized that all of those logos share same characteristics, those logo are simple and versatile, those logos can work in every single kind of display and any kind of size yet still recognizeable.

From there i try to make a simple and versatile logo that can represent Steemia, here is the result:

csArtboard 2@2x-100.jpg

As I said before, i want to make a versatile logo and since Steemia is and app for Android and iOS, the most important thing is the icon, I made the icon in several adaptive form.

csArtboard 2 copy 3@2x-100.jpg

I made the icon to be responsive, so it can be work as a small notification icon. In responsive logo some detail can be remove and still the logo must be recognizeable. This is the example of responsive icon


Source

And here is proof of my logo is a resposive logo. you can see the shadow part was removed so it will be clean and still recognizeable when the logo scaled down to notification icon.

Asset 4-100.jpg

Here are another previews of the logo.

csArtboard 2 copy@2x-100.jpg

csArtboard 2 copy 2@2x-100.jpg

Tools

The logo was made with vector based software: Adobe Illustrator and exported in several kind of vector files.

Proof of Work

Screenshot (26).png
Screenshot (28).png
Screenshot (27).png
Screenshot (29).png
Screenshot (32).png

Original files

Editable Vector FIles and .png files: GDrive

Font: Futura



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Well, I lost another competition..
Steemia name sounded me feminine, so those curves fits well imo. I would use shadow on both sides, not only in bottom. Another thing to consider, rather than using it on a hexagon or another shape you could use the icon as it is. So it would be seen better on notification are.
Great work, gratz.

You are still in the competition, the project owner said he like your logo 😄

Hmm shadow on both part could work, i think i can tweak it if the project owner chose it as the winning design.

For the notification icon, your idea sounds great. I'll try to export it and apply it the screenshot to see how it will appear.

Well, you didnt :D
gg well played.

well done!! i like it ..

I do not understand why do you fill the blue with the pen?

Then what do you do to divide parts and extract the fill of the silhouette?

The blue fill was made later, the first concept was without fill, so i make the fill with pen tool and sent it to back (ctrl+open bracket key]

There is a tool to devide it, i dont remember its name something like (builder or shape builder), because i always use keyboard shortcut which is shift+m for that tool

ammm ok!! i use for that (K) interactive paint , and after expand .. :)

blessings

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Hey @nilfanif I am @utopian-io. I have just upvoted you!

Achievements

  • You have less than 500 followers. Just gave you a gift to help you succeed!
  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Coin Marketplace

STEEM 0.17
TRX 0.15
JST 0.028
BTC 59653.51
ETH 2353.20
USDT 1.00
SBD 2.47