《App,这样设计才好卖》chinapub

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

编辑推荐

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

全彩图解99个App案例

有效提升用户体验

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

有些App无人问津;

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

有些App让人云里雾里……

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

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

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

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

内容简介

书籍

计算机书籍

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

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

作译者

池田拓司

陈筱烟

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

目录

《app,这样设计才好卖》

chapter0引论1

0.1智能手机ui概要2

●android手机与iphone/2●设计规范/3

●智能手机应用与智能手机站点/4●智能手机ui概览/5

0.2用户操作方式与使用环境6

●手势操作/6●使用情景/7

chapter1界面模式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

chapter3导航控件与控制控件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返回/home62

●模式1返回按钮模式/63●模式2徽标模式/63●模式3home图标模式/63

3.9向上/向下滚动按钮64

●模式1标准模式/64●模式2向下滚动模式/65●模式3叠加模式/65

●模式4索引模式/66

3.10分页按钮67

●模式1标准模式/67

3.11无限分页列表68

●模式11标准模式/69●模式2按钮模式/69

3.12刷新控件70

●模式1标准模式/71

3.13侧滑式菜单72

●模式1标准模式/73

chapter4列表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

●模式1标准模式/87●模式2消息模式/88

4.5日历(日期列表)89

●模式1月份模式/90●模式2周模式/91●模式3日模式/91

chapter5表单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

5.5拖放控件104

●模式1标准模式(垂直列表模式)/104●模式2状态更改模式/105

chapter6通知与消息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

chapter7信息的可视化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

chapter8图标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

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

●模式1标准模式/150

8.16三连短线151

●模式1菜单开启模式/151●模式2一览显示模式/151●模式3列表排序模式/151

