學習Framer - 10款逐步指導教程
Framer是一個強大、全能的原型設計工具，但學習曲線也很高。
設計師們經?；乇苁褂?nbsp;Framer（http://framerjs.com/） ，因為和其他原型工具相比，它的初始學習曲線更高。這是由于它是基于代碼來實現(xiàn)原型，但這也恰恰是令它強大和全能的原因 —— 你可以創(chuàng)建其他工具無法實現(xiàn)的詳盡的、高保真的交互原型和動效。
當學習一個新的軟件和工具時，按照逐步指導的教程來在實踐中學習是一個很好的探索和學習的方式。
下面是10款Framer的教程，可以幫助你從菜鳥開始使用Framer創(chuàng)建屬于你自己的交互原型。不過，在你開始之前，請先去Framer官網的 學習專區(qū)（http://framerjs.com/learn/basics/） 熟悉一下layers、animation、events、Coffees cript以及其他相關的基礎知識。
http://www.prototypingwithframer.com/zero-inbox-animation/
使用Sketch和Framer再現(xiàn)Google Inbox 收件箱清空時的動效
實現(xiàn)Uber Apple Watch App 原型
http://www.prototypingwithframer.com/uber-apple-watch/
一個逐步指導如何實現(xiàn)Uber Apple Watch App原型效果的Framer教程。
https://medium.com/@designforhuman/new-to-framer-just-3-things-to-get-you-started-47397f27c71e
David Lee 帶你學習Framer的三個關鍵概念：events, layers, states，以及一個Google Inbox的原型范例。
http://www.prototypingwithframer.com/creating-a-button-loading-animation/
使用Framer實現(xiàn)一個簡單的按鈕loading動效
使用Framer實現(xiàn) Material Design 原型效果
http://www.prototypingwithframer.com/material-design-with-framer/
一個如何實現(xiàn)常見material design 交互原型效果的Framer教程。
Sean Mateer 教你如何使用Framer創(chuàng)建一個引導界面的滑屏效果Demo
http://www.prototypingwithframer.com/ios-lock-screen-interaction/
一個如今常見的手機app原型效果 —— 滑屏翻頁效果
http://www.prototypingwithframer.com/twitter-birthday-balloon-animation/
使用Sketch和Framer在Twitter個人信息界面生成隨機的氣球動效
https://medium.com/@_mikehlee/learn-framer-with-kanye-32bc68eb80d8
用Framer+卡內（美國說唱歌手）的頭像圖片實現(xiàn)一些交互效果
https://medium.com/@kennycheny/creating-your-first-prototype-with-framer-c39221da7668
這是我創(chuàng)建的第一個Framer原型
通過這些Framer教程，你將體驗到Framer的強大，以及順利的實現(xiàn)屬于你自己的原型。
像學習更多關于Framer的內容？
請瀏覽原作者的博客 Prototyping with Framer http://www.prototypingwithframer.com/
From：https://medium.com/@kennycheny/learning-framer-6030028cb08e#.ooq5fenes
