工具類App原型制作分享-TickTick
TickTick是一個功能強大的任務管理App, 這款App的教程動畫做得特別好，采用的是真實的手機界面加上與用戶互動的方式來引導使用。在Mockplus中，移動端項目並沒有手機機殼組件，而網頁端項目中有這個組件，那麽如何在移動端項目中使用手機機殼組件呢？這裏交大家一個方法：再打開一個Mockplus窗口，新建一個網頁項目，拖出手機機殼組件，復制，然後回到移動項目中，粘貼，就得到一個手機機殼組件啦。
先簡單看看動圖：
點擊這裏，可以立即在線預覽：https://run.mockplus.cn/4oCaCBJ1R7Iqygh2/index.html
再送上UI Flow大圖：
這個原型的主要頁面有：歡迎頁面、教程頁面、主頁、登錄註冊頁面、設置頁面等。
以上設計的所有頁面可以在這裏下載分享。
所有頁面的圖片集(10張)，在這裏下載。
Enjoy it！
工具類App原型制作分享-TickTick
相關推薦
工具類App原型制作分享-TickTick
用戶體驗 原型設計 交互設計 產品經理 TickTick是一個功能強大的任務管理App, 這款App的教程動畫做得特別好，采用的是真實的手機界面加上與用戶互動的方式來引導使用。在Mockplus中，移動端項目並沒有手機機殼組件，而網頁端項目中有這個組件，那麽如何在移動端項目中使用手機機殼
體育類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原型制作分享-Another Read
原型設計 交互設計 界面設計 設計師 Another Read是一款閱讀學習App，它主要是帶給你最具創意的作家與插圖畫家出版的兒童讀物。在這款App中，你可以根據喜好來左滑或者右滑書籍，喜歡的書籍將會被保存下來。在Mockplus中，這種滑動的動效是可以實現的，這裏我采用的是移動交互和
社交類App原型制作分享-LinkedIn
用戶體驗 原型設計 交互設計 產品經理 LinkedIn是全球最大的職業社交平臺，通過LinkedIn可以連接機會並挖掘你的專業潛力。該應用程序可以更輕松地發現、連接和培養與重要人物的關系，搜索和申請工作，並獲得有關主題和公司的最新信息。這類社交App，最重要的就是前期個人信息的填寫，因
求職類App原型制作分享-Part-time Clouds
原型設計 交互設計 界面設計 設計師 Part-time Clouds 是一款兼職信息平臺，你可以在此尋找合適的兼職工作。這款App使用起來十分簡單，不用登錄註冊即可直接可以進入主頁，主頁展示了大量兼職信息，你可以根據需求收藏職位、查看詳情，或一鍵撥打聯系電話，其中還有詳細的職業分類頁面
飲品類App原型制作分享-Starbucks
原型設計 交互設計 界面設計 APP開發 Starbucks是星巴克的一種便捷購買App，可以在店內付款或提前訂購。其中還內置了獎勵，你可以收集星星，賺取免費的飲料和食物。這款App中，采用了一些小插畫，交互動效也很特別，有的頁面切換之後，會出現一些小動畫，這在Mockplus中可以使用
購物類App原型制作分享-Polyvore
原型設計 交互設計 界面設計 設計師 Polyvore是一款個性時尚的購物App，你可以在這裏尋找穿衣搭配靈感，同時也會收獲各種潮流新品。這款App對新用戶特別友好，第一次進入時，大部分頁面都會有藍色的指引箭頭來引導操作，在原型設計中，可以使用箭頭組件，調整箭頭線條幅度和線型來實現引導。
【附原始檔】軟體工具類Web原型製作分享 - Sketch
Sketch是一款輕量，易用的向量設計工具。專門為UI設計師開發，讓UI設計更簡單、更高效。 本原型由國產原型工具-Mockplus製作完成。 非常適合工具類產品官網使用，本模板的互動有通過使用面板元件，實現了列表的摺疊效果。
社交類APP原型模板分享——QQ
QQ是一款社交類的APP應用——聊天軟體，支援多人群聊以及豐富有趣的娛樂功能。 此模板互動效果很豐富，主要有抽屜側拉效果，滾動內容介面、標籤組切換、選擇元件觸發按鈕狀態變化、點選下拉展開列表、點選彈出面板等互動操作。 先簡單看看動圖： 點選這裡，可以立即線上預覽
【附原始檔】軟體工具類Web原型製作分享
Sketch是一款輕量，易用的向量設計工具。專門為UI設計師開發，讓UI設計更簡單、更高效。 非常適合工具類產品官網使用，本模板的互動有通過使用面板元件，實現了列表的摺疊效果。 以上設計的所有頁面可以在這裡下載分享。 所有頁面的圖片集(5
拼圖類APP原型模板分享——簡拼
簡拼是一款記錄美好、抒寫情懷的拼圖APP，模板設計風格簡約文藝，種類齊全。 此原型模板所用到的元件有標籤組、水平分隔線、圓形工具。互動動作有結合標籤組實現頁面跳轉，選擇元件觸發按鈕狀態變化等。 先簡單看看動圖： 點選這裡，可以立即線上預覽：簡拼原型模板 再送上
【Android開發】找樂，一個笑話App的制作過程記錄
override pbo rdm data root 恰恰 功能 sql htm 緣起 想做一個笑話App的原因是由於在知乎上看過一個帖子。做Android能夠有哪些數據能夠練手，裏面推薦了幾個數據開放平臺。在這些平臺中無一不是有公共的笑話接口，當時心