久久久久久久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(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 久久99精品久久久久久琪琪 | 欧美寡妇偷汉性猛交 | 日本三级全黄三级a | 久久av资源网 | 狠狠涩| 久久亚洲免费 | 91免费观看国产 | 四色永久| 成人精品一区二区 | 欧美一级毛片在线播放 | www.99精品| 国产一区二区免费 | 国产一区二区视频在线 | 人干人操| 国产欧美日韩一区 | 国产乱码精品一区二区三区五月婷 | 日韩在线精品强乱中文字幕 | 黄网站色大毛片 | 久久国产婷婷国产香蕉 | 国产一区二区欧美 | 久久综合久久综合久久综合 | 中文字幕亚洲视频 | 在线欧美 | 性天堂网| 五月激情婷婷六月 | 一级毛片视频免费观看 | 综合婷婷| 日韩精品成人 | 嫩草视频网| 97偷拍视频 | 国产成人精品一区二 | 成人在线精品 | 91一区二区三区在线观看 | 欧美做暖暖视频 | 三级免费av | www.4虎影院 国产999精品久久久影片官网 | 九九福利 | 国产成人精品综合 | 国产1区2区3区 | 久久久久国产精品午夜一区 | 亚洲最新在线视频 |