APP UI Design

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