Instagram的高保真原型分享，附原型和組件庫(kù)下載赤嚼！
這一次旷赖，我們帶來(lái)的是instagram的高保真原型！
等等更卒！什么等孵？高保真？我知道蹂空，有小伙伴要準(zhǔn)備吐槽了俯萌，高保真原型在產(chǎn)品圈中一直備受爭(zhēng)議果录，它有很多缺點(diǎn)，比如需要耗費(fèi)更多的時(shí)間咐熙、修改成本較高等等弱恒。這個(gè)我也認(rèn)同，在產(chǎn)品的探索期以及內(nèi)部溝通時(shí)棋恼，快速準(zhǔn)確地表達(dá)產(chǎn)品的結(jié)構(gòu)和功能是最重要的返弹，快速討論，快速調(diào)整爪飘，不必耗費(fèi)太多時(shí)間在原型細(xì)節(jié)上琉苇。
但是，在某些情況下悦施，高保真原型能有奇效并扇，比如：
1. 涉及對(duì)外演示產(chǎn)品方案，不論是對(duì)用戶抡诞、管理層穷蛹、投資人，一個(gè)高保真原型能讓他們快速理解產(chǎn)品需求昼汗；
2. 高保真原型可以充當(dāng)一個(gè)MVP（最小化可行產(chǎn)品）肴熏，進(jìn)行用戶測(cè)試和市場(chǎng)調(diào)研，幫助我們快速驗(yàn)證市場(chǎng)以及及早發(fā)現(xiàn)產(chǎn)品中的問(wèn)題顷窒，看似增加了原型制作成本蛙吏，卻大大降低了開(kāi)發(fā)成本。
為了讓大家能夠快速制作出給力的高保真原型鞋吉，我們會(huì)分享一些高質(zhì)量的原型模板鸦做，一鍵復(fù)用，助你效率up up up谓着！今天的第一彈就是坐擁全球7億用戶的instagram泼诱！
原型下載地址見(jiàn)文末~~
原型展示
部分原型動(dòng)態(tài)演示
快拍（Instagram Stories）拍攝
快拍（Instagram Stories）詳情
feed流交互
分享圖片
關(guān)注用戶
私信（Instagram Direct）流程
閱后即焚消息
完整原型預(yù)覽地址：http://www.xiaopiu.com/h5/byId?type=project&id=59296a5362effb176912fec7
組件庫(kù)展示
利用模板快速創(chuàng)建自己的高保真原型
方法1：下載模板（http://www.xiaopiu.com/square?searchText=Instagram），在模板基礎(chǔ)上做修改赊锚。
方法2：引用組件庫(kù)和頁(yè)面庫(kù)治筒，隨時(shí)使用庫(kù)中的素材來(lái)創(chuàng)建原型。
組件庫(kù)：http://www.xiaopiu.com/square/contr?searchText=Instagram&libPop=contr&libId=593df5bb7160bd421fa4f6fd
頁(yè)面庫(kù)：http://www.xiaopiu.com/square/page?searchText=Ins&libPop=page&libId=593df33a7160bd421fa4f696
方法3：即用即復(fù)制舷蒲，在新標(biāo)簽頁(yè)中打開(kāi)模板編輯頁(yè)耸袜，復(fù)制所需組件，粘貼到自己的項(xiàng)目中牲平。
原型中的動(dòng)效是如何實(shí)現(xiàn)的堤框？
原型中的動(dòng)效主要是通過(guò)「狀態(tài)」和「事件」來(lái)完成的，在這里我們以「選擇圖片濾鏡」這個(gè)動(dòng)效來(lái)講解一下。
1. 創(chuàng)建狀態(tài)：分析圖片一共會(huì)有多少種形態(tài)（在這里就是會(huì)有多少個(gè)濾鏡效果）胰锌，就依次創(chuàng)建多個(gè)「狀態(tài)」；
2. 調(diào)整狀態(tài)樣式：在每個(gè)狀態(tài)下調(diào)整圖片濾鏡效果藐窄；
3. 添加事件：給縮略圖添加「點(diǎn)擊事件」將圖片切換到相應(yīng)狀態(tài)资昧。
資源地址
原型預(yù)覽：http://www.xiaopiu.com/h5/byId?type=project&id=59296a5362effb176912fec7
原型下載：http://www.xiaopiu.com/square?searchText=Instagram
頁(yè)面庫(kù)引用：http://www.xiaopiu.com/square/page?searchText=Instagram
組件庫(kù)引用：http://www.xiaopiu.com/square/contr?searchText=Instagram
其它資源分享
更多資源請(qǐng)見(jiàn)xiaopiu工坊：
1. 電商（天貓商城）APP原型
2. WeUI（微信）原型
3. 外賣（餓了么）APP原型
4. 音樂(lè)（網(wǎng)易云音樂(lè)）APP原型
5. 新聞閱讀（ZAKER等4個(gè)）APP原型
6. 那些創(chuàng)意十足的Loading動(dòng)效原型合集（一鍵復(fù)用！）
7. 視頻（騰訊視頻）APP原型
8. 共享單車（ofo）APP原型
9. 社交（新浪微博）APP原型
歡迎大家對(duì)我們的原型提出建議荆忍，對(duì)后面分享內(nèi)容有哪些期待和想法也可以跟我們交流喲格带！
如果你覺(jué)得還不錯(cuò)，就點(diǎn)個(gè)贊吧刹枉！哈哈叽唱，給我一點(diǎn)更下去的動(dòng)力！～動(dòng)力微宝！～動(dòng)力棺亭！～
