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

8 Takeaways on Productive Usability Tests

Please, test it.  The fact you believe in your idea, or that your investor do as well, it means a lot about creating a wonderful team and culture. It does not mean your customer will buy into that.  There is a long way between what the market opportunity (as the market analysis and the founder’s vision is) and what the actual product is. Of the thousands of products in different countries that seems to solve the same problem (you may call them competitors if you want), which one will win the customers’ favor now and in the future? Usability test helps to provides insight on that. Or in other words. usability test tells you, at the current state of mind, your customer will most likely find your product to be value if you do … in the following way … and … in the following way ... As you can see, these findings can be translated to what you can include in your MVP, why a certain design or feature did not meet the expect...

Storyboard 101

Since I made up my mind to go into the field of user experience and design, I’ve been constantly amazed by how many different concepts and terminologies we have come out in different professions to mean the same thing. One of them is the concept of a storyboard. Today I joined a design meetup event by “Design by Night”, the theme of which is to draw a painting to illustrate how we solve a problem using a possible solution. We drew the problem and solution from two boxes and no matter if they make sense to us or not, we have to build the connection. The problem I drew was mosquitos, and the solution, Jack Ma. Just the perfect solution. I can think of a zillion ways how he can solve the problem. One possible way is for Alibaba to sell Mosquito Repellent to everybody in the world, delivering through ship, plane, truck,  motorbikes  and even on foot. We will apply them to ourselves and to all animals around us. Mosquitos will have nothing to eat and...

6 Ways Machine Learning AI Will Transform Retail Experience

Machine learning utilizes big data to understand users' needs and to provide them relevant information. To a retailer, how will machine learning improve the way they interact with their consumes? In this article, I will talk about 3 pioneers that has already been using AI to provide a better user experience and what are 5 areas you, as a consumer, can leverage on the AI power to improve your shopping experience. In terms of machine learning, currently, most of the implementation is focusing on the awareness/discover stage. Understand your need and suggest the right products:  The North Face shopping assistant powered by Watson through agency Fuild, then you go on the website to search for the perfect garment, all you need to do is to answer from simple questions, and the shopping assistant will find a list of results base on your needs. Give directions when shopping in store: Macy’s On Call powered by Satisfi and Watson help consum...