"APP, this design is good to sell"

the App , so the design is good to sell

Basic information

(Sun) Chitanto Division

Translator: Chen Yu Smoke

Series Name: Turing Interactive Design series

Publisher: People's post and telecommunications publishing house

isbn:9787115359438

Last Date: 2014-7-1

Publication date: July 2014

Folio: 16 Open

Page: 1

Edition: 1-1

Category: Computer > Software and Programming > Mobile Development > IPhone

more about the "" "APP, this design is good to sell"

Editor's recommendation

Ios/android developers must memorize the UI design patterns of the heart

Full color illustration of 99 app cases

Improve the user experience effectively

Some apps can sell thousands of days a day;

Some apps are no more.

Some apps work smoothly and comfortably;

Some apps make people foggy ...

What makes such a big difference?

How can you make users like and continue to use your app?

What principles are followed to design a friendly interface?

Cookpad Senior designer of Japan's largest recipe website to tell you the answer.

Content Introduction

Books

Computer Books

"App, this design is good to sell" chapter 0~ 1 introduces the basic concepts and background knowledge of mobile application design. Chapter 2~ 7 provides a detailed breakdown of the basic UI components, navigation controls, lists, forms and other interface elements, with a large number of examples to help readers understand the characteristics of various interface design patterns and applicable scenarios. Chapter 8~ 10 describes the common problems in mobile application design such as icon selection, interface switching animation design and interface design style.

"App, this design is good to sell" helps mobile applications and mobile site designers System learning interface components and corresponding design patterns. Core developers, product managers and team leaders can also refer to this book to learn more about the use and characteristics of various interface elements, and to optimize application structure and function design.

As a translator

Chitanto Division

He has worked for Nifty company and Hanate Company since April 2012 as a designer of Cookpad company. In addition to being responsible for smartphone site design, he is also committed to the abstraction and normalization of design patterns and the creation of UI design frameworks through sass. A book on HTML5 Technical Review (co-authored by Ric Telecom).

Chen Yu Smoke

Graduated from Fudan University Computer Science and Technology department, the main research direction is the cross-device human-computer interaction theory. Since the beginning of college, Java, JavaScript program development, currently interested in Web applications and smartphone application development, and participate in the Android Development document translation project. The translation has "JavaScript programming full Solution" "Two weeks of self-made scripting language" and so on.

Directory

"App, this design is good to sell"

Chapter 0 Introduction 1

0.1 Smart Phone UI Overview 2

Android Phone and IPHONE/2 design code/3

Smartphone app with smartphone site/4 Smartphone UI Overview/5

0.2 user operation and use environment 6

Gesture Action/6 usage Story/7

Chapter 1 Interface Mode 9

1.1 Start-up Interface 10

1.2 Top Level Interface 12

1.3 Overview Interface 14

1.4 Detailed Information Interface 16

1.5 Input/Operation interface 18

1.6 Interface Jump 20

The basic concept of interface jump diagram/How to use the Jump map of interface/1 News service/22

Case 2 Search Service/Case 3 Message Publishing Service/Case 4 Address Book Service/25

Chapter2 Basic UI Components/27

2.1 Header 28

Mode 1 navigation bar (iOS app)/Mode 2 Action Bar (Android app)/30

Mode 3 Smartphone site/30

2.2 Footer 31

Mode 1 tab Bar (iOS app)/2 toolbar (iOS app)/Bottom bar (Android app)/32

Mode 3 navigation bar (Android app)/33

2.3 Modal Window 34

Mode 1 operation mode/mode 2 message Mode/3 mode of message release mode/36

Mode 4 control mode/PNS Mode 5 navigation mode/37

2.4 Shutter-style menu 38

Mode 1 Overlay Expansion mode/Mode 2 overlay mode/39

2.5 operator Panel 40

Mode 1 bar Mode/MAX Mode 2 overlay mode/41

Mode 3 drop-down menu mode/42 Mode 4 Slider mode

Chapter 3 Navigation controls and control controls 43

3.1 Tabbed navigation controls 44

Mode 1 Standard mode/mode 2 bottom layout mode (tab bar)/45

Mode 3 underline mode (top sidebar)/4 scrolling mode/5 mode/47

3.2 Segmented Controls 48

Mode 1 Standard mode/mode 2 inline text mode/49

3.3 Sliding navigation controls 50

Mode 1 Standard mode/2 page indicator Group mode/52

Mode 3 tabbed navigation control group mode/52

3.4 Drop-down menu 54

Mode 1 Standard mode/2 control mode/mode 3 bubble Mode/55

3.5 In-depth menu 56

Mode 1 Standard mode/56

36 Percent Stacked Menu 58

Mode 1 Standard mode/2 bubble mode/59

3.7 Instrument panel Navigation controls (Springboard menu) 60

Mode 1 Standard mode/61

3.8 Return home/Home 62

Mode 1 return button mode/2 mode/Pattern 3 home icon Mode/63

3.9 Scroll up/down button 64

Mode 1 Standard mode/2 scroll mode/3 overlay mode/65

Mode 4 Index Mode/66

3.10 Paging Button 67

Mode 1 Standard mode/67

3.11 Infinite Pagination List 68

Mode 1 1 Standard mode/2-button mode/69

