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

I 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.
Labels:

Comments

Post a Comment

Popular posts from this blog

Will AI Believe in God?

I came across an interesting article recently on Gizmono ( Link ) titled “when superintelligent AI arrives, will religions try to convert it”,  The key question seems to be simple at the first glance. The commonality among all different interviewees suggest that there is some kind of criteria the Strong AI has to pass to be qualify as human to be relevant to the religion.  The complication comes in that different party seems to have different criteria, to summarize: If Strong AI has a soul? If Strong AI has a soul an spirit? And for the very fact that it is about AI and religion, let’s refer to Bible for the definition of spirit.  What is the definition of Soul:   the   spiritual   part   of   humans   regarded   in   its   moral  aspect ,   or   as   believed   to   survive   death   and   be subject  to   ha...
Post a Comment
Read more

How to Do Market Research and Competitor Benchmarking

Congratulation, you have validated your business idea from the people around you and it looks good in their eyes.  You want to go ahead and start working on the idea. No matter if you are a veteran in the industry and have good connections to help you start; or your idea came from your personal experience while you have little experience on the market.   The first thing you will end up doing is market research. Remember, you are doing the research to: Make sure the idea in a correct way; Identify what your end users are comparing to Understand what challenges you will face; See how you can make money; You are not doing the research to: Copy what the other companies are doing  Exhaust all potential competitors in the market What I always to, is a 5+1 market analysis. In the beginning, I would start with a 5-day analysis with the following schedule: Day 1: Find a list of companies that are targeting the same end users you want to approach  For most of us, finding the l...
Post a Comment
Read more

5 Drives Behind Machine Learning Innovation

Machine Learning is undoubtedly one of keywords for 2016 and will continue to be in 2017 and onwards. 3 familiar cases that anybody will be able to associate with:  Case 1: search engine such as Google Case 2: social media feed such as Facebook Case 3: mobile keyboard text suggestions You can find thousands of links on machine learning definition but knowing the meaning is not helpful. What I found valuable is to know what enabled machine learning, or in other words, what machine learns from, and how it is used now and in the future in different industries.  Throughout this year, I aim to understand how machine learning works and how it will impact us in different industries. First, let us understand what are the fundamentals that enabled machine learning, or in other words, why now? To summarize, 4 elements are essential: Cost to Store Data: I will credit this as the No 1 element for Machine learning, throughout the past decade, Cost of...
Post a Comment
Read more