《App,这样设计才好卖》

基本信息

作者: (日)池田拓司

译者: 陈筱烟

丛书名: 图灵交互设计丛书

出版社:人民邮电出版社

ISBN:9787115359438

上架时间:2014-7-1

出版日期:2014 年7月

开本:16开

页码:1

版次:1-1

所属分类:计算机 > 软件与程序设计 > 移动开发 > iPhone

更多关于》》》 《App,这样设计才好卖》

 

编辑推荐

iOS/Android开发者必须熟记于心的UI设计模式

  全彩图解99个App案例

  有效提升用户体验

  有些App一天能卖出成千上万;

  有些App无人问津;

  有些App操作起来流畅舒适;

  有些App让人云里雾里……

  是什么造成了如此大的不同?

  怎样才能让用户喜欢并持续使用你的App?

  遵循什么样的原则才能设计出友好的界面?

  日本最大食谱网站COOKPAD资深设计师来告诉你答案。

内容简介

书籍

计算机书籍

《app,这样设计才好卖》第0~ 1章介绍了移动应用设计的基本概念与背景知识。第2~ 7 章对基本ui 组件、导航控件、列表及表单等各类界面元素做了分类详解,并配以大量实例,帮助读者深入理解各种界面设计模式的特性与适用情景。第8~ 10 章说明了图标选用、界面切换动画设计及界面设计风格等贯穿移动应用设计的常见问题。

《app,这样设计才好卖》有助于移动应用及移动站点设计师系统学习界面组件及相应的设计模式。核心开发人员、产品经理及团队负责人也可参考本书,进一步了解各类界面元素的用途与特性,优化应用结构与功能设计。

作译者

池田拓司

曾任职于Nifty公司和Hanate公司,2012年4月起担任COOKPAD公司设计师。除了负责智能手机站点设计,他还致力于设计模式的抽象化与规范化,并通过Sass构建UI设计框架。著有《HTML5技术评论》一书(合著,Ric Telecom出版)。

陈筱烟

毕业于复旦大学计算机科学与技术系,主要研究方向为跨设备人机交互理论。从大学时期开始接触Java、JavaScript程序开发,目前对Web应用及智能手机应用开发很感兴趣,并参与Android开发文档翻译项目。译作有《JavaScript编程全解》《两周自制脚本语言》等。

目录

《app,这样设计才好卖》

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

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

本图书信息来源:互动出版网

《App,这样设计才好卖》的更多相关文章

  1. 简单物联网:外网访问内网路由器下树莓派Flask服务器

    最近做一个小东西,大概过程就是想在教室,宿舍控制实验室的一些设备. 已经在树莓上搭了一个轻量的flask服务器,在实验室的路由器下,任何设备都是可以访问的:但是有一些限制条件,比如我想在宿舍控制我种花 ...

  2. 利用ssh反向代理以及autossh实现从外网连接内网服务器

    前言 最近遇到这样一个问题,我在实验室架设了一台服务器,给师弟或者小伙伴练习Linux用,然后平时在实验室这边直接连接是没有问题的,都是内网嘛.但是回到宿舍问题出来了,使用校园网的童鞋还是能连接上,使 ...

  3. 外网访问内网Docker容器

    外网访问内网Docker容器 本地安装了Docker容器,只能在局域网内访问,怎样从外网也能访问本地Docker容器? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Docker容器 ...

  4. 外网访问内网SpringBoot

    外网访问内网SpringBoot 本地安装了SpringBoot,只能在局域网内访问,怎样从外网也能访问本地SpringBoot? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装Java 1 ...

  5. 外网访问内网Elasticsearch WEB

    外网访问内网Elasticsearch WEB 本地安装了Elasticsearch,只能在局域网内访问其WEB,怎样从外网也能访问本地Elasticsearch? 本文将介绍具体的实现步骤. 1. ...

  6. 怎样从外网访问内网Rails

    外网访问内网Rails 本地安装了Rails,只能在局域网内访问,怎样从外网也能访问本地Rails? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Rails 默认安装的Rails端口 ...

  7. 怎样从外网访问内网Memcached数据库

    外网访问内网Memcached数据库 本地安装了Memcached数据库,只能在局域网内访问,怎样从外网也能访问本地Memcached数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装 ...

  8. 怎样从外网访问内网CouchDB数据库

    外网访问内网CouchDB数据库 本地安装了CouchDB数据库,只能在局域网内访问,怎样从外网也能访问本地CouchDB数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Cou ...

  9. 怎样从外网访问内网DB2数据库

    外网访问内网DB2数据库 本地安装了DB2数据库,只能在局域网内访问,怎样从外网也能访问本地DB2数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动DB2数据库 默认安装的DB2 ...

  10. 怎样从外网访问内网OpenLDAP数据库

    外网访问内网OpenLDAP数据库 本地安装了OpenLDAP数据库,只能在局域网内访问,怎样从外网也能访问本地OpenLDAP数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动 ...

