拼圖類APP原型模板分享——簡拼
簡拼是一款記錄美好、抒寫情懷的拼圖APP,模板設計風格簡約文藝,種類齊全。
此原型模板所用到的元件有標籤組、水平分隔線、圓形工具。互動動作有結合標籤組實現頁面跳轉,選擇元件觸發按鈕狀態變化等。
先簡單看看動圖:
點選這裡,可以立即線上預覽:簡拼原型模板
再送上UI Flow大圖:
原型中有啟動頁,功能宣傳頁, 發現頁,功能頁 等介面。
以上設計的所有頁面可以在這裡下載分享。
所有頁面的圖片集(11張), 在這裡下載。
Enjoy it!
相關推薦
拼圖類APP原型模板分享——簡拼
簡拼是一款記錄美好、抒寫情懷的拼圖APP,模板設計風格簡約文藝,種類齊全。 此原型模板所用到的元件有標籤組、水平分隔線、圓形工具。互動動作有結合標籤組實現頁面跳轉,選擇元件觸發按鈕狀態變化等。 先簡單看看動圖: 點選這裡,可以立即線上預覽:簡拼原型模板 再送上
社交類APP原型模板分享——QQ
QQ是一款社交類的APP應用——聊天軟體,支援多人群聊以及豐富有趣的娛樂功能。 此模板互動效果很豐富,主要有抽屜側拉效果,滾動內容介面、標籤組切換、選擇元件觸發按鈕狀態變化、點選下拉展開列表、點選彈出面板等互動操作。 先簡單看看動圖: 點選這裡,可以立即線上預覽
體育類App原型制作分享-AusOpen
原型設計 界面設計 交互設計 AusOpen是一款澳大利亞網球信息App,精彩的賽事,實時更新。體育新聞類的App,具有時效性,同時賽制信息也要展示得清晰明了。這款原型涉及到了一些重復布局的頁面,比如列表,制作時,先做好其中一個列表項,使用快速格子(Repeater)功能,右鍵轉化為格子以後
服務類App原型制作分享-South Devon Accounting
原型設計 界面設計 交互設計 產品經理 這是一款服務類App,主要提供會計和商業咨詢類服務。這款App首頁局部很簡單清晰,直接把主要分類菜單以圖標+文字的形式排列出來,這讓我直接使用了Mockplus的圖標按鈕組件,該組件既可添加圖標,又可編輯文字,並且外形可以自由選擇,十分好用,同時豐
美食類App原型制作分享-Beanhunter
原型設計 交互設計 界面設計 設計師 Beanhunter是一款咖啡App,它幫助喜歡喝咖啡的用戶找到世界上最好喝的咖啡館。它的配色是溫暖濃烈的,就像咖啡帶給人的感受一樣,香醇,濃厚。和美食類應用一樣,這款App也是需要大量的圖片來布局,從引導頁面到主頁面,都是采用圖片+文字的方式,引導
教育類App原型制作分享-Encode
原型設計 交互設計 界面設計 設計師 這款原型例子是教育類型的App,主要學習編程方面的知識,配色是偏系統的顏色,布局也相對簡單明了。首頁采用的是列表形式,采用快速格子可以快速實現列表的布局,其次是長頁面的滾動效果,在Mockplus可以通過兩種方法實現:一是拉長手機模型;二是使用滾動區
效率類App原型制作分享-Swipes
原型設計 交互設計 界面設計 設計師 這是一款效率工具類App,可以記錄事情和幫助提升工作效率。原型主要制作了登錄註冊頁面和幾個主要頁面。在登錄註冊頁面中,常常會有這樣的效果,當輸入了密碼,登錄按鈕會改變顏色並且可點擊。在Mockplus中,你可以使用改變顏色交互,當然觸發方式依然是點擊
天氣類App原型制作分享-ColorfulClouds
原型設計 交互設計 界面設計 設計師 ColorfulClouds是一款界面精美的天氣預報App,它可以準確預報降雨量、汙染程度等。這款App最美的是它的首頁天氣插畫,扁平精美,同時配上了適當的動效,把普通的天氣變得漂亮有趣,十分吸引眼球。同時,這類App中會用到大量的天氣圖標,在Moc
交通類App原型制作分享-DiDi
原型設計 交互設計 界面設計 設計師 DiDi是一款打車App,這類App中用得最多的就是地圖,在Mockplus中,有靜態的地圖組件,可以直接使用,然後為了還原App中的定位圖標,我使用了圓形圖標來拼湊了一個新的定位圖標,其次,圖標庫中有幾種不同的車輛圖標,可以直接使用。下面一起來看看
美食類App原型制作分享-Sooshi
原型設計 交互設計 界面設計 設計師 Sooshi是一款美食類的App,專門介紹各種壽司的制作,這款App最大的亮點在於每個菜單頁面都使用了重力感應,使這款簡單的App變得十分有趣。在壽司制作的詳情介紹裏,還使用了動畫+文字的方式來呈現每一個制作步驟,生動明了,在這個頁面的原型中,采用的
美食類App原型制作分享-Kitchen Stories
原型設計 交互設計 界面設計 設計師 Kitchen Stories 受到數百萬用戶的喜愛,它用美麗的圖片找到美味的食譜,擁有免費的食譜視頻和指導視頻。在這款美食App原型中,圖片如果全部使用占位符來表示,可能展現不出食物誘人的美味,因此,我采用的是數據自動填充功能,將圖片大小、位置設置
工具類App原型制作分享-TickTick
用戶體驗 原型設計 交互設計 產品經理 TickTick是一個功能強大的任務管理App, 這款App的教程動畫做得特別好,采用的是真實的手機界面加上與用戶互動的方式來引導使用。在Mockplus中,移動端項目並沒有手機機殼組件,而網頁端項目中有這個組件,那麽如何在移動端項目中使用手機機殼
閱讀類App原型制作分享-Another Read
原型設計 交互設計 界面設計 設計師 Another Read是一款閱讀學習App,它主要是帶給你最具創意的作家與插圖畫家出版的兒童讀物。在這款App中,你可以根據喜好來左滑或者右滑書籍,喜歡的書籍將會被保存下來。在Mockplus中,這種滑動的動效是可以實現的,這裏我采用的是移動交互和
社交類App原型制作分享-LinkedIn
用戶體驗 原型設計 交互設計 產品經理 LinkedIn是全球最大的職業社交平臺,通過LinkedIn可以連接機會並挖掘你的專業潛力。該應用程序可以更輕松地發現、連接和培養與重要人物的關系,搜索和申請工作,並獲得有關主題和公司的最新信息。這類社交App,最重要的就是前期個人信息的填寫,因
求職類App原型制作分享-Part-time Clouds
原型設計 交互設計 界面設計 設計師 Part-time Clouds 是一款兼職信息平臺,你可以在此尋找合適的兼職工作。這款App使用起來十分簡單,不用登錄註冊即可直接可以進入主頁,主頁展示了大量兼職信息,你可以根據需求收藏職位、查看詳情,或一鍵撥打聯系電話,其中還有詳細的職業分類頁面
美食類Web原型製作分享-Taste
Taste是國外知名的美食類網站,為人們提供豐富的美食選單,幫助人們更好的享受美食帶來的快樂。網站採用圖文結合的排版方式,有固定頂部導航欄的互動功能等。 本原型由國產原型工具Mockplus和團隊協作工具iDoc(一鍵切圖、智慧標註等)提供。 點選這裡,可以立即線上預覽:Taste原型
【附原始檔】軟體工具類Web原型製作分享 - Sketch
Sketch是一款輕量,易用的向量設計工具。專門為UI設計師開發,讓UI設計更簡單、更高效。 本原型由國產原型工具-Mockplus製作完成。 非常適合工具類產品官網使用,本模板的互動有通過使用面板元件,實現了列表的摺疊效果。
【附原始檔】軟體工具類Web原型製作分享
Sketch是一款輕量,易用的向量設計工具。專門為UI設計師開發,讓UI設計更簡單、更高效。 非常適合工具類產品官網使用,本模板的互動有通過使用面板元件,實現了列表的摺疊效果。 以上設計的所有頁面可以在這裡下載分享。 所有頁面的圖片集(5
飲品類App原型制作分享-Starbucks
原型設計 交互設計 界面設計 APP開發 Starbucks是星巴克的一種便捷購買App,可以在店內付款或提前訂購。其中還內置了獎勵,你可以收集星星,賺取免費的飲料和食物。這款App中,采用了一些小插畫,交互動效也很特別,有的頁面切換之後,會出現一些小動畫,這在Mockplus中可以使用
購物類App原型制作分享-Polyvore
原型設計 交互設計 界面設計 設計師 Polyvore是一款個性時尚的購物App,你可以在這裏尋找穿衣搭配靈感,同時也會收獲各種潮流新品。這款App對新用戶特別友好,第一次進入時,大部分頁面都會有藍色的指引箭頭來引導操作,在原型設計中,可以使用箭頭組件,調整箭頭線條幅度和線型來實現引導。