內容簡介
這是一本以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是由我和好友一起維護的一個分享設計、編程和産品的地方。你可以在那裏發現一些實用的設計或者工程技巧。
Producter 讓産品從0到1 下載 mobi epub pdf txt 電子書