New Icon Design for Mobile Application Web Inspector

in #utopian-io7 years ago (edited)

Details

Intro.png

New Proposed Design for the App Web Inspector

Application Brief

Web Inspector is an open-source android app that has features of DOM Inspecting, Network resource logs and XHR/Ajax logs. It is free to download at Google Playstore.

Concept and Inspiration of the New Design

The concept of the new design is to create a clean and simple icon with the symbols of "W" for web with comma symbol for logs and surround it with circle to represent a globe. The design is also created with thick outlines and transparent background for better visibility.
Here is the process below.
process.png
comp.png

Color Variations and Codes

The colors variations i used in this design is based from the original icons colors.
I also added a utopian color themed icon just for additional option and to provide a visuals of the icon in gradient version.
colors.png

The icon in White and Black Background and Monochrome Version

bnw.png

Icons in Different Sizes

size.png

The Logotype Version

logotype.png

Font Used in the Icon

Font.png

MV Boli

Creation Workspace/Proof of Works

image.png
image.png

Benefits / Improvements

The design works as an enhancement to the official icon. The colors are the same and also the concept. The designer of the proposed icon valued creativity and avoided the generic designs that could possibly created by others. As a result, an icon with less details and with simple identity.

Tools

Adobe Illustrator CC 2017

Original files

ORIGINAL FILES

Thank you for viewing



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

@patricjames, No matter approved or not, I upvote and support you.

What happen with W. Something wrong in there

Hi sir @podanrj what do you mean?

W is created first by text using mv boli font then outlining it to become an object

Your contribution cannot be approved because it does not follow the Utopian Rules.

  • no license in github
  • readme not in english

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