Bastien Leprince的APP概念設計,這里,我們的主要注意力,集中在地圖組件內嵌的拖拽篩選功能上。所展示的所有功能界面和組件,相互間完美互動,為用戶提供了一套流暢的操作流程。
George Frigo的FaceScan APP概念設計,盡管動畫只持續了12秒,但它足夠清晰地表達了這個APP的主要創意。對于那些想要一睹完整版的人,這位UI設計師也提供了AVI文件。
Alexander van Ravestyn設計的WIP音樂發現APP,就如名字所暗示的,設計師想將用戶的注意力引導到多媒體內容的瀏覽過程上來,不出所料,最終來到一個設計精美的音樂播放器界面。
Jakub Antalík設計的Speedcam APP動畫,設計師非常棒地通過動畫表現他的APP。GIF漂亮地展示了speedcam的一部分,光彩奪目。
Barthelemy Chalvet的Workflow Payment,這個團隊展示了他們新APP的幾張GIF。下面這張將關注點固定在支付流程上,看起來相當優雅便捷。其他GIF突出了時間軸、支付/費用、卡片和賬戶處理。
Barthelemy Chalvet的Dashag Tour,這個團隊只是展示了一張小GIF動畫,讓人想起他們之前的項目。如果你想完全熟悉這個APP,可以訪問他們的官方網站,里面包含了一大堆GIF動畫,展示幾乎所有的功能界面。
Sergey Valiukh的GIF動畫設計,這個一流的界面有著令人愉快的精心處理的過渡動畫,表現了在基本地圖組件與主菜單間切換的簡短流程。通過舒服的動畫效果,一切相互銜接良好。
Devin Ruppert的Walkthrough動畫,這張GIF展現了一個歡迎界面,帶有多個動態圖的幻燈片和登陸按鈕面板。一切都活了,有效地表現了這個APP所帶來的功能。
Mihnea Zamfir的交互概覽,這是個非常簡短卻有效的動畫,初衷是描繪一個從卡片目錄中添加和刪除項目的簡單流程。
Tobs設計了給隊友刪除和添加任務的動畫,這張GIF動態展現了標準的滑動技巧,有效地支撐了整個審美取向,讓APP看起來更鮮活、現代和誘人。
Jan Losert的團隊信息工具,這個團隊為用戶提供了大量解釋性資料,不僅用來展示帶有描述的靜態屏幕截圖,還有視頻和一張巨大的GIF動畫,展現這個APP的真實操作過程。
Ben Dunn的菜單交互GIF,這個動畫GIF被當作展示動態美感的工具,表現了菜單優雅地從左側滑出,并列出所有必要鏈接的過程。
Ed Sansom的Poppin添加任務效果,這個APP有著討人喜愛的圓形氛圍和優雅的扁平美學取向,集各種柔滑效果于一張GIF,使它得到了恰到好處的強調
Dennis Terrey的第一件UI動畫作品,這張GIF試圖示范,如何使一個基本的菜單看上去干凈、時尚和細膩。
Danny Spitzer-Cohn的Zite新鮮事設計,我希望用這個討人喜愛的GIF動畫來補充這篇作品集,它對高雅和傳統的運用,絕對給人帶來一絲愉悅的懷舊感。
對于那些想要嘗試這種展現方式的人,我們也準備了幾樣贈品——可以被輕松拆解成組件的GIF動畫。
贈品:PixelBuddha的扁平風格預加載動畫
Areus Wade預制的觸摸手勢動畫
結論
就APP創造者和客戶(或最終用戶)間的互動而言,像Adobe After Effects這樣的視頻編輯軟件充滿了機會和可能,能夠解決很多問題。GIF圖片可以用來簡短的解釋動畫效果,有效的展現操作流程,讓人更好地理解這是怎么回事。
#專欄作家#
可樂橙,微信公眾號:可樂橙(colachangreen)。人人都是產品經理專欄作家,UI/UX設計師,關注互聯網,關注科技?,F居杭州,與小伙伴們正在創業途中?;蛟S不是一名優秀的設計師,至少是個快樂的設計師。
轉載請保留上述作者信息并附帶本文鏈接
我也想問要怎樣解決gif文件很大的問題,有沒有什么好的工具推薦