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:

Popular posts from this blog

4 Techniques to Make Your UX Review Meetings Successful

As a product manager, I often need to sit down with the executive management team to get their feedback on the new designs. It can be a frustrating process and many times I found that I cannot get things down in the time I am allowed to have.
Nevertheless, not having the sign-off from management is terrible for the team, we face high risk of having to re-work (yes, we always need to re-work, but it feels better if it is an improvement), schedule get delayed etc.
Over my 200+ review meetings, i've came to understand the reasons and learnt skills on how to stir the meeting towards an efficient completion, and I want to share them with you.
There are 4 key reasons of an unsuccessful product review meeting: 
1. Audience Lack the Background Knowledge: especially when introducing a new function, executives don’t know what they are looking at, or how the end users will be using such function, you may have sent the presentation before and again in the meeting invite, it doesn’t matter;

2. T…
Read more

What Changes will Machines Bring to us - As Employees

Machine learning to the employment has been a topic in debate. Darrell West, in his paper titled "What happens if robots take the jobs? The impact of emerging technologies on employment and public policy” suggested a list of actions government should take to ensure people whose job has been replaced by machines can live a decent live. The general sentiment seems to suggest a turbulent era as work force transform.

Growing up in China during the time of State owned enterprise reform, I had real experience living through the time of large group of people being laid off because the jobs were suddenly gone. My parent’s generation had to learn new skills for a completely new industry at their 40s and 50s. Few of them made it and even became millionaire, many of them didn’t and the family suffered a lot. I followed the news of Detroit Car manufacturing industry lapse and it shows familiar traits. The fact is, jobs come and go all the time, employee as a group will constantly adapt while …
Read more

21 Tops on How to Write a Successful Blog

Hubspot and General Assembly came together to offer a 10 week planner for successful blog. The type of blog discussed in this plan are corporate blogs used to bring people to the site and explore what the company is doing, potentially generate a lead.




Identify Your Target Persona: talk to sales team and research contract dataStart Building Evergreen Content: start with evergreen contents that stay relevant though time; do keyword search to see what people are searchingChoose the Right Content Management Tool: a good tool is easy to use and allow users to track metrics such as conversion rate, page view, and where traffic come fromDesign Your Blog: consistent layout; Focus on Your Content Strategy: basically it is depending on what you wantSet Subscriber Path: there needs to be a workflow for emailing the subscriber, a subscription form and an unsubscribe form. Hubspot is towards the "don’t email your subscribers too often” group while I also heard UI Breakfast Jane Portman talked …
Read more