APP UI Design

Source: Internet
Author: User

Case study: Designing a mobile app with a point-of-order function for a restaurant

A function point:

1. Mobile Login

2. Package

3. Recommended

4. Snacks

5. Beverages

6. Shopping Cart

7. Settings: Profile picture, Order history, membership level, promotion

Second drawing of Mind map

Using the software: MindManager

Like this

Three-hand interactive diagram

is to hand out the page design.

Four software drawing interaction diagram

Software tools: Axurerp, Origami (Mac system), Mockingbot

Five determine the visual style

1. Solid Color visual style

Blur background image

Hand-painted illustrations (children's app show)

Gradient interface

Common tools: Sketch only supports Mac,firework,ps,ai

Six callouts/slices

Determine the font size, word spacing, font color, and so on for the developer. It is important to use the software pixel Chef

Seven Product packaging

Product packaging consists of four parts

Banner, Product introduction, interactive logic, visual specifications, interface display

Banner Area

Product introduction

Interactive logic

Visual specifications

Interface display

APP UI Design

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.