具体描述
本书第0~1章介绍了移动应用设计的基本概念与背景知识。第2~7章对基本UI组件、导航控件、列表及表单等各类界面元素做了分类详解,并配以大量实例,帮助读者深入理解各种界面设计模式的特性与适用情景。第8~10章说明了图标选用、界面切换动画设计及界面设计风格等贯穿移动应用设计的常见问题。
本书有助于移动应用及移动站点设计师系统学习界面组件及相应的设计模式。核心开发人员、产品经理及团队负责人也可参考本书,进一步了解各类界面元素的用途与特性,优化应用结构与功能设计。
作者简介
作者简介:
池田拓司
曾任职于Nifty公司和Hanate公司,2012年4月起担任COOKPAD公司设计师。除了负责智能手机站点设计,他还致力于设计模式的抽象化与规范化,并通过Sass构建UI设计框架。著有《HTML5技术评论》一书(合著,Ric Telecom出版)。
译者简介:
陈筱烟
毕业于复旦大学计算机科学与技术系,主要研究方向为跨设备人机交互理论。从大学时期开始接触Java、JavaScript程序开发,目前对Web应用及智能手机应用开发很感兴趣,并参与Android开发文档翻译项目。译作有《JavaScript编程全解》《两周自制脚本语言》等。
目录信息
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
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
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 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
· · · · · · (收起)
读后感
身为一本讲诉UI设计类的书,本身书籍的排版就很渣,正文用的竟然是宋体!!!!行距段距没有调整过,次级标题用的是黑体加粗!!!!图标备注用的也不规范,全篇排版杂乱不堪,花里胡哨,写这本书的人你真会设计吗?懂设计吗?确定不是误人子弟吗?
身为一本讲诉UI设计类的书,本身书籍的排版就很渣,正文用的竟然是宋体!!!!行距段距没有调整过,次级标题用的是黑体加粗!!!!图标备注用的也不规范,全篇排版杂乱不堪,花里胡哨,写这本书的人你真会设计吗?懂设计吗?确定不是误人子弟吗?
身为一本讲诉UI设计类的书,本身书籍的排版就很渣,正文用的竟然是宋体!!!!行距段距没有调整过,次级标题用的是黑体加粗!!!!图标备注用的也不规范,全篇排版杂乱不堪,花里胡哨,写这本书的人你真会设计吗?懂设计吗?确定不是误人子弟吗?
身为一本讲诉UI设计类的书,本身书籍的排版就很渣,正文用的竟然是宋体!!!!行距段距没有调整过,次级标题用的是黑体加粗!!!!图标备注用的也不规范,全篇排版杂乱不堪,花里胡哨,写这本书的人你真会设计吗?懂设计吗?确定不是误人子弟吗?
身为一本讲诉UI设计类的书,本身书籍的排版就很渣,正文用的竟然是宋体!!!!行距段距没有调整过,次级标题用的是黑体加粗!!!!图标备注用的也不规范,全篇排版杂乱不堪,花里胡哨,写这本书的人你真会设计吗?懂设计吗?确定不是误人子弟吗?
用户评价
读到《App,这样设计才好卖》这个书名,我立刻联想到了自己作为一名消费者,在选择App时的种种考量。很多时候,我们并不是最懂技术的那一群人,我们更多的是看它能不能解决我的问题,能不能带来乐趣,或者能不能让我感觉自己更“潮”。“好卖”这个词,在我看来,就是一种用户认可度和市场接受度的综合体现。这本书,似乎是在用一种非常接地气的方式,去探讨App设计的精髓。我好奇它是否会从“用户体验”这个最核心的层面出发,去阐述各种设计决策背后的逻辑?它是否会分享一些关于色彩、字体、交互动线的选择,以及如何通过这些细节来影响用户的情感和行为?我希望能在这本书里找到一些关于“如何让用户爱上一个App”的答案,而不仅仅是关于“如何让App功能齐全”。
这本书的书名《App,这样设计才好卖》让我产生了强烈的共鸣。在信息爆炸的时代,每一个App都在争夺用户的注意力,如何在茫茫“App海”中抓住用户,让用户“一眼定情”,这绝对是一门艺术,更是一门技术。我一直认为,一个成功的App,不仅仅是程序员写出了一堆代码,而是背后有一个对用户心理、市场趋势有着深刻理解的设计团队。这本书的出现,仿佛给我打开了一扇窗,让我看到了App设计背后的逻辑和智慧。我特别想知道,它是否会从用户的角度出发,去剖析用户在选择和使用App时的真实需求和痛点?它是否会分享一些经过市场验证的成功案例,并通过这些案例来阐述设计的原则?我希望这本书能提供一些切实可行的方法和技巧,而不是空泛的理论。毕竟,作为一名普通读者,我更希望能够学到一些能够直接应用到的知识,无论是为了自己的创业项目,还是为了更好地理解和评价身边的App。
我之前在书店偶然翻到这本书,书名就吸引了我——《App,这样设计才好卖》。你知道,现在市面上的App太多了,打开应用商店,琳琅满目,挑得人眼花缭乱。很多时候,我们真的就是凭着第一眼的感觉,或者朋友的推荐,就下载了一个App。所以,“好卖”这个词,对于App来说,真的太重要了。我很好奇,这本书到底是怎么解析“好卖”的,是通过什么样的设计理念,什么样的用户洞察,才能让一个App在激烈的市场竞争中脱颖而出。我联想到自己平时使用App的经历,有些App用了几次就卸载了,但有些App却能长久地留在我的手机里,甚至成为我生活的一部分。这背后一定有其设计的独到之处,而这本书似乎就想揭示这些秘密。我期待它能告诉我,究竟是什么样的设计,能够触动用户的心弦,让他们愿意为之付费,或者至少愿意持续使用。是界面够简洁美观?是功能够强大实用?还是隐藏了什么不为人知的心理学原理?我对此充满了好奇。
《App,这样设计才好卖》这个名字,直击了我内心深处对“价值”的追求。我平时下载App,最看重的就是它能否为我带来价值,无论是提升效率、丰富生活,还是提供娱乐。而“好卖”这个词,则暗示了这本书不仅仅关注功能的实现,更侧重于商业上的成功。这让我对这本书充满了期待。我希望它能不仅仅是告诉我们App“怎么做”,更能解释“为什么这么做”。它是否会深入剖析用户在购买或下载App时的决策过程,比如价格、口碑、推荐等因素在其中扮演的角色?它是否会提供一些关于如何建立用户信任,如何进行有效的市场推广的建议?我希望这本书能给我带来一种“授人以渔”的感觉,让我不仅能看到成功App的表象,更能理解其背后驱动成功的深层原因,从而在未来自己接触或参与App相关项目时,能够更有方向感。
当我看到《App,这样设计才好卖》这个书名的时候,我脑海里立刻闪过了无数个我曾经尝试过,但最终被遗忘的App。它们可能有着华丽的外表,但内涵却平平无奇;它们可能承诺了改变生活,但体验却让人失望。这本书的出现,就像是为我这样的普通用户提供了一个“解码器”,让我能够去理解,为什么有些App能够火遍全球,而有些却默默无闻。我很好奇,它是否会深入探讨用户习惯的养成,以及如何通过设计来引导用户形成依赖?它是否会分析不同类型的App,比如社交、工具、游戏等,在“好卖”的设计上有什么异同?我期待这本书能够提供一些跨越行业的普适性原则,同时也能挖掘一些特定领域的成功秘诀。毕竟,我们每天都在与各种App打交道,了解它们的设计之道,或许能帮助我们做出更明智的选择,也让我们对科技的进步有更深的理解。
介绍粗浅。不推荐
日本人写的书很啰嗦
日本人写的书很啰嗦
非常清晰地梳理了一遍ios和android的各大UI结构,适合mobile相关人员多读熟记的好书,强推
无意义的加班,用耗点的时间看完一本书也是醉了 都是APP基本交互模阿式和控件介绍,完全没经验的可以看看,倒是不用太在意版本,iOS8依然适用