久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

設計師必備交互神器ORIGAMI

   Facebook上周發布的獨立應用Paper今天正式上架蘋果App,該應用看起來相當簡潔,與眾不同,并沒有像Facebook的原有應用產品那樣充斥著各種按鈕和菜單。

  Paper 的詩意現身,一個叫做Origami的工具功不可沒。Facebook 開發的這款圖像設計動畫合成工具,可以快速構建原型,并在不寫一行代碼的前提下完成對復雜動畫的合成和測試。自上個月發布后,全世界的設計師都可以免費使用。

  正如 Paper 可能取代 Facebook 本身的 App 一樣, Origami 的出現可能會對 Photoshop 造成威脅。 這個工具讓設計師們給 Paper 原型設計出了許多復雜的動畫, 無論是在一個屏幕里實現翻頁和切換主題,還是用滑動來移動板塊提取新聞,屏幕和手機永遠處于即時互動狀態,iOS7 的 3-D 效果更給圖片增添了無限立體感。

  Origami 自九個月前由大名鼎鼎的 Facebook 產品設計師 Brandon Walkin 和 Drew Hamlin 開始,與他們的作品 Paper 同時進行,隨著 Paper 需要承載的功能越來越多 Origami 也在不斷完善其功能。事實上,在 Paper 上面看得到的每個動畫效果都是先由設計師們在 Origami 上成型后再由 Facebook 的程序員們在 App 上編寫的。

  Origami的意思是折紙(聽起來是由日文翻譯過來的)。它是Facebook的設計團隊花費了9個月時間開發的工具,Origami是一款基于Quartz Composer的插件,安裝Origami之后,Quartz Composer的界面會變得更加友好,更適合于交互設計師操作。

  在2013年4月份的時候,Facebook在推出Facebook Home的時候,曾力推Quartz Composer,希望它能夠成為一款設計師們都喜歡的高保真動態原型制作工具。然而因為QC的門檻依然很高,推廣沒有成功。

  這一次,Facebook設計團隊免費公開Origami,這款插件讓QC的使用更加方便,希望能夠借此再度推廣QC。

設計師必備交互神器ORIGAMI 三聯

  下面簡單介紹一下Origami:

  大多數設計師在向工程師講解設計想法的時候,都是通過靜態原型圖來完成的,但是現在APP的趨勢是:動態的設計越來越多,設計師們需要更好的交互設計工具,Origami應運而生。

  怎樣安裝:

 ?、倌阈枰慌_Mac

 ?、诎惭bQuartz Composer

 ?、郯惭bOrigami

  除了第一條,后面兩個都可以在Origami官方頁面(facebook.github.io)下載到。

  Origami提供了哪些自定義的控件(Patch):

  Switch(開關):開關就是開關

  Scroll(滾動):用來滾動一張圖片

  Bouncy Animation(彈性動畫):通過彈簧控制變化參數的動畫

  Classic Animation(傳統動畫):傳統的曲線型緩動動畫

  Transition(轉場動畫):輸入0-1的數值,輸出開始和結束值

  Color Transition(顏色轉場):在兩種顏色間淡入淡出

  Image Transition(圖像轉場):兩張圖片間淡入淡出

  Interaction 2(交互2號):讓你可以點擊某個層

  Layer(層):把圖片顯示在屏幕上

  Text Layer(文字層):把文字顯示在屏幕上

  Button(按鈕):可自定義標簽和背景,連上“交互2號”使之可以響應點擊

  Hit Area(可點擊區域):同樣也要連“交互2號”

  Phone(手機):在屏幕上畫一個手機,iPhone、安卓、WP都有

  Timer(定時器):設定一個時間,到點了定時器會改變狀態

  Counter 2(計數器2號):從一個數值增減到另一個數值,用來實現for循環的

  Origami給QC帶來哪些變化:

 ?、僦С諶etina顯示器

 ?、谕线M來一張圖片的時候,自動在外面包一個層

 ?、墼趨荡翱谥兄С宙I盤上下鍵切換

 ?、鼙唤玫目丶@示為灰色

 ?、葑尣榭创翱谠林С?/p>

 ?、蕻敺至髌鞅粍h除后,連接線保留

 ?、咂渌鸼ug修復

  好了,趕緊下載一個試一試吧。下載完成后會跳轉到樣例下載頁面,通過4個樣例你可以學習到通過Origami制作出很多神奇動效的方法。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 51ⅴ精品国产91久久久久久 | 欧美精品综合在线 | 天天色天天射天天干 | 午夜码电影 | 亚洲视频区 | 久久久久欧美 | 一道本不卡| 久久久www成人免费无遮挡大片 | 天天草天天操 | 伊人在线 | 精品国产18久久久久久二百 | 久久久久亚洲精品 | 日韩精品一区二区三区在线播放 | 久久性 | 午夜小视频在线播放 | 一级日批片 | 国产精品久久亚洲 | 亚洲xxxxx| 日韩一级| 在线免费看黄 | 99re在线视频观看 | 丁香久久 | 国产精品国产自产拍高清 | 亚洲精品久久久蜜桃 | 亚洲天堂av在线 | 免费xxxx大片国产在线 | 日日夜夜狠狠操 | 久久国产精品免费一区二区三区 | 午夜大片 | 亚洲精品免费观看 | a黄视频| 国产精品久久久久久久一区探花 | 国产传媒在线观看 | 国产成人精品一区二区三区在线 | 亚洲欧美网站 | 国产精品免费看 | 国产欧美在线观看 | 国产成人精品免高潮在线观看 | 男女视频在线观看免费 | 成人在线精品视频 | 毛片免费观看视频 |