本文基於移動版圖片編輯軟件PS制作了其原型化系統。

一、產品設計思路

首先展示產品設計樹圖：

由上圖可以看出，產品主要由14個組件構成，以主頁面為基礎依次展開其它功能。主頁面主要用於實現項目的編輯、產品設置及相關信息查看、項目的創建和保存四大功能：

1.產品主頁面可由右上角第二個下拉菜單展開並實現刪除、復制、移動和創建文件夾功能。

2.通過右上角的下拉菜單可跳轉到我的賬戶頁面並通過點擊登錄按鈕跳轉至登陸頁面進行登錄操作；也可跳轉至常規設置頁面，實現產品的基本設置；也可直接跳轉至圖像導入頁面，設置導入圖片最大像素的大小上限；也可直接點擊查看產品隱私政策；或直接點擊幫助查看幫助信息；也可直接點擊關於查看產品信息。

3.點擊主頁面左下方的按鈕，可以彈出新建項目來源窗口，點擊圖片庫，可以導入本機圖片並進入工作頁面；點擊創意雲則跳轉至登錄頁面；點擊相機則跳轉至拍照頁面；點擊空白文檔，則彈出創建空白文檔窗口，可設置文檔大小，然後進入工作頁面進行編輯。

4.對於已生成的項目，則可以點擊主頁面右下方的按鈕選擇將其上傳至創意雲或保存到相冊，或者直接分享。

產品工作頁面是實現圖片編輯功能的核心，此頁面包含許多選擇菜單和圖片編輯工具，產品強大的圖片編輯功能無法直接通過界面原型系統實現。因此此系統只是對其功能進行了展示，無實際操作。

以下為產品頁面流程圖：

二、產品演進方向

產品功能越來越多，系統結構也越來越復雜。產品最初是基於項目的編輯、產品設置及相關信息查看、項目的創建和保存四大功能來設計，但是編輯方式、設置內容、創建方法及保存途徑都是可擴展的，會隨著用戶的需求而逐漸增加。工作頁面提供的圖片編輯工具和方法也會逐漸增多。產品未來還應向著智能化方向發展，提供一鍵式操作或非手工的智能化的操作方法，方便不同需求的用戶使用。

三、成果展示

產品運行環境：ios/android移動軟件。

在此附上本人錄制的演示視頻：鏈接：https://pan.baidu.com/s/1SYMUwm1ZCc8B4aqb5OYPCg ,提取碼：hrak

同時附上Mockplus files類型文件鏈接：https://pan.baidu.com/s/1Ba-8JFeH5askaN9FKGoDSQ ,提取碼：ry5l（該文件下載後只能通過Mockplus軟件演示運行）。

由於不慎使用了Mockplus軟件制作原型化系統，非會員賬戶無法導出直接運行，網上也搜索不到破解版，找了許久都沒有很好的解決辦法，最後花錢讓別人幫忙導出了一個可在線運行的網頁鏈接：https://run.mockplus.cn/lWzxfk7NJdQeQlaB/index.html（運行過程和Mockplus的演示過程不太一致，有時需要刷新頁面才能繼續運行，所以如有點擊按鈕未響應的情況，請刷新頁面後繼續）。

必做作業3：圖片編輯軟件原型化系統