《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.美食app开发菜谱用户需求4. 食谱收藏:用户可以将自己喜欢的菜谱收藏起来,以便日后查看。 5. 美食分享:用户可以在app内分享自己喜欢的美食,与其他用户交流心得和体验。 二、美食app开发的实现方法 1. 确定目标用户群体:在开发美食app之前,需要明确目标用户群体,例如年龄、性别、地域等方面的特征,以便更好地定位和推广。 https://www.163.com/dy/article/IL753LMS0553JJUN.html
2.下厨房APP怎么样下厨房app功能介绍→MAIGOO百科《下厨房》是一款适合年轻人流行的美食食谱软件,主要功能是提供各种美食做法以及烹饪技巧。 产品设计 菜谱功能 菜谱功能是作为下厨房app的核心功能,是用户长期使用此app和使用其他衍生功能的基础,如:市集、社区等功能就是以菜谱功能为基础拓展出来的功能,因此菜谱功能是下厨房产生新用户和维护老用户比较关键的一步。 在https://www.maigoo.com/citiao/256473.html
3.多功能美食菜谱APP方案设计毕业设计论文.pdf多功能美食菜谱APP方案设计毕业设计论文.pdf,摘要 本设计主要针对Android移动平台多功能美食彩票系统进行分 析和设计。设计一款基于Android的一款多功能菜谱软件,客户通过 手机能够获取美食菜谱、食材信息、健康资讯、在线社区以及线上、 线下互动服务。本次APP设计以内容https://max.book118.com/html/2021/0107/8062106036003035.shtm
4.食谱类APP竞品分析(下厨房,美食杰)根据调查发现,目前食谱类app种类较多,主要使用者都为一二线城市20-35岁年轻上班族和家庭主妇,但相对于整个目标用户群来说真正使用者数量占比仍然较小,而正常上班情况往往日常饮食都是随意解决,为什么还是有一大部分人不愿意借助其达成使用目标,作为也是下厨房等食谱APP的用户,我想弄明白怎样的食谱软件更能受用户的欢迎https://www.jianshu.com/p/3a2e0c8aa597
5.[菜单app设计]图片免费下载菜单app设计素材菜单app设计模板千图网为您找到999张菜单app设计相关素材,千图网还提供菜单app设计图片,菜单app设计素材, 菜单app设计模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://m.58pic.com/tupian/caidanappsheji.html
6.基于android的菜谱app的设计与实现菜谱应用5、点赞收藏分享。当用户在美食菜谱APP小程序平台上浏览到自己感兴趣的菜谱教学视频或者图片之后,如果觉得喜欢或者对自己有用可以进行点赞,将自己喜欢的菜品收藏起来,以后自己学习烹饪或者分享给他人都可。 6、个人作品。用户在通过食谱APP学习做菜的同时也可以把自己做菜的视频过程或合适经验心得发布到平台上,自己查看的https://blog.51cto.com/u_12205/9416648
7.食谱类APP的LOGO设计方案PennyNuomilogo设计食谱logo美食logo声明:站酷(zcool)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(zcool)之意见及观点。相关推荐 换一换个人作品集 3.2w penny_nuomi banner设计集合 372 penny_nuomi猫蒲夜宵app引导页设计 1837 penny_nuomi关注 ui z39726949 联想rtx ai pc站酷专区 创作从此随心所欲! 整合https://old.zcool.com.cn/work/ZMjkyNDkzNzI=.html
8.基于安卓Android家庭食谱管理系统APP的设计(Androidstudio,SQL基于安卓Android家庭食谱管理系统APP的设计(Androidstudio,SQLlite)(含录像)(论文说明书10000字,程序代码) 系统功能分析 本系统实现一个安卓家庭食谱管理系统。具体功能描述如下: 1. 用户注册/登录:实现用户的注册和登录。 2. 菜系信息:实现菜系信息的列表显示,可以按分类进行浏览,可以添加、查看或删除食谱信息,可以https://www.2bysj.cn/Article/java/202201/21767.html
9.APP开发APP制作APP设计微信小程序开发网站建设APP开发,APP制作,微信小程序开发,南京APP开发,南京APP设计,南京微信小程序制作,南京APP开发公司,南京手机APP开发,我们是一个技术型的服务团队,重视服务,重视与客户的沟通,打造性价比最好最专业的移动开发公司,请看作品及案例http://www.shangpin01.com/index.php?m=Article&a=index&id=34&p=17
10.app功能需求分析报告摘要:人文环境是软、硬环境的集合空间, 从中导览要让用户深刻体会当地的文化习俗、生活习性和历史情怀等, 就需要导览APP设计充分满足人文环境的用户需求。本文从人文环境的导览着手, 列举现下典型人文环境导览APP, 分析归纳不同人文环境的导览APP的用户需求, 提出满足用户需求的优化设计建议。 篇9:app功能需求分析报告https://www.360wenmi.com/f/file29nk3x8i.html
11.定制食谱app商业计划书.pptx定制食谱app商业计划书Simple CreativeContents目录01.项目背景与概述04.营销策略02.市场分析03.产品介绍05.运营策略08.风险分析与应对策略06.团队介绍07财务预测与融资计划Part One项目背景与概述https://m.renrendoc.com/paper/296359701.html
12.降饮食和膳食计划者或者食谱制作做饭厨房App专为iPad 设计 4.3 ? 3 个评分 免费 提供App 内购买项目 截屏 iPad iPhone 简介 分步说明模式! “我的食谱”页面充当您的移动食谱和令人难以置信的搜索工具,可让您按任何成分或食物进行过滤! 当然,如果您喜欢烹饪和饮食,那么我们有好消息要告诉您。现在,您可以每天使用新的袖珍食谱学习新食谱。是不是很棒?!https://apps.apple.com/cn/app/id1437702503
13.菜谱APP源码和设计报告食谱类app用户界面设计论文程序设计鼓励自主完成;设计功能完备,程序运行流畅无误。 代码部分需要进行必要的注释。 文档撰写应注意排版美观大方,语言通顺,无错别字。若有同学的设计基本雷同的都定位不及格。 重要事项: 提交内容: 文档的电子版 完整代码的电子版; 演示视频(本人需入镜) https://blog.csdn.net/m0_66999594/article/details/135196504
14.黄色系美食app界面设计下载编号22316345手机网站黄色系美食app界面设计价格:15我图币 编号: 22316345 软件: Photoshop CS6(.psd分层) 像素: 宽750 X 高2521 像素 体积: 0KB 上传时间 : 2019-07-12 相关搜索: 界面设计 黄美食 黄设计 美食app 美食界面 美食设计 APP界面 正正版授权 质质量保证 售售后服务相似作品https://m.ooopic.com/weili_22316345.html
15.酒店饭店食谱菜单系统在线点餐移动APP系统界面设计UI工具包Wala爱给网提供海量的UI(海外)资源素材免费下载, 本次作品为jpg 格式的酒店饭店食谱菜单系统在线点餐移动APP系统界面设计UI工具包 Wala Food Boxes, 本站编号41539283, 该UI(海外)素材大小为174m, 该素材已被下载:9次, 更多精彩UI(海外)素材,尽在爱给网。 浏览本次作品的您可能还对 ui素材ui工具包 感兴趣。 https://www.aigei.com/item/jiu_dian_fan_di_15.html
16.7个可以直接套用的原型设计案例,提效必备!通过这款美食食谱APP原型设计案例,用户可以轻松浏览、搜索、学习和分享各种美食食谱。它可以按照喜欢的美食风味来选择推荐食谱,并为每款美食提供全面的食谱指导,让用户能够掌握制作美食的技巧,成为用户在烹饪旅程中的可靠伙伴。 6.新闻APP原型设计案例 这个新闻APP原型设计案例,提供了新闻类APP所需的主要界面设计和UI组件https://pixso.cn/designskills/7-prototype-design-cases/
17.各位爱做饭的友友,假如有这样一款菜谱APP,你们感兴趣吗?如果有这样一款APP,你们会感兴趣吗?我准备开发一款私人食谱应用,希望能帮助大家更好地管理和优化自己的烹饪体验。请大家配合调查一下,做出来后会给大家免费使用哦! 我预计包含以下功能: 记录做菜步骤,形成你个人独一无二的菜谱,非常精美 做菜时的步骤提醒,全语音交互 家人可以在您的食谱中选择菜单 根据食谱生成食材https://www.douban.com/group/topic/305864618/