IOS App Design Process

Source: Internet
Author: User
Keywords Process can as far as possible function creativity

Mobile platform is the next battlefield, iOS is a very large platform, about the design process of iOS see a good translation, according to the original text of this 11 steps, and share with you, another picture version can be downloaded to save.

1. Identify your creative

If any of your ideas have been done, if you have a similar app, consider it more, try to go beyond it and have some unique optimization design in it

2. Positioning Application

Navigate through Apple's HMI Guide (Human Interface guidelines) Map

3. Core Function Confirmation

A summary discussion of the various requirements presented, design ads (creator definition Statement) A statement of the application definition, also known as streamlined ads, as shown

4. Product Sketch

Start based on the previous data, the basic products of the design of various functions, including the use of mobile scenes, buttons, display text and so on. Paper and pens are a good way

5. Walkthrough

In iOS, it is also important to switch between the various interfaces, called App functionality walkthrough, designed to take into account

6. Low-Fidelity prototype

Use the prototyping tools (Axure,mockup,visio) to move the sketches to the computer, using black and white, rough lines to design, don't dwell on the details

7. High Fidelity prototype

After the minimum real prototype confirmation, you can start to tangle with details, iOS screen size have these kinds: 320*480,960*480,1024*768

8. Visual Design

After the High-fidelity prototype is completed, it should be designed for visual design, apple advocates a texture, a simulation of the graphical interface, we let the app interface design as close as possible to the user familiar or like the style. You can make a full effort on the color and icon

9. Design Concept

Because of the mobile device's relationship, the design as far as possible to keep concise, if not necessary to put the gorgeous graphics or other information to attract users, we need to make information at a glance, not obscure, not misleading.

10. Icon Design

The icon will determine the app's visibility in the store, starting with a simple outline and starting with a core idea. Unless necessary, your icon should not contain text, try to use the same material and gradient as your app's graphical interface. If you want to present a high quality UI design to your users, don't forget to design the icon as 29x29,72x72, and 512x512 three sizes.

11. Design Deliverables

If you don't develop the app's functionality yourself, you will need to deliver a clear design guide to the developer. I will focus the interface and description on a large image and give the developer a clear picture of all the things that can be met as much as possible. At the same time, the PSD can be dimensioning, description, and storage for PNG convenient development

————————————————————————————
Picture version: Click to download

Thanks to the colorful design translation of such a good article ipad application Agile Design Process

Related Article

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.