Move Icon Design Tutorial: Quick build IOS7 style icon

Source: Internet
Author: User

Article Description: I've prepared a series of guides for you to help you create iOS7-style icons with simple steps.

With the release of IOS7 in recent years, many websites and apps are scrambling to adapt to this new flat, slim iOS design style. It's tricky to design icons, especially if you're designing a whole set, and designing a line icon is another challenge.

Below, I have prepared a series of guides for you to help you create iOS7-style icons with simple steps.

What is the target?

With everything in mind, do you design icons or icon sets for your app (the app also refers to the site)? It doesn't matter for this guide. Because you should follow these steps anyway. Since there is no doubt about this, let's focus on the first task-research.

To study how people do it.

Research is a basic task that needs to be completed in advance. It's obvious and relatively depressing, and every job you do should start with research. However, in the design of the icon, there are some special things to understand.


First, see what other people do. Help to understand current trends and related design guidelines. The most important thing is that it gives you inspiration! Looking at a variety of magical icons can help you find the creative flash, and when you're ready to draw the manuscript, you'll have a good idea.

Since this guide is aimed at iOS7, it is also a good idea to study the apple approach. Look at its icon, whether it's a master screen icon (such as information) or an icon in the app (such as a clock application). Look at Apple's iOS7 design guidelines and you'll know what they suggest you do.


Start drawing something.

Now that you have a good understanding of what others are doing, it is also enlightening to put your ideas on paper. In the process of writing, manuscripts are also a basic step, because it allows you to think carefully about the ideas that make the brain brainstorm new ideas quickly. When you draw a few simple manuscripts and list them in front of you, the right direction is immediately apparent.


The most important point of hand-drawn drafts is to diversify, not to ask for more. You painted hundreds of the same things, not a bit. If you have three different concepts, that's much more useful and profound. As long as you keep the hand-painted manuscript ever-changing, there will be good results. An extensive collection of inspirations helps find the right type of icon and determine which direction you should go. In addition, looking at these various drafts can help you find the defective. This approach is useful when you are unsure of the right direction, but you can be sure which ones will not go further.

Draw the actual icon

I'm sure that you or your team have a preference after finishing these sketches. Whether you choose a specific one, or a few different schemes to compete, it's time to draw them out. First, build your grid system. If you are creating a master screen icon, you should follow the new IOS7 design guidelines provided by Apple. This type of PSD stencil is ubiquitous.


My advice is to apply all of these different icons to the grid system as best you can, but use the usual practice to draw the icons first. Later come back to modify the details and do the unified treatment, anyway, you have to do before the end of the adjustment. It works for me. After all the drawings are finished, turn back to make sure they are all in line with the grid and have a uniform style-for example, do they use sharp corners or rounded corners? Also, do you want to make sure that the icon fits the overall design style, and that the icon matches the app? Can the main screen icon reflect the design of the app?

Cosmetic icon

For iOS7 style icon design, I have a few words to say. I know that iOS7 advocates the design of slim line icons. But this is not necessary, especially for the main screen icon. Without the use of thin lines, and the use of full graphics, but they and iOS7 the overall style is quite consistent. I don't think fine lines are the only rule, and you don't have to be a problem, especially if your product design is not suitable or not used at all. Just leave it alone.


Conclusion

Creating a iOS7 icon is not a difficult task. In this case, I design them just like I do other types of design and icons. One of the most important aspects of iOS7 is style, and follow the footsteps of Apple and you can do it easily. One thing to mention about this new style of design is that it's much easier to design a physical and chemical design for iOS7.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.