一、前期準備

WordPress APP 的更新速度非常快，因此介面的設計也要跟得上發展。有創意的專案主題，新鮮的設計想法，或是當下對多使用者心理的探索，都是介面設計在發展過程中需要考慮的重要因素。

Seeseed 這個網站，會持續推送有趣的網站創意與風格。

二、互動方案製作方式

互動方案的繪製是製作 WordPress APP 時非常關鍵的一個步驟，在同學們確定好了相關的專案主題、功能、資訊框架圖後，會進入到將資訊框架圖視覺化的部分，也就是初級介面設計，而互動方案的展現形式是多種多樣的。

在介紹了互動方案的展現形式之後，還有一些必要因素是我們製作時需要注意的。

1 、對 WordPress APP 顏色的需求

其實很多網站都有配色的功能，比如老薑尺寸網，配色功能如下圖所示，從全顏色到漸變色，多角度的考慮了同學們的配色需求。

 

該網站對整個介面佈局尺寸的設計也有十分明確的呈現，不同的系統，展示了多種系統官方尺寸，包含了瀏覽器的解析度與不同裝置尺寸，並且該網站還有許多模版支援下載，可選檔案型別有 PSD 、 SKETCH 、 XD 。

 

2 、 icon 圖示的設計

相關網站如：http://www.iconfont.cn/ 。它是國內眾多設計師常用的網站之一，方便多使用者加入購物車、收藏或是下載。它對圖示的分類也是多維度，有單多色之分，同時支援部分字型，如可商用字型思源系列。

三、多使用者反饋

WordPress APP 介面製作完成時有一個不可或缺的步驟為多使用者使用反饋，它在某些方面和遊戲內測有些相似。找到目標人群讓他們模擬使用，再透過 questionnaire，interview 等其他方法收集有價值的多使用者的體驗感受、參考意見，來整改互動邏輯思維與介面的佈局呈現，進而增進自己 WordPress APP 的實用價值。

該環節如果只是單純的用紙模或者是電腦呈現，沒有互動的動態體驗感受，是會讓 WordPress APP 互動效果大打折扣的。因此可以透過下載 XD 軟體，實時體驗點選功能跳轉頁面。此外，invision 網站，也可以透過電腦點選，模擬出真實的網頁使用感。

四、效果展示排版與使用場景圖

經過一系列的介面製作與整改後，同學們還需完善自己的介面設計，並製作介面效果圖、場景使用圖。此類網站比較多，例如大家熟知的 Dribbble，或是 Behance 等。

值得一提的是，在眾多網站的效果呈現上，我們需要尋找適合自己專案的排版與展現，同時也要帶著批判和評估的眼光去了解，而非一味的接收。

由於互動設計專業的包容性強，可合作性強，因此它會有多元的呈現方式。雖然製作時建議大家儘可能的呈現自己的專案優勢，但是由於網頁、 WordPress APP 介面等相關設計依然是互動設計作品集的重要展現形式之一，建議大家至少加入 1-2 個網頁設計、 WordPress APP 端或 pad 端等相關的專案，以此從多角度展現自己 UX 、 UI 實力。