内容简介
这是一本以App Store首页推荐的成功App为例阐述如何完成一款App产品的设计、开发和营销的书。在这本书之后,作者的《一炷香》和《字里行间》两款产品也接连被App Store首页推荐。
《Producter 让产品从0到1》从产品的设计、产品的实现、产品的迭代、产品的营销、产品的进阶等几个角度,全面讲解了产品设计的基本原则、设计的重要性、设计的感觉、实用的设计工具、简单的iOS开发、产品营销理念和文案基础、动画效果的实现等内容。
此外,《Producter 让产品从0到1》以《小记》这款有代表性的App产品为例,完整还原了一款产品从想法到设计,到编码实现,到上架发布,再到营销的全过程。
作者简介
周楷雯
趣拼科技(Catch Inc.)创始人,90后CEO,一线iOS开发者,精通设计的全栈开发者及产品人。多款产品连续被App Store首页推荐。开源库PNChart作者,《小记》作者,Yep天才社区创始人,《字里行间》创始人。
精彩书评
“人们每天起床,做着同样的事情,他们告诉自己,有一天要为世界做一款产品,但他们从不付诸行动。这是一本可以让你行动起来的技术、设计和产品之书。如果用一句话评价书中的产品《小记》,我想是:绝世而独立。”
——池建强,MacTalk 出品人,《MacTalk跨越边界》《MacTalk人生元编程》作者
“这是一本跨界的书,融合了设计、编程以及市场营销的知识。作为一个只会编程的码农,本书将我带进了设计和市场营销的世界,有一种误入桃花源、发现新大陆的感觉。”
——唐巧,《iOS开发进阶》作者
“如果我只能通过一本书来帮自己走上设计道路的话,那么《Producter》是我优先的选择。”
——Onevcat,《Swifter》作者
“每个设计师都应该要懂得如何实现,不仅仅是为了把自己天马行空的想法变为现实,还为了让自己更正确地做出设计上的决策,以及提升与开发者之间的默契。”
——Ray,Catch公司设计师
“在我理解设计师不仅是一个造梦者,更需要是一个创造者,从设计到开发,再到营销, 楷雯诠释了这一切!”
——Ping,Weekr产品人
“热爱,方得始终。这是一本让你把热爱变为现实的不二指南。”
——王伟兴,爱范儿创始人
目录
第一部分 开篇
第1章 Product/产品:设计驱动开发 3
关于设计的第一次 3
为什么先做设计 3
设计是什么 4
设计创造了什么 5
实践 5
第二部分 Product Design/产品的设计
第2章 设计的感觉 9
从感觉开始 9
清晰 10
整洁 12
酷 17
寻找灵感 20
第3章 基础界面 26
标签栏 26
侧滑菜单 28
滑块 30
瀑布流 31
第4章 设计工具 34
设计工具的选择 34
Sketch 35
Framer 54
第5章 产品的起点 60
《小记》是怎样一款产品 60
做《小记》的理由 61
设计《小记》 63
交互设计 68
《小记》的交互设计 70
Hydro的交互与体验设计 73
第三部分 Product Code/产品的实现
第6章 成为开发者 79
硬件的问题 79
注册为开发者 80
第7章 Swift 82
类 83
实例化 84
类的继承 85
深入学习Swift 90
第8章 iOS App是什么 91
创建第一个App 91
App Delegate 93
View Controller 95
MVC 96
View Controller的生命周期 98
深入了解iOS App 99
第9章 自动布局 100
什么是自动布局 100
居中约束 101
位置约束 108
比例约束 115
深入学习自动布局 121
第10章 一个简单的iOS App 122
纯代码布局 123
自动布局 125
iOS App的UI结构 127
第11章 iOS基础动画 129
动画的方式 129
纯代码动画与AutoLayout动画 131
第12章 在“年”之外 134
UILabel 134
字体 139
UICollectionView 142
DataSource 145
全局常量 149
深入了解View Controller 151
第13章 使用Git管理你的代码 152
Git是什么 152
安装Git客户端 152
创建新项目 153
Git基础 154
命令行 156
深入学习Git 157
第14章 “年”和“月” 158
UINavigationController 161
UIButton 167
自定义转场 173
第15章 撰写 177
日记的数据结构 178
NSNotification通知 181
Animation键盘移动动画 182
Location获取用户位置 182
CoreData数据库存储 184
深入了解CoreData和Animations 191
第16章 浏览“年”和“月” 192
查询 192
分组 194
展示 194
深入了解NSPredicate和NSFetchedResultsController 201
第17章 浏览日记 202
HTML与CSS 202
UIWebView 205
深入了解UIWebView 208
第18章 编辑日记 209
添加按钮 209
修改 212
保存 213
删除 215
第四部分 Product Redesign/产品的迭代
第19章 优化 219
自定义UICollectionViewFlowLayout 220
UITapGestureRecognizer与触摸事件 222
第20章 CocoaPods 224
安装CocoaPods 224
初始化Podfile 224
安装依赖 225
使用第三方库 225
Cocoa Controls 227
第21章 Crashlystics 229
集成 229
错误处理 232
第22章 让交互更通用 234
好名字 234
走向用户 235
教程 235
第五部分 Product Marketing/产品的营销
第23章 产品特质 241
解决的问题 241
定位的人群 241
代言人 242
自发传播 242
深入了解定位 243
第24章 营销的方法 244
App推荐 244
产品发现社区 245
广告 245
自我营销 246
事件营销 247
营销的反思 247
第25章 营销的细节 248
文案 248
文案的个性 249
完美的下载环境 253
深入了解文案写作 253
第26章 内测你的产品 254
TestFlight 254
寻找内测人员 255
第六部分 Product Advanced/产品的进阶
第27章 Facebook的动画库POP 259
POP的架构 260
基本类型 261
实战 265
第28章 贝塞尔曲线动画 270
寻路 271
问道 272
iOS里的动画效果初探 272
动画物理效果进阶 273
UIDynamic 276
动画果冻效果 278
再续前缘 278
第29章 贝塞尔Waver声波效果 279
原理 280
屏幕上的波纹 280
波纹的限制 281
动画 283
第30章 帧序列动画 284
生成矩阵 285
播放控制 286
使用 288
第31章 关键帧动画 289
UIView关键帧动画 289
Core Animation关键帧动画 290
后记 293
前言/序言
从什么时候开始,设计变成了我生命的一部分?
似乎开始于一个非常难以捕捉的时间;
或许是我第一次打开Vimeo的时候;
或许是第一次用镜头记录风景的时候;
或许是我第一次想要用情书感动一个女孩的时候。
记忆的丢失让人分外伤怀,但是与产品一起度过的每一刻,我都满怀着对美好的期待与感恩。
独立完成一款产品是很多人的梦想,也是我的梦想。但是,只是完成一个产品并没有什么价值,真正完成一款优秀的产品的难度远超过“完成”这个词语的含义。
设计的锤炼、编程技艺的精进、营销的思考让很多人在起步阶段就放弃了。
从来没有一本书去讲如何完整地“完成”产品设计这件事情。我觉得应该有一本!于是,断断续续地,经历了一年的时间,我终于在23岁生日前写完了这本书。
完成一件事情着实考验人的耐心,这本书初稿完成之后又经历了相当大的修订,这种改进和迭代与产品开发极为相似。正如许多创作一样,想要下笔如神是非常困难的,甚至很多经验丰富的产品设计者的作品的第一稿也不见得就能够做得比新人好。真正使作品脱颖而出的,是后期对作品的反复打磨与改进。
在本书修订的过程中,我常常会跟朋友说“写书就像绣花一样”。尤其是,最近几年荒废了写作,竟然遇到了很多语法问题(可能是英语文档看多了的缘故)。
非常感谢周奕飞(@austinchou0126)和朱宏旭(@nixzhu)在本书初稿排版和语法方面所做的修正。
这本书只是一个开始,和产品一起成长,做出越来越优秀的东西才是最大的快乐。
读者对象
本书主要涵盖了以下4个部分:
设计原理;
原型、动画效果、交互设计;
iOS开发;
营销。
书中以《小记》这一作品作为例子,完整地还原了一款产品从最初的想法到编码实现,再到上架,以及营销的全过程。
如果你什么都不懂,面对未来正充满困惑,那么这是一本很好的入门书籍;如果你只是略知一二,那么这本书也是很好的补全指引。
不过,由于产品的世界不存在“只要A必然发生B”的真理,所以请带着怀疑的眼光去审视本书中的每条结论,学会如何思考才能淡定地面对这个变幻莫测的世界。
解疑
本书的电子书发布后会持续迭代更新,这也是电子书发行的好处。如果你对本书有任何意见或者建议,欢迎写电子邮件给我,或者直接关注我的微博与我交流。
视频资料
Lolita作为首个视频资料,借助视频的优势,追加了设计和编程的实践部分,在读本书之前,读者可以先从视频看起。相关视频可以在腾讯视频上找到。
示例
本书中的所有示例代码均可从GitHub获得。
Producter相关
Producter Tips是由我和好友一起维护的一个分享设计、编程和产品的地方。你可以在那里发现一些实用的设计或者工程技巧。
《从0到1:产品诞生记》 引言 在这个快速变化的时代,每一个成功的背后,都隐藏着一段不为人知的艰难旅程。本书《从0到1:产品诞生记》并非一本枯燥的理论堆砌,而是对一系列真实产品从无到有,从构思到落地,再到最终获得市场认可的深度剖析。我们将带领读者一同穿越创新者的思维迷宫,探寻那些让“不可能”变为“可能”的秘诀,感受创业者们在产品诞生过程中的血泪、智慧与坚持。本书旨在为所有怀揣产品梦想的人们提供一个清晰的视角,理解创新创业的本质,并从中汲取力量,勇敢地迈出属于自己的第一步。 第一章:看见未来的裂缝——创意从何而来? 创新的火花,往往诞生于对现有模式的深刻洞察和对未来趋势的敏锐捕捉。本章将深入探讨,真正的创新并非凭空而来,而是源于对市场痛点、用户未被满足的需求,或是现有技术瓶颈的深刻理解。我们将剖析那些改变世界的伟大产品,它们是如何发现“裂缝”的?是源于一次偶然的灵感闪现,还是经过漫长的用户调研和市场分析? 洞察微弱信号: 市场并非只有喧嚣的主流,那些细微的、不易察觉的改变,往往是未来趋势的先兆。我们将学习如何识别这些“微弱信号”,例如用户抱怨的细枝末节、新兴技术的早期应用,或是竞争对手的战略失误。 从痛苦中寻找机会: 很多伟大的产品,都是为了解决某个群体长期以来忍受的“痛苦”而诞生的。本章将通过案例研究,展示如何将用户的痛点转化为产品创新的驱动力。我们会讨论,一个优秀的产品,往往能将用户的“烦恼”转化为“便利”,将“困境”转化为“机遇”。 思考“反直觉”的解决方案: 许多时候,最颠覆性的创新,恰恰来自于对现有逻辑的挑战。本章将引导读者思考,为什么一些看似“不合常理”的想法,最终却能获得市场的青睐?我们会探讨,打破思维定势,拥抱“反直觉”的可能性,是孕育突破性产品的关键。 跨界与融合的火花: 创新也常常发生在不同领域、不同技术的交叉点上。本章将展示,如何借鉴其他行业的成功经验,将不同领域的知识和技术进行巧妙融合,从而创造出全新的产品形态和商业模式。 “如果……会怎样?”的想象力: 每一个伟大的产品,都始于一个大胆的“如果”。本章将鼓励读者运用想象力,跳出现有的框架,去构想一个更美好的未来,一个更高效的解决方案。这种想象力,是驱动产品从概念走向现实的原动力。 第二章:从概念到蓝图——勾勒产品的骨骼 一旦有了初步的创意,如何将其转化为可执行的计划,勾勒出产品的清晰蓝图,是至关重要的一步。本章将聚焦于产品构思的具象化过程,如何将抽象的设想转化为具体的框架,确保产品的核心价值得以清晰呈现,并具备实现的潜力。 定义核心价值主张: 你的产品究竟解决了什么问题?为谁解决?以什么方式解决?本章将强调,清晰、简洁的核心价值主张是产品成功的基石。我们会学习如何提炼出能够打动用户的核心卖点,让产品在众多竞争者中脱颖而出。 用户画像与场景构建: 了解你的目标用户是谁,他们的生活习惯、行为模式、需求痛点是什么,是设计出真正符合用户需求产品的关键。本章将深入讲解如何绘制详尽的用户画像,并构建真实的用户使用场景,以此为产品设计提供坚实的依据。 最小可行性产品(MVP)的智慧: 并非所有功能都需要一次性实现。本章将重点介绍MVP的概念,以及如何识别并优先开发产品最核心、最能验证价值的功能。这不仅能加速产品上线,更能通过早期用户反馈,有效指导后续迭代。 产品功能的优先级排序: 资源永远是有限的。本章将探讨如何根据用户价值、技术可行性、市场反馈等多种维度,对产品功能进行科学的优先级排序,确保有限的资源投入到最有价值的部分。 用户体验(UX)的早期思考: 优秀的产品不仅功能强大,更要易于使用、令人愉悦。本章将强调,用户体验的思考应该贯穿产品设计的始终,从交互流程到视觉呈现,都力求为用户创造流畅、高效、美好的体验。 技术选型与可行性评估: 好的创意也需要坚实的技术支撑。本章将讨论在产品设计的早期阶段,如何进行初步的技术选型,评估其可行性,并为后续的开发做好准备。 第三章:磨砺与迭代——打造产品的血肉 产品从蓝图走向现实,需要经历无数次的打磨、测试与迭代。本章将聚焦于产品开发过程中的核心环节,揭示如何通过精益求精的努力,将冰冷的框架注入鲜活的生命力,使其真正能够满足用户需求,并经受住市场的考验。 原型设计与快速验证: 在正式开发前,通过低保真甚至高保真原型,可以快速验证设计思路和交互逻辑。本章将分享不同类型的原型设计方法,以及如何利用原型与潜在用户进行互动,收集早期反馈。 敏捷开发与迭代思维: 市场和用户需求是不断变化的。本章将强调敏捷开发的重要性,以及如何拥抱迭代思维,通过小步快跑的方式,快速推出产品更新,并根据用户反馈持续优化。 用户测试的艺术: 真实的用户测试,是发现产品设计缺陷、用户体验瓶颈的最佳途径。本章将深入探讨如何设计有效的用户测试场景,如何观察用户行为,以及如何从测试结果中提取有价值的改进意见。 数据驱动的决策: 在产品开发过程中,数据是客观的“罗盘”。本章将展示如何收集、分析用户行为数据,例如用户留存率、转化率、使用频率等,并以此为依据,做出更明智的产品决策。 Bug的“猎杀”与质量的保障: 每一个Bug,都可能对用户体验造成致命的打击。本章将讨论如何建立有效的质量保障体系,从代码编写到上线前的全面测试,确保产品的稳定性和可靠性。 从反馈中学习,不断进化: 用户的反馈是产品迭代最宝贵的财富。本章将指导读者如何建立有效的反馈渠道,如何倾听用户的声音,并将这些宝贵的信息转化为产品改进的动力,驱动产品不断进化。 第四章:驶向市场——让产品遇见用户 再好的产品,如果无法触达目标用户,也无法发挥其应有的价值。本章将聚焦于产品的市场推广与用户增长,探讨如何让产品从“幕后”走向“台前”,精准地连接用户,并构建持续增长的用户基础。 精准定位与目标用户触达: 了解你的目标用户在哪里,他们习惯于在哪里获取信息,是制定有效推广策略的前提。本章将讲解如何进行市场细分,并选择最适合的渠道,将产品信息精准地传递给潜在用户。 产品价值的清晰传达: 你的产品解决了什么问题?带来了什么价值?本章将强调,如何用简洁、有吸引力的语言,将产品的核心价值清晰地传达给用户,让他们能够快速理解产品的优势。 口碑传播的力量: 真正好的产品,能够让用户主动成为产品的“代言人”。本章将探讨如何打造超出用户预期的产品体验,激发用户的口碑传播,让用户自发地向周围的人推荐你的产品。 增长黑客的策略与实操: 用户增长并非一蹴而就,而是需要一系列精心设计的策略。本章将介绍一些行之有效的增长黑客技巧,例如病毒式传播、内容营销、用户激励等,帮助产品实现指数级增长。 构建用户社区与归属感: 社区是维系用户忠诚度、获取深度反馈的重要场所。本章将探讨如何围绕产品构建活跃的用户社区,增强用户的归属感,让他们成为产品生态不可或缺的一部分。 持续的市场监测与调整: 市场环境和用户需求是动态变化的。本章将强调,需要持续关注市场动态,监测用户反馈,并根据变化及时调整市场推广策略,保持产品的竞争力。 第五章:超越零的飞跃——持续创新与进化 “从0到1”只是一个起点,真正的挑战在于如何让产品持续发展,不断超越自我,在激烈的市场竞争中保持领先。本章将探讨产品生命周期中的长期发展之道,以及如何将创新精神融入企业的基因,实现可持续的增长。 理解产品生命周期的不同阶段: 从导入期到成长期、成熟期,再到衰退期,不同阶段的产品面临的挑战和机遇各不相同。本章将帮助读者理解不同阶段的特征,并制定相应的应对策略。 构建持续的创新机制: 创新不应该是一次性的事件,而是一种企业文化和工作机制。本章将探讨如何建立鼓励创新、容忍试错的机制,让创新成为企业DNA的一部分。 数据复盘与复盘的价值: 定期对产品表现进行复盘,总结成功经验,分析失败教训,是持续优化的重要环节。本章将强调复盘的重要性,以及如何从中提炼出可执行的改进方案。 拥抱变化,预见未来: 市场趋势瞬息万变,能够预见并主动拥抱变化,是企业保持生命力的关键。本章将鼓励读者保持对新技术、新趋势的敏感性,并提前布局,为产品的未来发展做好准备。 从“产品”到“生态”的思考: 伟大的公司往往能够构建起一个围绕其核心产品的生态系统。本章将探讨如何从单个产品出发,思考构建更广泛的产品矩阵或服务体系,创造更大的商业价值。 “1”的意义与“N”的可能: “从0到1”是创造,是突破。而“1”的意义,在于它承载了无限的可能。本章将激励读者,在实现第一个“1”之后,继续怀揣梦想,不断探索,将“1”拓展为“N”,创造更多辉煌。 结语 《从0到1:产品诞生记》并非一本提供标准答案的百科全书,而是一次对创新创业精神的致敬,对产品诞生背后艰辛与智慧的记录。我们希望通过本书,能够点燃读者心中对创造的热情,提供切实可行的思考框架和实践方法。产品之路,道阻且长,但每一次从0到1的飞跃,都足以载入史册,影响世界。愿每一个阅读本书的你,都能在产品创新的道路上,找到属于自己的方向,勇敢地出发,创造出属于你的“1”。