App,这样设计才好卖

作者: [日] 池田拓司著 , 陈筱烟译

出版社: 人民邮电出版社

出版时间: 2014-07

版次: 1

ISBN: 9787115359438

定价: 69.00

装帧: 平装

开本: 16开

纸张: 胶版纸

页数: 169页

字数: 281千字

正文语种: 简体中文

原版书名: スマートフォンのためのUIデザインユーザー体験に大切なルールとパターン

丛书: 图灵交互设计丛书

分类: 计算机与互联网

10 张插图图片

132人买过

　　《App，这样设计才好卖》第0～1章介绍了移动应用设计的基本概念与背景知识。第2～7章对基本UI组件、导航控件、列表及表单等各类界面元素做了分类详解，并配以大量实例，帮助读者深入理解各种界面设计模式的特性与适用情景。第8～10章说明了图标选用、界面切换动画设计及界面设计风格等贯穿移动应用设计的常见问题。
　　《App，这样设计才好卖》有助于移动应用及移动站点设计师系统学习界面组件及相应的设计模式。核心开发人员、产品经理及团队负责人也可参考本书，进一步了解各类界面元素的用途与特性，优化应用结构与功能设计。　　池田拓司，曾任职于Nifty公司和Hanate公司，2012年4月起担任COOKPAD公司设计师。除了负责智能手机站点设计，他还致力于设计模式的抽象化与规范化，并通过Sass构建UI设计框架。著有《HTML5技术评论》一书（合著，RicTelecom出版）。目　录

Chapter 0　引论　1
0．1　智能手机UI概要　2
Android手机与iPhone　2
设计规范　3
智能手机应用与智能手机站点　4
智能手机UI　概览　5
0．2　用户操作方式与使用环境　6
手势操作　6
使用情景　7

Chapter 1　界面模式　9
1．1　启动界面　10
1．2　顶层界面　12
1．3　一览界面　14
1．4　详细信息界面　16
1．5　输入/操作界面　18
1．6　界面跳转　20
界面跳转图的基本概念　20
界面跳转图的使用方法　20
案例1　新闻服务　22　
案例2　搜索服务　23
案例3　消息发布服务　24
案例4　通讯录服务　25

Chapter 2　基本UI组件　27
2．1　页眉　28
模式1　导航栏(iOS应用)　29
模式2　操作栏(Android应用)　30
模式3　智能手机站点　30
2．2　页脚　31
模式1　标签栏(iOS应用)　32
模式2　工具栏(iOS应用)/底边栏(Android应用)　32
模式3　导航栏(Android应用)　33
2．3　模态窗口　34
模式1　操作模式　35
模式2　消息模式　36
模式3　消息发布模式　36
模式4　控制模式　37
模式5　导航模式　37
2．4　百叶窗式菜单　38
模式1　叠加展开模式　38
模式2　叠加收起模式　39
2．5　操作面板　40
模式1　条状模式　40
模式2　叠加模式　41
模式3　下拉式菜单模式　41
模式4　滑块模式　42

Chapter 3　导航控件与控制控件　43
3．1　标签式导航控件　44
模式1　标准模式　45
模式2　底部布局模式(标签栏)　45
模式3　下划线模式(顶边栏)　46
模式4　滚动模式　46
模式5　垂直模式　47
3．2　分段控件　48
模式1　标准模式　48
模式2　内联文本模式　49
3．3　滑动导航控件　50
模式1　标准模式　51
模式2　页面指示器组模式　52　
模式3　标签式导航控件组模式　52
3．4　下拉式菜单　54
模式1　标准模式　54
模式2　控制模式　55
模式3　气泡模式　55
3．5　深入式菜单　56
模式1　标准模式　56
3．6　折叠式菜单　58
模式1　标准模式　59
模式2　气泡模式　59
3．7　仪表盘式导航控件(跳板式菜单)　60
模式1　标准模式　61
3．8　返回/Home　62
模式1　返回按钮模式　63
模式2　徽标模式　63
模式3　Home图标模式　63
3．9　向上/向下滚动按钮　64
模式1　标准模式　64
模式2　向下滚动模式　65
模式3　叠加模式　65
模式4　索引模式　66
3．10　分页按钮　67
模式1　标准模式　67　
3．11　无限分页列表　68
模式1　标准模式　69
模式2　按钮模式　69
3．12　刷新控件　70
模式1　标准模式　71
3．13　侧滑式菜单　72
模式1　标准模式　73

