App,这样设计才好卖

App,这样设计才好卖
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者: [日] ,
2014-07
版次: 1
ISBN: 9787115359438
定价: 69.00
装帧: 平装
开本: 16开
纸张: 胶版纸
页数: 169页
字数: 281千字
正文语种: 简体中文
原版书名: スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン
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,这样设计才好卖
简约至上:交互式设计四策略
[英]科尔伯恩 著;秦绪文 译;李松峰
App,这样设计才好卖
设计师要懂心理学
[美]Susan Weinschenk 著;徐佳、马迪、余盈亿 译
App,这样设计才好卖
移动应用UI设计模式
[美]Theresa Neil 著;王军锋、郭偎、武艳芳 译
App,这样设计才好卖
Android应用UI设计模式
[美]Greg Nudelman 著;袁国忠 译
App,这样设计才好卖
图灵交互设计丛书:移动应用UI设计模式(第2版)
[美]Theresa Neil 著;田原 译
App,这样设计才好卖
设计师要懂心理学2
[美]苏珊·魏因申克(Susan M.Weinschenk) 著;蒋文干 译
App,这样设计才好卖
决胜UX:互联网产品用户体验策略
[美]杰米·利维(Jaime Levy) 著;胡越古 译
App,这样设计才好卖
网页设计创意书(卷3)
[美]Patrick McNeil 著;石华耀 译
App,这样设计才好卖
贴心设计:打造高可用性的移动产品
[美]Jakob、[美]Raluca Budiu 著;牛化成 译
App,这样设计才好卖
设计也幽默 平面设计师的幽默指南
[美]希瑟·布拉德利(Heather Bradley) 著;于娟娟 译
App,这样设计才好卖
搞砸了的设计:随处可见的 BAD UI
[日]中村聪史 著;邬佳笑 译
App,这样设计才好卖
网站设计解构:有效的交互设计框架和模式
[美]堆克曼、[美]斯普乌尔 著
相关图书 / 更多
App,这样设计才好卖
Apache APISIX实战
王院生 张晋涛 屠正松 朱欣欣 著
App,这样设计才好卖
Apache Spark 深度学习实战
[爱尔兰]古列尔莫·伊奥齐亚(Guglielmo Iozzia)
App,这样设计才好卖
Apache OpenWhisk学习手册
[美]米歇尔·西巴拉
App,这样设计才好卖
ApplicationTheoryResearchofGob-SideEntryRe
YangHongyun、LiuYanbao、LinZhi 著
App,这样设计才好卖
Apache Spark大数据分析 基于Azure Databricks云平台
[瑞典]罗伯特·伊利杰森(Robert Ilijason)
App,这样设计才好卖
AppInventor开发实战
金从军、张路 著
App,这样设计才好卖
AppInventor智能手机编程与开发
冯敬益 著
App,这样设计才好卖
App Inventor移动应用开发标准教程 第2版
瞿绍军
App,这样设计才好卖
Apache Airflow 数据编排实战
朱利安·德·瑞特(Julian de Ruiter)著 殷海英 译;[荷兰]巴斯·哈伦斯拉克(Bas Harenslak)
App,这样设计才好卖
Apley & Solomon 实用骨科学教程(第10版)
迈克尔 · 怀特豪斯 原著;刘笑 主译;[英]阿什莉·布洛姆;大卫·沃里克;叶招明
App,这样设计才好卖
App个人信息保护治理实践
中国信息通信研究院
App,这样设计才好卖
Apache Pulsar原理解析与应用实践
杨国栋 著
您可能感兴趣 / 更多
App,这样设计才好卖
你想活出怎样的人生
[日]宫崎骏 著;磨铁文化 出品
App,这样设计才好卖
空腹的神奇自愈力(诺贝尔奖研究证实,空腹是打开身体自我修复及细胞自噬的开关。七分饱,不看医;五分饱,笑到老;科学空腹活百岁)
[日]船濑俊介 著;李萌 译;紫图图书 出品
App,这样设计才好卖
怕痛的我,把防御力点满就对了6【定制泡泡弹幕卡牌x4】高人气动画原著轻小说
[日]夕蜜柑 著;[日]狐印 绘;酷威文化 出品
App,这样设计才好卖
OVERLORD.8半森妖精的神人(上,下)
[日]丸山黄金 著;刘晨 译
App,这样设计才好卖
少年星象
[日]NOEYEBROW 绘;漫友文化 出品
App,这样设计才好卖
新书开店:1000 家人气旺店的实操技巧
[日]富田英太 著;张凤 译;颉腾文化 出品
App,这样设计才好卖
葡萄球菌(直木奖得主经典社会派推理代表作首次引进,每一个细节都是预告结局的伏笔,高节奏反转的情节令人拍案称奇。)
[日]道尾秀介
App,这样设计才好卖
PLUTO冥王 001(简体中文版,“日本漫画之神—浦泽直树作品,首刷限定附赠镭射明信片一张)
[日]浦泽直树×手冢治虫
App,这样设计才好卖
PLUTO冥王 002(简体中文版,“日本漫画之神—浦泽直树作品,首刷限定附赠镭射明信片一张)
[日]浦泽直树×手冢治虫
App,这样设计才好卖
獾的美食奇遇(全3册精装,日本知名图画书作家安井季子、画家重森千佳联袂打造,绘本妈妈海桐推荐)
[日]安井季子/文 (日)重森千佳 图
App,这样设计才好卖
妈妈,对不起(宫西达也图画书)表达孩子对妈妈的爱
[日]宫西达也 著;彭懿 译
App,这样设计才好卖
大口大口地吃,好吃极了(宫西达也图画书)付诸行动,才有收获
[日]宫西达也 著;朱自强 译