UI 設計是這幾年的新趨勢,阿湯也寫過手機、網頁 UI 設計線上工具懶人包,但網站畢竟有連線的限制,網路一斷可能就會前功盡棄,對於設計這種需要花時間的事情有點危險,電腦軟體就不用擔心,「PowerMockup」是一款 PPT 專用的外掛,提供 800 多個介面元素,讓你可以輕鬆使用 PPT 版面來設計樣式,也有團隊合作的共享功能,並能與微軟 Office 其他系列搭配,蠻厲害的,一起來看看。

PowerMockup 使用介紹:

先到官網下載試用版,也可以觀看示範影片,雖然介面語言是英文但不用太擔心,往下看就知道很好操作的。

PowerMockup - UI 設計用的 PPT 外掛,800 多個圖標、線框等介面元素,還有分享功能 01 7

下載後開啟 PowerPoint 就會新增一個專屬的頁籤,內容是主要功能的教學,如果要直接編輯的話可以新增投影片,所有工具都在右欄。

PowerMockup - UI 設計用的 PPT 外掛,800 多個圖標、線框等介面元素,還有分享功能 02 4

阿湯就直接在後面開一張空白投影片,右欄提供的素材相當豐富,有基本圖形類、按鈕、區塊及圖示等各種介面設置,有 UI 設計經驗的應該很容易上手,點開來看是什麼、拖進去用就對了,或者點最下面 Download More Shapes。

PowerMockup - UI 設計用的 PPT 外掛,800 多個圖標、線框等介面元素,還有分享功能 03 7

會連結到線上資源庫,包括各式手機、圖表、Icons、滑鼠游標、照片圖庫、Windows 桌面樣式等等,還能輸入關鍵字搜尋,喜歡就點右上角下載。

PowerMockup - UI 設計用的 PPT 外掛,800 多個圖標、線框等介面元素,還有分享功能 04 7

阿湯下載了一套 Android 模型,會自動收在右欄方便選取,使用方式一樣拖進中間區域,再自行加入其他元素、編輯內容。

PowerMockup - UI 設計用的 PPT 外掛,800 多個圖標、線框等介面元素,還有分享功能 05 7

還能自訂圖案,阿湯隨便將兩個形狀合併成一個,在上面按右鍵 Add to PowerMockup。

PowerMockup - UI 設計用的 PPT 外掛,800 多個圖標、線框等介面元素,還有分享功能 06 7

選擇類別,可以自訂名稱或直接新增一組。

PowerMockup - UI 設計用的 PPT 外掛,800 多個圖標、線框等介面元素,還有分享功能 07 5

這個形狀就會加入材料庫了,下次要再使用就很方便,不用再重畫或找半天。

PowerMockup - UI 設計用的 PPT 外掛,800 多個圖標、線框等介面元素,還有分享功能 08 4

還可以設定共享,先切換到 Shared Shapes 區,在空白處新增類別。

PowerMockup - UI 設計用的 PPT 外掛,800 多個圖標、線框等介面元素,還有分享功能 09 2

加入剛剛的自製圖形後,點右邊小小的「+」來新增線上形狀庫,輸入帳號後,有 30 天可以免費試用。

PowerMockup - UI 設計用的 PPT 外掛,800 多個圖標、線框等介面元素,還有分享功能 10 2

接著在 Shared Shapes 上按右鍵,邀請朋友一起共用。

PowerMockup - UI 設計用的 PPT 外掛,800 多個圖標、線框等介面元素,還有分享功能 11 2

輸入名稱、Email 之後,設定賦予的權限,選擇只能預覽、可以修改或是管理員,送出分享後對方開啟 Email 即可加入,這外掛感覺活用之後可以做出不少厲害的東西,大家用用看吧。

PowerMockup - UI 設計用的 PPT 外掛,800 多個圖標、線框等介面元素,還有分享功能 12 2

PowerMockup 相關資訊:

Categorized in:

電腦軟體,

Last Update: 2018 年 05 月 10 日