Chapter 4　列表　75
4．1　垂直列表　76
模式1　标准模式　77
模式2　值模式　78
模式3　缩略图模式　78
模式4　半尺寸模式　79
4．2　网格列表　80
模式1　标准模式　81
模式2　标签叠加模式　81
模式3　块状标签模式　82
4．3　轮播面板　83
模式1　标准模式　84
模式2　控制模式　84
模式3　商标展板模式　85
模式4　导航模式　85
4．4　时间轴　86
模式1　标准模式　87
模式2　消息模式　88
4．5　日历(日期列表)　89
模式1　月份模式　90
模式2　周模式　91
模式3　日模式　91

Chapter 5　表单　93
5．1　文本框　94
模式1　单行模式　95
模式2　搜索框模式　96
模式3　多行模式　96
5．2　开关　97
模式1　复选框模式(复数选择)　98
模式2　单选框模式(单项选择)　98
模式3　开关按钮模式　99
5．3　选择器　100
模式1　标准模式　101
模式2　复数模式　101
5．4　滑块　102
模式1　标准模式　102
模式2　时间轴模式　103
模式3　环状模式　103
5．5　拖放控件　104
模式1　标准模式(垂直列表模式)　104
模式2　状态更改模式　105

Chapter 6　通知与消息　107
6．1　模态消息　108
模式1　标准模式(两个按钮)　108
模式2　确认模式(一个按钮)　109
模式3　自动关闭模式(没有按钮)　110
6．2　无模态消息　111
模式1　标准模式　112
模式2　状态栏模式　113
模式3　可取消模式　113
6．3　块消息　114
模式1　标准模式　115
6．4　角标　116
模式1　标准模式　116
模式2　通知模式　117
6．5　气泡消息　118
模式1　标准模式　118
模式2　提示模式　119

Chapter 7　信息的可视化　121
7．1　无限循环指示器　122
模式1　标准模式　123
模式2　原创模式　123
模式3　条状模式　124
7．2　进度条　125
模式1　标准模式　125
7．3　页面指示器　126
模式1　标准模式　126
模式2　页码模式　127
模式3　步骤模式　127
7．4　图表　128
模式1　柱状图模式　129
模式2　折线图模式　129
模式3　饼图模式　130
7．5　评分控件　131
模式1　标准模式　132
模式2　表情模式　133
模式3　好评差评模式　133
模式4　等级模式　133

Chapter 8　图标　135
8．1　房屋　136
模式1　标准模式　136
8．2　放大镜　137
模式1　标准模式　137
模式2　缩放模式　137
8．3　齿轮　138
模式1　标准模式　138
8．4　星形　139
模式1　收藏夹模式　139
模式2　评分模式　139
8．5　模拟时钟　140
模式1　历史记录模式　140
模式2　时间模式　140
8．6　大头针　141
模式1　标准模式　141
8．7　人像　142
模式1　单人模式　142
模式2　双人模式　142
模式3　三人模式　142
8．8　铅笔　143
模式1　创建新条目模式　143
模式2　编辑模式　143
8．9　回收站(垃圾箱)　144
模式1　移至回收站模式　144
模式2　立即删除模式　144
8．10　加号　145
模式1　标准模式　145
8．11　叉号　146
模式1　清除模式　146
模式2　终止模式　146
模式3　关闭模式　146
8．12　照相机　147
模式1　标准模式　147
8．13　三连圆点　148
模式1　水平排列模式　148
模式2　垂直排列模式　148
8．14　相连圆点　149
模式1　标准模式　149
8．15　分享　150
模式1　标准模式　150
8．16　三连短线　151
模式1　菜单开启模式　151
模式2　一览显示模式　151
模式3　列表排序模式　151
8．17　刷新　152
模式1　标准模式　152

Chapter 9　动画　153
9．1　向左/向右滑动　154
模式1　同层移动模式　154
模式2　异层移动模式　155
9．2　叠加展开/收起　156
模式1　标准模式　156　
9．3　淡入/淡出　157
模式1　标准模式　157
9．4　翻转　158
模式1　标准模式　158
9．5　放大/缩小　159
模式1　标准模式　159
9．6　摇动/扭动　160
模式1　编辑状态模式　160
模式2　出错模式　160

