章节目录
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
内容简介
本书第0~1章介绍了移动应用设计的基本概念与背景知识。第2~7章对基本UI组件、导航控件、列表及表单等各类界面元素做了分类详解,并配以大量实例,帮助读者深入理解各种界面设计模式的特性与适用情景。第8~10章说明了图标选用、界面切换动画设计及界面设计风格等贯穿移动应用设计的常见问题。 本书有助于移动应用及移动站点设计师系统学习界面组件及相应的设计模式。核心开发人员、产品经理及团队负责人也可参考本书,进一步了解各类界面元素的用途与特性,优化应用结构与功能设计。
下载说明
1、App,这样设计才好卖是作者池田拓司创作的原创作品,下载链接均为网友上传的网盘链接!
2、相识电子书提供优质免费的txt、pdf等下载链接,所有电子书均为完整版!
下载链接
热门评论
-
宇宙笑点检索工程师的评论通过@微盘 下载了@图灵教育 分享的"App,这样设计才好卖(试读).pdf",推荐给大家!
-
小-臭莹子的评论前不久刚看完《APP,这样设计才好卖》,现在在进一步细究中,希望能一起和《设计师要懂心理学》一起探究设计中的奥秘~一直期待中[拍手]
-
平淡快乐的小生活的评论我正在看App 这样设计才好卖 - 京东触屏版, (来自@手机百度,点击下载:安卓版) 网页链接
-
IT168文库的评论#文库晚报#有些App一天能卖出成千上万;有些App无人问津;有些App操作起来流畅舒适;有些App让人云里雾里……;是什么造成了如此大的不同?怎样才能让用户喜欢并持续使用你的App?分享“APP,这样设计才好卖”网页链接全彩图解99个App案例,有效提升用户体验。
-
2gua的评论《App,这样设计才好卖》网页链接,终于到货,日系书不乏精品[赞]!本书对App各种常用设计模式进行了非常出彩地规整。我接触了太多App,包括项目组自己做的App,总能发现这样那样的设计缺憾,小屏见功底,真是这样,设计对小屏尤其重要。每个App开发者都该好好看看本书,全彩。@图灵教育
-
2gua的评论《App,这样设计才好卖》网页链接,刚才看了下样章和介绍,日系,非常不错。印制中,期待。