THE END
1.降教育丨记好平衡膳食“八准则”健康教育丨记好平衡膳食“八准则”“民以食为天”。吃,是维持生命的基本行为,能让健康状态更持久,但是怎么吃得科学、合理却有大讲究。《中国居民膳食指南》第一版于1989年发布,之后在1997年、2007年、2016年进行了3次修订和发布。时隔6年,第五版《中国居民膳食指南(2022)》(以下简称2022版《指南》)在今年https://baijiahao.baidu.com/s?id=1735766413700027919&wfr=spider&for=pc
2.糖尿病患者食物交换份法设计营养食谱降科普4.糖尿病人食谱设计原则 4.1食物品种多样化,主食粗细搭配,平衡膳食,以维持标准体重为宜,根据患者年龄、劳动强度、肥胖程度,计算能量供给量。 4.2碳水化合物占总能量的50%~60%,以米、麦类等复合碳水化合物为好,避免食用如白糖、红糖、各种糖果、蜜饯、糕点等含有单糖和双糖的食物。 https://rzph.com/topic-show-2992.html
3.精选会议方案设计会议方案一、营养食谱的设计原则 我园每天两餐,即、午餐、晚餐。膳食调配过程中主要遵循营养平衡、饭菜适口、食物多样、荤素搭配,甜咸搭配,每天家长可以在园门口宣传栏内看到幼儿一月伙食情况;从根本上解决幼儿营养过剩或缺乏等问题 具体膳食选配的原则有以下几点: https://www.anhui365.net/171-12490448.html
4.养生食谱,提升记忆力和集中力助手关于我们网格布厂家养生食谱设计原则 养生食谱推荐 实施建议与注意事项 随着生活节奏的加快,现代人面临着越来越多的压力,记忆力与集中力的下降成为了普遍的问题,为了改善这一问题,越来越多的人开始关注养生食谱,本文将介绍一些具有改善记忆力和集中力功效的食物,帮助您通过饮食调理提升大脑功能。 https://m.wgb-lzbh.com/post/3844.html
5.减肥食谱一周瘦10斤科学减肥减肥食谱一周瘦10斤菜谱窍门二、一周科学减肥食谱设计原则 均衡营养:确保每日摄入足够的蛋白质、膳食纤维、维生素和矿物质,避免单一食物造成的营养失衡。 低热量高饱腹感:选择热量低但饱腹感强的食物,如蔬菜、全谷物和瘦肉,减少高糖、高脂肪食物的摄入。 健脾祛湿:中医认为“脾主运化”,脾虚则水湿不化,易致肥胖。因此,食谱中应包含健脾利湿的https://mip.99.com.cn/a/831825/
6.我不是营养师,如何编制一份可靠的食谱?至于中餐和晚餐营养食谱的制定,原理是一样的,我在这就不重复举例了,要不然还得写上几千个字。需要注意的是,在初步制定完一天食谱后,除了合理设计三大产能营养素的摄入量外,还要依据各类维生素、矿物质的参考摄入量来对食谱进行改进。 营养配餐第四步:对制定好的食谱进行评价和调整 https://zhuanlan.zhihu.com/p/21539848
7.职业规划制定原则(通用11篇)⒏具体原则:生涯规划各阶段的路线划分与安排,必须具体可行。 ⒐实际原则:实现生涯目标的途径很多,在作规划时必须要考虑到自己的特质、社会环境、组织环境以及其它相关的因素,选择确实可行的途径。 ⒑可评量原则:规划的设计应有明确的时间限制或标准,以便评量、检查,使自己随时掌握执行状况,并为规划的修正提供参考依据https://www.360wenmi.com/f/filevuzjrstv.html
8.设计食谱教案及教学反思.pptx促进教学反思教案的重要性教案设计02使学生掌握基本的营养学知识和食谱设计原则。知识目标能力目标情感目标培养学生运用所学知识,独立设计出一份营养均衡、口感良好的食谱。培养学生对健康饮食的兴趣和意识,形成科学合理的饮食习惯。030201教学目标介绍人体所需的七大营养素及其作用。营养学基础知识讲解食谱设计的基本原则,如https://m.renrendoc.com/paper/308974672.html
9.饮食抗癌新视角:肺鳞癌的营养干预与食谱革新抗癌食谱的设计原则 增加蔬菜和水果摄入 每日至少五份蔬果,强调深色蔬菜和浆果的摄入,如菠菜、蓝莓,它们富含抗氧化剂和植物化学物质,有助于减少炎症反应,对抗肿瘤发展。 优选全谷物和豆类 全谷物(如糙米、燕麦)和豆类富含膳食纤维,不仅促进肠道健康,还能减缓血糖反应,间接抑制肿瘤生长。同时,豆制品中的异黄酮对于激素http://www.ysmiji.com/wenzhang/11506.html
10.青少年早餐吃什么好青少年营养早餐的食谱(2)要按照"五谷搭配、粗细搭配、荤素搭配、多样搭配"的基本原则,将每个营养早餐食谱的设计,尽可能达到合理营养和平衡膳食的要求。 (3)每个营养早餐食谱应有肉奶蛋类、面点类、蔬菜类等三部分组成,在餐后加一份瓜果以补充维生素。 (4)每个营养早餐食谱设计的烹调制作要求,应当使之既有利于每个正在生长发育阶段学生的https://yangsheng.120ask.com/article/64378.html
11.幼儿园膳食会议方案二、营养食谱的设计原则 我园每天两餐,即、午餐、晚餐。膳食调配过程中主要遵循营养平衡、饭菜适口、食物多样、荤素搭配,甜咸搭配,每天家长可以在园门口宣传栏内看到幼儿一月伙食情况;从根本上解决幼儿营养过剩或缺乏等问题 具体膳食选配的原则有以下几点: https://www.wenshubang.com/huiyifangan/467718.html
12.2022上半年5月11日公共营养师考试真题(必备)5.(多选)学龄前儿童食谱设计的原则是? A.按照儿童年龄均值,根据《中国居民膳食营养素参考摄入量》确定其营养需要目标。 B.按周编制食谱,一周食谱应做到不重复。 C.确定膳食制度,以三餐两点制为宜。 D.食物宜粗细搭配、粗粮细做、荤素搭配,色彩搭配。 https://ggyys.liuxue86.com/a/4329724.html
13.盐城市第三届营养降职业技能大赛中式营养套餐赛项竞赛规程营养食谱设计按膳食结构、产热营养素、烹调方法等方面进行评判。 2.午餐套餐 (1)相关规定 参赛作品用料严格实行“三不”原则。即不使用燕窝、干鲍、鱼翅等高档原料,不使用国家明令保护的动植物,不违规使用添加剂。 (2)成品评判内容 赛项评判内容按食材搭配、口味质感、餐标符合、造型特色、干净卫生、烹饪影响等六http://www.ycyyxh.com/showartical.aspx?articalid=88B80BB7C75A507B
14.《设计食谱与指导营养配餐》练习题及参考答案15、对食谱进行调整,是指根据()调整。 A、食谱设计的目标B、食谱的价格问题C、食谱的口味D、食谱评价中发现的营养问题 16、学龄前儿童的三餐分配要合理,以()为宜。 A、三餐一点制B、四餐一点制C、三餐二点制D、四餐二点制 17、下列哪项不是营养配餐的的理论依据() https://www.wjx.cn/xz/265536378.aspx
15.1800千卡轻体力活动女性的食谱设计食谱设计好了,我们要对餐谱做评价,看是否满足以下几个条件: 1、 能量适宜 2、 种类多样 3、 优质蛋白质食物丰富 4、 维生素A、B族给生素、钙、铁、碘、锌、防辐射食物 5、 不饱和脂肪酸的比例是否合适 食物中的三大宏量营养素含量 一日食物 当食谱评价合格后,就动手开始采购、称重、制作了,在制作的过程当https://www.jianshu.com/p/df8010ea9c84
16.膳食营养与降论文通用12篇糖尿病的治疗基础是长期进行血糖控制,而饮食是治疗和控制病情的重要途径。根据糖尿病的饮食原则来设计食谱,以确保患者食谱的安全、健康。全面考虑整个中年患病人群本身的特点及工作类型、生活作息方式,有针对性的设计出最适合中年糖尿病患者的食谱,期望通过饮食治疗来控制糖尿病。 https://tlgy.xueshu.com/haowen/40257.html
17.T/CCA025附录A给出了轻体力活动者每日能量和部分必需营养素需要量的参考值,供设计食谱和配餐时参考。食材搭配建议:为每日(餐)膳食尽可能提供多种类型的食材对于各类人群实现一段时期内的营养摄入平衡非常重要,需要在食材设计中重点考虑。食材的类别、同类别的品种比例需适当,遵循品种多样、合理搭配的原则,至少包括蔬菜类、水果https://www.antpedia.com/standard/1795114030.html
18.腾讯力作!超实用的iOS9人机界面指南(2):设计策略优设网设计原则 美学完整性 美学完整性不评判应用的视觉设计,也不是用来描述应用的风格特征。美学完整性是指在一款应用的视觉表现和交互行为与功能结合后所传达出的整体一致性。 人们关心应用是否提供了应有的功能,但是也会潜移默化甚至是很直接地被应用的视觉表现和交互行为所影响。举个例子,一款协助用户完成任务的应用,可https://www.uisdc.com/ios9-interface-guideline-strategy