Chapter 10　视觉风格　161
10．1　默认设计　162
模式1　iOS模式　162
模式2　Android模式　164
10．2　拟物化设计　165
模式1　纹理模式　166
模式2　物体模式　166
10．3　扁平化设计　167
模式1　标准模式　168
内容简介:
　　《App，这样设计才好卖》第0～1章介绍了移动应用设计的基本概念与背景知识。第2～7章对基本UI组件、导航控件、列表及表单等各类界面元素做了分类详解，并配以大量实例，帮助读者深入理解各种界面设计模式的特性与适用情景。第8～10章说明了图标选用、界面切换动画设计及界面设计风格等贯穿移动应用设计的常见问题。
　　《App，这样设计才好卖》有助于移动应用及移动站点设计师系统学习界面组件及相应的设计模式。核心开发人员、产品经理及团队负责人也可参考本书，进一步了解各类界面元素的用途与特性，优化应用结构与功能设计。
作者简介:
　　池田拓司，曾任职于Nifty公司和Hanate公司，2012年4月起担任COOKPAD公司设计师。除了负责智能手机站点设计，他还致力于设计模式的抽象化与规范化，并通过Sass构建UI设计框架。著有《HTML5技术评论》一书（合著，RicTelecom出版）。
目录:
目　录

Chapter 0　引论　1
0．1　智能手机UI概要　2
Android手机与iPhone　2
设计规范　3
智能手机应用与智能手机站点　4
智能手机UI　概览　5
0．2　用户操作方式与使用环境　6
手势操作　6
使用情景　7

Chapter 1　界面模式　9
1．1　启动界面　10
1．2　顶层界面　12
1．3　一览界面　14
1．4　详细信息界面　16
1．5　输入/操作界面　18
1．6　界面跳转　20
界面跳转图的基本概念　20
界面跳转图的使用方法　20
案例1　新闻服务　22　
案例2　搜索服务　23
案例3　消息发布服务　24
案例4　通讯录服务　25

Chapter 2　基本UI组件　27
2．1　页眉　28
模式1　导航栏(iOS应用)　29
模式2　操作栏(Android应用)　30
模式3　智能手机站点　30
2．2　页脚　31
模式1　标签栏(iOS应用)　32
模式2　工具栏(iOS应用)/底边栏(Android应用)　32
模式3　导航栏(Android应用)　33
2．3　模态窗口　34
模式1　操作模式　35
模式2　消息模式　36
模式3　消息发布模式　36
模式4　控制模式　37
模式5　导航模式　37
2．4　百叶窗式菜单　38
模式1　叠加展开模式　38
模式2　叠加收起模式　39
2．5　操作面板　40
模式1　条状模式　40
模式2　叠加模式　41
模式3　下拉式菜单模式　41
模式4　滑块模式　42

Chapter 3　导航控件与控制控件　43
3．1　标签式导航控件　44
模式1　标准模式　45
模式2　底部布局模式(标签栏)　45
模式3　下划线模式(顶边栏)　46
模式4　滚动模式　46
模式5　垂直模式　47
3．2　分段控件　48
模式1　标准模式　48
模式2　内联文本模式　49
3．3　滑动导航控件　50
模式1　标准模式　51
模式2　页面指示器组模式　52　
模式3　标签式导航控件组模式　52
3．4　下拉式菜单　54
模式1　标准模式　54
模式2　控制模式　55
模式3　气泡模式　55
3．5　深入式菜单　56
模式1　标准模式　56
3．6　折叠式菜单　58
模式1　标准模式　59
模式2　气泡模式　59
3．7　仪表盘式导航控件(跳板式菜单)　60
模式1　标准模式　61
3．8　返回/Home　62
模式1　返回按钮模式　63
模式2　徽标模式　63
模式3　Home图标模式　63
3．9　向上/向下滚动按钮　64
模式1　标准模式　64
模式2　向下滚动模式　65
模式3　叠加模式　65
模式4　索引模式　66
3．10　分页按钮　67
模式1　标准模式　67　
3．11　无限分页列表　68
模式1　标准模式　69
模式2　按钮模式　69
3．12　刷新控件　70
模式1　标准模式　71
3．13　侧滑式菜单　72
模式1　标准模式　73

