《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.移动端UI界面设计——以手机APP“食秀”为例.docx移动端UI界面设计——以手机APP“食秀”为例.docx 35页内容提供方:瀚海文化 大小:1.75 MB 字数:约2万字 发布时间:2024-11-20发布于广东 浏览人气:0 下载次数:仅上传者可见 收藏次数:0 需要金币:*** 金币 (10金币=人民币1元)移动端UI界面设计——以手机APP“食秀”为例.docxhttps://max.book118.com/html/2024/1024/6035042051010235.shtm
2.新鲜活力!13组美食APP界面设计优优教程网UI界面优化实例!16条设计黄金原则帮你学会改版 本文的 UI 界面通过 16 次改版优化一点点变好,这 16 次优化也是在做 UI 时所需要遵循的设计原则,记得收藏并用到自己的项目里,用上才算真正学到。 UI设计设计原则阅读5.7w 查看详情 简介 评论 这https://uiiiuiii.com/inspiration/1616612122.html
3.降食谱APP界面设计menma1997健康食谱APP界面设计 menma1997 成都/设计爱好者/4年前/824浏览 版权 可能感兴趣的人 下次默认收起 澎湃果合互动 北京| 设计爱好者 创作45粉丝787 Post_大千影业 杭州| 设计爱好者 创作48粉丝22365 _序_ 北京| 设计爱好者 创作7粉丝2327 MrReese 深圳| 设计爱好者https://www.zcool.com.cn/work/ZNDMyODMwMTI=.html
4.美食菜谱app手机界面图片免费下载美食菜谱app手机界面素材千图网为您找到163张美食菜谱app手机界面相关素材,千图网还提供美食菜谱app手机界面图片,美食菜谱app手机界面素材, 美食菜谱app手机界面模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://www.58pic.com/tupian/meishicaipuappshoujijiemian.html
5.50个设计简约的移动APPUI设计作品吉他APP 个人简介手机版 Keroessa 启动页、Step By Step 界面设计 家庭智能 APP APP 注册和登录页 家居Ios App Minimal Weather App 简约日程安排 APP 界面 IPhone时间 APP 计算器 APP 食谱、食品类 UI设计 钱包类 APP Onboarding Illustrations Popped – Music Served Simple http://www.360doc.com/content/16/0509/23/32637212_557697145.shtml
6.酒店饭店食谱菜单系统在线点餐移动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
7.APP界面设计下载排行榜我图网APP界面设计下载排行榜榜单,为您提供了过去一年最受欢迎的APP界面设计作品合集,快来看看是否符合您的心意吧,找APP界面设计作品就上我图网https://www.ooopic.com/paihang-1-5501.html
8.美食/餐厅/外卖点餐类APP界面设计合集2019.8.26 APP UI 美食点评类APP应用UI设计套件 Food Restaurant App Kit 2017.7.6 APP UI 美食应用 UI 套件 Food application ui kit 50 screen 2019.1.27 APP UI 美食主题APP应用UI套件 Foodnow – Sketch Mobile UI Kit 2019.7.16 APP UI 食物烹饪食谱美食类APP应用UI界面设计模板素材 Food Cooking https://www.iamxk.com/collection/601416/
9.苹果iOS人机交互界面开发指南我们曾经介绍过《iPhone应用界面设计指南》,我们将介绍iPhone应用界面设计指南的一个章节——《苹果iOS应用人机交互界面开发指南》。 我们曾经介绍过《iPhone应用界面设计指南》,我们将介绍iPhone应用界面设计指南的一个章节——《苹果iOS应用人机交互界面开发指南》。 https://mobile.51cto.com/hot-246659.htm
10.菜谱APP源码和设计报告csdn菜谱app菜谱APP源码和设计报告 《移动互联开发》 课程作业 学院: 班级: 学号: 姓名: 日期: 设计要求(提交文档时需删除): 1.本课程设计作为《Android 程序设计》的期末考查内容。 2.任务安排: (1)确定内容:11月3日前将确定内容,雷同内容进行微调(功能,实习,界面)。https://blog.csdn.net/qq_39154376/article/details/128160580
11.matlabgui界面设计总结正值25学堂一周年之际,同时站长和APP设计同仁们在群里(APP界面设计 UI设计交流群,APP界面设计⑥群 APPUI设计③群58946771 APP设计资源⑤群 386032923欢迎大家加入交流分享)交流和讨论的时候,发现很多新加入群的朋友们,问的最多的问题就是“主流手机界面设计尺寸做多大”?APP设计尺寸规范,知道多少呢?25学堂的老谭应广https://www.shuzhiduo.com/topic/matlabgui%E7%95%8C%E9%9D%A2%E8%AE%BE%E8%AE%A1%E6%80%BB%E7%BB%93/
12.订餐界面订餐界面图片订餐界面订餐界面设计素材红动中国素材网提供11个订餐界面订餐界面图片、订餐界面订餐界面素材、订餐界面订餐界面背景、订餐界面订餐界面模板、订餐界面订餐界面海报等PS素材下载,包含PSD、AI、PNG、JPG、CDR等格式源文件素材,更多精品订餐界面订餐界面设计素材下载,就来红动中国,最后更新于2023https://so.redocn.com/jiemian/b6a9b2cdbde7c3e6b6a9b2cdbde7c3e6.htm
13.全屏界面服务体验UX/UI设计规范应用开发App开发 App开发概述 App设计(公版卡片) App设计(线上开发H5) 线上开发H5 管理UI资源库 App设计(线下开发H5) 准备工作 开发UI界面 开发H5功能(Wi-Fi/Combo) 开发H5功能(BLE) 页面配置 多端适配 产品配置 功能调测 使用调测助手调测H5功能 使用智慧生活App调测H5功能 接入运https://device.harmonyos.com/cn/docs/devicepartner/DevicePartner-Guides/uxdesign-service-full-0000001227598901
14.下厨房App的体验创新作者:王安琪,班级:数字媒体艺术艺术,课程:界面设计方法/交互设计方法研究,指导:余永海。 如今在“互联网+”的深入和移动互联网高速发展的大环境之下,美食与人们的距离越来越短,订餐外卖app和生鲜电然商带来了新的一波“懒人经济”。然而即便是已经在“懒人经济”盛行的今天,仍然有很多的人愿意走进厨房,自己烹饪美食。https://www.jianshu.com/p/4450ff97db19
15.设计了解如何确定 App 的风格,并针对各种情境来调整你的语气。 WWDC24 视频 SF Symbols 6 的新功能 了解新的“晃动”、“旋转”和“呼吸”动画预设如何帮助你让界面更为生动。 WWDC24 设计文章 关于设计的幕后故事 看看Devin Davies 如何调配出美味食谱 App“Crouton” https://developer.apple.com/cn/design/
16.你手机里有哪些堪称神器的APP软件?如果你想消除时常皱眉而产生的皱纹…不如试下这款APP… 3、【鲨鱼记账】 来不及解释了!反正【鲨鱼记账】是比较好一款让我真正养成记账习惯的APP! 这款APP的界面设计非常简单,打开APP,首先看到的就是不忍直视的流水账单… 点击下方“加号”,你就可以记录各项支出或收入了,各种收支的分类也非常详细: 跟【潮汐】一https://baikecom.cn/show-481353.html
17.成都东软学院设计者:李雅文 设计说明: 卡路里app界面设计配色以绿色为主,淡黄色为辅,加入粉色蓝色等色彩点缀,突出绿色健康活泼的氛围,以IP延展插画的形式进行视觉效果的呈现,可爱有趣,符合年轻用户群体的审美,拉近与用户之间的距离。APP食品图标也采用了插画风格的设计,风格统一。卡路里app主要功能为专属定制食谱,拍照识别食物热量以https://da.nsu.edu.cn/2023/EDCF9C8F-0461-4019-923F-1C09A8503C15.html