所属分类:计算机>软件与程序设计>移动开发>iPhone
编辑推荐
iOS/Android开发者必须熟记于心的UI设计模式
全彩图解99个App案例
有效提升用户体验
有些App一天能卖出成千上万;
有些App无人问津;
有些App操作起来流畅舒适;
有些App让人云里雾里……
是什么造成了如此大的不同?
怎样才能让用户喜欢并持续使用你的App?
遵循什么样的原则才能设计出友好的界面?
日本最大食谱网站COOKPAD资深设计师来告诉你答案。
内容简介
书籍
计算机书籍
《app,这样设计才好卖》第0~1章介绍了移动应用设计的基本概念与背景知识。第2~7章对基本ui组件、导航控件、列表及表单等各类界面元素做了分类详解,并配以大量实例,帮助读者深入理解各种界面设计模式的特性与适用情景。第8~10章说明了图标选用、界面切换动画设计及界面设计风格等贯穿移动应用设计的常见问题。
《app,这样设计才好卖》有助于移动应用及移动站点设计师系统学习界面组件及相应的设计模式。核心开发人员、产品经理及团队负责人也可参考本书,进一步了解各类界面元素的用途与特性,优化应用结构与功能设计。
作译者
池田拓司
陈筱烟
毕业于复旦大学计算机科学与技术系,主要研究方向为跨设备人机交互理论。从大学时期开始接触Java、JavaScript程序开发,目前对Web应用及智能手机应用开发很感兴趣,并参与Android开发文档翻译项目。译作有《JavaScript编程全解》《两周自制脚本语言》等。
目录
《app,这样设计才好卖》
chapter0引论1
0.1智能手机ui概要2
●android手机与iphone/2●设计规范/3
●智能手机应用与智能手机站点/4●智能手机ui概览/5
0.2用户操作方式与使用环境6
●手势操作/6●使用情景/7
chapter1界面模式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
chapter2基本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
chapter3导航控件与控制控件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返回/home62
●模式1返回按钮模式/63●模式2徽标模式/63●模式3home图标模式/63
3.9向上/向下滚动按钮64
●模式1标准模式/64●模式2向下滚动模式/65●模式3叠加模式/65
●模式4索引模式/66
3.10分页按钮67
●模式1标准模式/67
3.11无限分页列表68
●模式11标准模式/69●模式2按钮模式/69
3.12刷新控件70
●模式1标准模式/71
3.13侧滑式菜单72
●模式1标准模式/73
chapter4列表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
●模式1标准模式/87●模式2消息模式/88
4.5日历(日期列表)89
●模式1月份模式/90●模式2周模式/91●模式3日模式/91
chapter5表单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
5.5拖放控件104
●模式1标准模式(垂直列表模式)/104●模式2状态更改模式/105
chapter6通知与消息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
chapter7信息的可视化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
chapter8图标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
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
●模式1标准模式/150
8.16三连短线151
●模式1菜单开启模式/151●模式2一览显示模式/151●模式3列表排序模式/151