3.12 Refreshing a control 70

Mode 1 Standard mode/71

3.13 Side-Slip Menu 72

Mode 1 Standard mode/73

Chapter 4 List 75

4.1 Vertical List 76

Mode 1 Standard mode/2 value mode/78

Mode 3 thumbnail mode/4 half-size Mode/79

4.2 Grid List 80

Mode 1 Standard mode/Bayi Mode 2 tag overlay mode/Bayi Mode 3 block Tag mode/82

4.3 Carousel Panel 83

Mode 1 Standard mode/2 mode control mode/84

Mode 3 logo display mode/4 mode of navigation/85

4.4 Time Axis 86

Mode 1 Standard mode/2 MSG mode/88

4.5 Calendar (date list) 89

Mode January mode/2 week mode/3rd mode/91

Chapter 5 Forms 93

5.1 Text Box 94

Mode 1 single-line mode/mode 2 search box mode/3 Multiline mode/96

5.2 Switch 97

Mode 1 check box mode (plural selection)/98 mode 2 Radio Box mode (single selection)/98

Mode 3 Switch button mode/99

5.3 Selector 100

Mode 1 Standard mode/101 Mode 2 complex mode/101

5.4 Thumb 102

Mode 1 Standard mode/102 mode 2 time axis mode/103 Mode 3 ring Mode/103

5.5 Drag and Drop controls 104

Mode 1 Standard mode (vertical list mode)/104 Mode 2 state Change mode/105

Chapter 6 Notifications and messages 107

6.1 Modal Messages 108

Mode 1 Standard mode (two buttons)/108 Mode 2 Confirmation mode (one button)/109

Mode 3 auto-off mode (no button)/110

6.2 Non-modal messages 111

Mode 1 Standard mode/model 2 status bar mode/113 Mode 3 can cancel mode/113

6.3 Pieces of message 114

Mode 1 Standard mode/115

6.4 Angle Mark 116

Mode 1 Standard mode/2 mode of notification mode/117

6.5 Bubble Message 118

Mode 1 Standard mode/118 mode 2 hint mode/119

Visualization of chapter 7 Information 121

7.1 Infinite Loop Indicator 122

Mode 1 Standard mode/123 Mode 2 original mode/123 Mode 3 bar Mode/124

7.2 Progress bar 125

Mode 1 Standard mode/125

7.3 Page Indicator 126

Mode 1 Standard mode/126 Mode 2 page number mode/127 Mode 3 Step mode/127

7.4 Chart 128

Mode 1 histogram mode/129 mode 20 percent line graph mode/129 mode 3 pie chart mode/130

7.5 Scoring Controls 131

Mode 1 Standard mode/2 style mode/133

Mode 3 rated differential rating mode/133 Mode 4 Rating Mode/133

Chapter 8 Icon 135

8.1 Houses 136

Mode 1 Standard mode/136

8.2 Magnifier 137

Mode 1 Standard mode/137 mode 2 zoom mode/137

8.3 Gear 138

Mode 1 Standard mode/138

8.4 Star Shape 139

Mode 1 Favorites Mode/139 Mode 2 scoring mode/139

8.5 Analog Clock 140

Mode 1 History Mode/2 time mode/140

8.6 Pin 141

Mode 1 Standard mode/141

8.7 Portrait 142

Mode 1 single mode/142 mode 2 Duo Mode/142 Mode 33 person Mode/142

8.8 Pencil 143

Mode 1 Create new entry mode/143 mode 2 edit mode/143

8.9 Recycle Bin (trash box) 144

Mode 1 move to Recycle Bin mode/144 Mode 2 Delete mode now/144

8.10 Plus 145

Mode 1 Standard mode/145

8.11 Fork No. 146

Mode 1 Clear Mode/146 Mode 2 termination mode/146 mode 3 off mode/146

8.12 Camera 147

Mode 1 Standard mode/147

8.13 Triple DOT 148

Mode 1 horizontal arrangement mode/148 mode 2 vertical arrangement mode/148

8.14 Connecting Dots 149

Mode 1 Standard mode/149

8.15 Share 150

Mode 1 Standard mode/150

8.16 three-connected short 151

Mode 1 menu Open mode/151 Mode 21 Overview display Mode/151 mode 3 list sort mode/151

8.17 Refresh 152

Mode 1 Standard mode/152

Chapter 9 Animation 153

9.1 Swipe left/right 154

Mode 1 Same-layer move mode/154 mode 2 different layer move mode/155

9.2 Overlay Expand/Close 156

Mode 1 Standard mode/156

9.3 Fade In/fade out 157

Mode 1 Standard mode/157

9.4 Flip 158

Mode 1 Standard mode/158

9.5 Enlarge/Shrink 159

Mode 1 Standard mode/159

9.6 Shaking/twisting 160

Mode 1 edit state mode/2 error mode/160

Chapter 10 visual Style 161

10.1 Default Design 162

Mode 1 iOS Mode/162 mode 2 Android Mode/164

10.2 Quasi-materialized design 165

Mode 1 texture Mode/166 Mode 2 object mode/166

10.3 Flat Design 167

Mode 1 Standard mode/168

the source of this book information: Interactive Publishing Network