随机推荐

  1. fullcalendar插件日程管理

    日程管理-fullcalendar插件用法   前言 本文分享fullcalendar用法,最后面提供代码下载 说到日程管理,基于JQuery的插件FullCalendar当之无愧,完整的API稳定和 ...

  2. zookeeper命令行客户端

    前提条件:搭建好zookeeper服务器集群<Zookeeper深入认识>,并且集群成功开启. 执行zkServer.sh,客户端连接上服务器hadoop1. 都有哪些命令行操作呢?(见下 ...

  3. 记录一下SparkStreaming中因为使用redis做数据验证而导致数据结果不对的问题

    业务背景: 需要通过redis判断当前用户是否是新用户.当出现新用户后,会将该用户放入到redis中,以标明该用户已不是新用户啦. 出现问题: 发现入库时,并没有新用户入库,但我看了数据了,确实应该是 ...

  4. myBatsi调用存储过程

    1.结构 2.准备数据 建表和插入数据 CREATE TABLE p_user( id INT PRIMARY KEY AUTO_INCREMENT, name ), sex ) ); INSERT ...

  5. 动态SQL与模糊查询

    一: 1.需求 实现多条件查询用户(姓名模糊查询,年龄在指定的最小值与最大值之间) 2.结构目录 3.准备数据与建表 CREATE TABLE d_user( id int PRIMARY KEY A ...

  6. Jmeter脚本录制方法(一)分别使用Badboy录制和Jmeter自带的代理服务器录制

    Jmeter录制方式分三种,分别是:使用Badboy录制.Jmeter自带的代理服务器录制和手工录制,今天先介绍前两种录制方法. Badboy录制 Badboy是用C++开发的动态应用测试工具, 其拥 ...

  7. 使用Vmware安装linux且配置终端可以连接虚拟机总结

    首先是下载一个linux镜像,我下载的是:ubuntu-16.04.2-desktop-amd64.iso 1.使用vmware安装linux,都使用默认的配置就行了,最多改一下主机名什么的,密码最好 ...

  8. 【tarjan+SPFA】BZOJ1179-[Apio2009]Atm

    [题目大意] 给出一张有点权的有向图,已知起点和可以作为终点的一些点,问由起点出发,每条边和每个点可以经过任意多次,经过点的权值总和最大为多少. [思路] 由于可以走任意多次,显然强连通分量可以缩点. ...

  9. mongodb chunk 大小设置

    默认是64MB,取值范围是1 MB 到 1024 MB. 那改动会造成什么?下表简单总结: chunk size 调节 splitting次数(碎片数) 数据跨shard数目 数据均匀 网络传输次数 ...

  10. 在阿里云里申请免费Https证书SSL

    在阿里云控制台:安全(云盾)->证书服务->购买证书里(地址:https://common-buy.aliyun.com/?spm=5176.2020520163.cas.1.zTLyhO ...