《App,这样设计才好卖》
《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,这样设计才好卖》的更多相关文章
- 简单物联网:外网访问内网路由器下树莓派Flask服务器
最近做一个小东西,大概过程就是想在教室,宿舍控制实验室的一些设备. 已经在树莓上搭了一个轻量的flask服务器,在实验室的路由器下,任何设备都是可以访问的:但是有一些限制条件,比如我想在宿舍控制我种花 ...
- 利用ssh反向代理以及autossh实现从外网连接内网服务器
前言 最近遇到这样一个问题,我在实验室架设了一台服务器,给师弟或者小伙伴练习Linux用,然后平时在实验室这边直接连接是没有问题的,都是内网嘛.但是回到宿舍问题出来了,使用校园网的童鞋还是能连接上,使 ...
- 外网访问内网Docker容器
外网访问内网Docker容器 本地安装了Docker容器,只能在局域网内访问,怎样从外网也能访问本地Docker容器? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Docker容器 ...
- 外网访问内网SpringBoot
外网访问内网SpringBoot 本地安装了SpringBoot,只能在局域网内访问,怎样从外网也能访问本地SpringBoot? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装Java 1 ...
- 外网访问内网Elasticsearch WEB
外网访问内网Elasticsearch WEB 本地安装了Elasticsearch,只能在局域网内访问其WEB,怎样从外网也能访问本地Elasticsearch? 本文将介绍具体的实现步骤. 1. ...
- 怎样从外网访问内网Rails
外网访问内网Rails 本地安装了Rails,只能在局域网内访问,怎样从外网也能访问本地Rails? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Rails 默认安装的Rails端口 ...
- 怎样从外网访问内网Memcached数据库
外网访问内网Memcached数据库 本地安装了Memcached数据库,只能在局域网内访问,怎样从外网也能访问本地Memcached数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装 ...
- 怎样从外网访问内网CouchDB数据库
外网访问内网CouchDB数据库 本地安装了CouchDB数据库,只能在局域网内访问,怎样从外网也能访问本地CouchDB数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动Cou ...
- 怎样从外网访问内网DB2数据库
外网访问内网DB2数据库 本地安装了DB2数据库,只能在局域网内访问,怎样从外网也能访问本地DB2数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动DB2数据库 默认安装的DB2 ...
- 怎样从外网访问内网OpenLDAP数据库
外网访问内网OpenLDAP数据库 本地安装了OpenLDAP数据库,只能在局域网内访问,怎样从外网也能访问本地OpenLDAP数据库? 本文将介绍具体的实现步骤. 1. 准备工作 1.1 安装并启动 ...
随机推荐
- hdu 5053 (2014上海网赛L题 求立方和)
题目大意:给你L到N的范围,要求你求这个范围内的所有整数的立方和. Sample Input2 //T1 32 5 Sample OutputCase #1: 36Case #2: 224 # inc ...
- 用Fiddler对Android应用进行抓包
前言 Fiddler是一款非常流行并且实用的http抓包工具,它的原理是在本机开启了一个http的代理服务器,然后它会转发所有的http请求和响应,因此,它比一般的firebug或者是chrome自带 ...
- ansible学习
声明:本博客内容是根据惨绿少年内容实践随笔,地址:http://www.cnblogs.com/clsn/p/7743792.html#comment_form 1.ansible介绍 Ansible ...
- 工作流调度器azkaban2.5.0的安装和使用
为什么需要工作流调度系统 一个完整的数据分析系统通常都是由大量任务单元组成: shell脚本程序,java程序,mapreduce程序.hive脚本等 各任务单元之间存在时间先后及前后依赖关系 为了很 ...
- mybatis3中@SelectProvider的使用技巧
mybatis的原身是ibatis,现在已经脱离了apache基金会,新官网是http://www.mybatis.org/. mybatis3中增加了使用注解来配置Mapper的新特性,本篇文章主要 ...
- 006.LVM快照
一 快照介绍 快照就是将当时的系统信息记录下来,就好像照相一样,未来若有任何资料变动了,则原始资料会被移动到快照区,没有被改动的区域则由快照区与档案系统共享. 二 快照原理 当建立快照区时,LVM会预 ...
- k8s+Jenkins+GitLab-自动化部署asp.net core项目
0.目录 整体架构目录:ASP.NET Core分布式项目实战-目录 k8s架构目录:Kubernetes(k8s)集群部署(k8s企业级Docker容器集群管理)系列目录 此文阅读目录: 1.闲聊 ...
- Tecnomatix Process Designer & Process Simulate用法
1. 删除项目 在AdminConsole->Project Action中,点击Delete project即可.
- 洛谷P1133 教主的花园
题目描述 教主有着一个环形的花园,他想在花园周围均匀地种上n棵树,但是教主花园的土壤很特别,每个位置适合种的树都不一样,一些树可能会因为不适合这个位置的土壤而损失观赏价值. 教主最喜欢3种树,这3种树 ...
- Tesseract OCR简单实用介绍
做字符识别,不能不了解google的Tesseract-OCR,但是如何在自己的工程中使用其API倒是语焉不详,官网上倒是很详尽地也很啰嗦地介绍如何重新编译生成适合自己平台的lib和dll,经过近些天 ...