上萬人都認可的超實用產品素材,輕鬆做原型靠它就行了 【效果】移動端常見效果演示-004 Web登錄頁面 團餐膳食小程序2.0 治癒類交互 美人魚 如何快速複用原型

最近刀友們創作情緒十分高漲,素材廣場中湧現了許多不凡的作品,墨墨姐我甚是欣慰呀。

今天就從中挑選了5個,其中3個常規作品、2個創意作品來與刀友們分享。

【效果】移動端常見效果演示-004

作者:子墨

作品鏈接:https://modao.cc/square/mtkhob8zdnr30brn

在移動端產品設計中,除了基礎的頁面佈局外,還涉及大量的微交互,比如 tab 切換、下載安裝、步驟條等等。

並且,精細的微交互會體現出產品設計的細節,能夠讓用戶體驗大幅度提升。

作者便是將移動端產品常見的那些微交互都呈現了出來,涵蓋了21種情況,從簡單的頂部導航欄切換到加載動畫、縮放旋轉效果。

相信會給刀友們在設計產品上帶去一些啓發。


Web登錄頁面

作者:憶設計

作品鏈接:https://modao.cc/square/mtkhu7whgwpfpudv

https://modao.cc/square/mtkg96ubbwknb26s

如果說官網是是企業的具象體現,那註冊登陸頁面就是門面擔當,是路人轉用戶的第一步。

而一個好的註冊登錄頁面,可以增大用戶留下的機率,對後期的運營也有着重要作用。

作者給出了兩種設計方案,一種是插畫類,一種是彈窗類。並在頁面設計基礎上,製作了相關的頁面,還包含了忘記密碼、登錄方式選擇等等,以供刀友們參考選擇。


團餐膳食小程序2.0

作者:PM Gordon

作品鏈接:https://modao.cc/square/mtkhvnivinf73xta

團餐不同於外賣,是一種適合於羣體組織的新型餐飲模式,一般都是以供應商的形式上門服務。

作者在設計上也着重於強調了這幾點,主要從五個方面出發:

僅靠 20+ 頁面便將五個功能呈現的非常完整,整個流程也非常流暢,並且在設計上也做到了簡約美觀,還貼心地附上使用機制及配送流程,看得出作者的用心。具有一定的參考複用價值。


治癒類交互

作者:周祚棟

作品鏈接:https://modao.cc/square/mtkhueh8sq2n32e

說完了正正經經的原型,再來分享一些趣味原型。

「原型」玩出花是什麼樣子?!那必須就是祚棟老師的這個樣子。

僅僅用了定時器和狀態就做出了這樣的強迫症友好向的作品,而且極具魔性,盯着可以看很久很久。

真是應證了那句話:只有想不到,沒有做不到。

美人魚

作者:微信用戶151*****

作品鏈接:https://modao.cc/square/mtkhwxeu9tcy9eh2

怎麼了解一個童話故事?看書?聽書?還是看電影、動畫?

其實用原型也可以,還可以適當設置選項,決定主人公的人生,增加故事參與感,親子互動時不妨試一試哦。


如何快速複用原型

第一步,在素材廣場中尋找到所需的目標頁面,點擊保存。

第二步,點擊素材找到剛保存的素材,置入當前頁,或是,在右邊組件中,直接拖拽到工作區。

如果你還有其他的素材需求,歡迎留言告訴我們哦~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章