Chapter 4　列表　75
4．1　垂直列表　76
模式1　标准模式　77
模式2　值模式　78
模式3　缩略图模式　78
模式4　半尺寸模式　79
4．2　网格列表　80
模式1　标准模式　81
模式2　标签叠加模式　81
模式3　块状标签模式　82
4．3　轮播面板　83
模式1　标准模式　84
模式2　控制模式　84
模式3　商标展板模式　85
模式4　导航模式　85
4．4　时间轴　86
模式1　标准模式　87
模式2　消息模式　88
4．5　日历(日期列表)　89
模式1　月份模式　90
模式2　周模式　91
模式3　日模式　91

Chapter 5　表单　93
5．1　文本框　94
模式1　单行模式　95
模式2　搜索框模式　96
模式3　多行模式　96
5．2　开关　97
模式1　复选框模式(复数选择)　98
模式2　单选框模式(单项选择)　98
模式3　开关按钮模式　99
5．3　选择器　100
模式1　标准模式　101
模式2　复数模式　101
5．4　滑块　102
模式1　标准模式　102
模式2　时间轴模式　103
模式3　环状模式　103
5．5　拖放控件　104
模式1　标准模式(垂直列表模式)　104
模式2　状态更改模式　105

Chapter 6　通知与消息　107
6．1　模态消息　108
模式1　标准模式(两个按钮)　108
模式2　确认模式(一个按钮)　109
模式3　自动关闭模式(没有按钮)　110
6．2　无模态消息　111
模式1　标准模式　112
模式2　状态栏模式　113
模式3　可取消模式　113
6．3　块消息　114
模式1　标准模式　115
6．4　角标　116
模式1　标准模式　116
模式2　通知模式　117
6．5　气泡消息　118
模式1　标准模式　118
模式2　提示模式　119

Chapter 7　信息的可视化　121
7．1　无限循环指示器　122
模式1　标准模式　123
模式2　原创模式　123
模式3　条状模式　124
7．2　进度条　125
模式1　标准模式　125
7．3　页面指示器　126
模式1　标准模式　126
模式2　页码模式　127
模式3　步骤模式　127
7．4　图表　128
模式1　柱状图模式　129
模式2　折线图模式　129
模式3　饼图模式　130
7．5　评分控件　131
模式1　标准模式　132
模式2　表情模式　133
模式3　好评差评模式　133
模式4　等级模式　133

Chapter 8　图标　135
8．1　房屋　136
模式1　标准模式　136
8．2　放大镜　137
模式1　标准模式　137
模式2　缩放模式　137
8．3　齿轮　138
模式1　标准模式　138
8．4　星形　139
模式1　收藏夹模式　139
模式2　评分模式　139
8．5　模拟时钟　140
模式1　历史记录模式　140
模式2　时间模式　140
8．6　大头针　141
模式1　标准模式　141
8．7　人像　142
模式1　单人模式　142
模式2　双人模式　142
模式3　三人模式　142
8．8　铅笔　143
模式1　创建新条目模式　143
模式2　编辑模式　143
8．9　回收站(垃圾箱)　144
模式1　移至回收站模式　144
模式2　立即删除模式　144
8．10　加号　145
模式1　标准模式　145
8．11　叉号　146
模式1　清除模式　146
模式2　终止模式　146
模式3　关闭模式　146
8．12　照相机　147
模式1　标准模式　147
8．13　三连圆点　148
模式1　水平排列模式　148
模式2　垂直排列模式　148
8．14　相连圆点　149
模式1　标准模式　149
8．15　分享　150
模式1　标准模式　150
8．16　三连短线　151
模式1　菜单开启模式　151
模式2　一览显示模式　151
模式3　列表排序模式　151
8．17　刷新　152
模式1　标准模式　152

Chapter 9　动画　153
9．1　向左/向右滑动　154
模式1　同层移动模式　154
模式2　异层移动模式　155
9．2　叠加展开/收起　156
模式1　标准模式　156　
9．3　淡入/淡出　157
模式1　标准模式　157
9．4　翻转　158
模式1　标准模式　158
9．5　放大/缩小　159
模式1　标准模式　159
9．6　摇动/扭动　160
模式1　编辑状态模式　160
模式2　出错模式　160

Chapter 10　视觉风格　161
10．1　默认设计　162
模式1　iOS模式　162
模式2　Android模式　164
10．2　拟物化设计　165
模式1　纹理模式　166
模式2　物体模式　166
10．3　扁平化设计　167
模式1　标准模式　168

查看详情

App,这样设计才好卖

内容简介:

作者简介:

目录: