Skip to main content

Draw Account Icons with Illustrator

Account

Card

Email

Mobile

Calendar

Setting

I’ve learnt several things from the above videos:

I learnt to draw the shapes out in an abstract way. When creating an icon, only those that made up to the top list of most prominent shapes and features will become part of the icon. For example, a person’s face, the most obvious features are probably glasses, nose, eyes, mouth, hair style, mole, freckles, and pimple. For a Zembra, its face and the black-white stripes. You can always upload an image or a sketch and draw along the line.

I learnt to use pathfinder, 
  • Add To Shape Area Adds the area of the component to the underlying geometry.
  • Subtract from Shape Area Cuts out the area of the component from the underlying geometry.
  • Intersect Shape Areas Uses the area of the component to clip the underlying geometry as a mask would.
  • Exclude Overlapping Shape AreasUses the area of the component to invert the underlying geometry, turning filled regions into holes and vice versa.

I learnt to draw a shape for flat UI
It really depend on yourself about where you plan to have the light shine down from. The most popular ones seems to be from left top (45 degrees) to right button and from right top (45 degrees) to left button

learnt the process of creating an icon based on a real product
First it is to identify the most distinguish features of an item. Then it os to draw a sketch on it and upload to illustrator, if it is symmetrical i can draw only half and the copy-pause the other half. Then it is to color all component while make sure the features stand out.

Drawing icons are a lot easier than I expected, of course, if I know what to draw, while some other account icons such as address, notification etc can be difficult to create.

Comments

Popular posts from this blog

The Global Digital Gaming Market: Reasons, Ecosystem and Top Performers

What are digital games to us as a society. I believe the most important question to answer when looking at an industry is how the society interact and utilize it. More specifically, how different groups in the society do. Looking at several dozens of iconic speeches, videos and discussion papers, I summarized them into 6 kinds: Source of Joy: no doubt this is the most usage of a digital game, It is fun to play and makes people happy. Human beings cannot live without play, and games exist to satisfy this need. Art Form: since the first video game exhibition in Museum of Moving Image in 1989; the characterization of games as art works has been controversial.The opponent states that games has no meaning but to entertain and they do not last long enough like art does; while the supporters argue that the medium of video games is potentially post-modern art and should be viewed through the same critical lens as any other form of art. And looking at how much digital game has changed since 60 y…

Wining in the Gaming Ecosystem

What are digital games to us as a society. I believe the most important question to answer when looking at an industry is how the society interact and utilize it. More specifically, how different groups in the society do. Looking at several dozens of iconic speeches, videos and discussion papers, I summarized them into 6 kinds:
Source of Joy: no doubt this is the most usage of a digital game, It is fun to play and makes people happy. Human beings cannot live without play, and games exist to satisfy this need.

Art Form: since the first video game exhibition in Museum of Moving Image in 1989; the characterization of games as art works has been controversial.The opponent states that games has no meaning but to entertain and they do not last long enough like art does; while the supporters argue that the medium of video games is potentially post-modern art and should be viewed through the same critical lens as any other form of art. And looking at how much digital game has changed since 60 y…

2 Myth & 2 Truth About Bio-authentication

Bio-metrics using our physical characteristics to verify our identity. What has been advertised on the market is that it improves security level and make user experience much more simple. 
While at the same time, we also hear the opposite voice, from time to time, about the failure of the technology and the risk of using it. In this article, I aim to summarize the research findings to understand the actual benefit and risk of bio-metrics and what what are the key hurdles for implementing biometrics in end-consumer products.
TechTarget defined Biometric payment as a point of sale (POS) technology that uses biometric authentication to identify the users and authorize the deduction of funds from a bank account. Fingerprint payment, based on finger-scanning, is the most common biometric payment method. 
As the authentication involved physical characteristics (e.g. fingerprint; voice; pupil etc), there certainly need a “point” on which the “Sale” is confirmed. Nevertheless, the POS concept he…