一、前期準備

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

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

二、交互方案制作方式

交互方案的繪制是制作app時非常關鍵的一個步驟，在同學們確定好了相關的項目主題、功能、信息框架圖后，會進入到將信息框架圖可視化的部分，也就是初級界面設計，而交互方案的展現形式是多種多樣的。

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

1、對APP顏色的需求

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

該網站對整個界面布局尺寸的設計也有十分明確的呈現，不同的系統，展示了多種系統官方尺寸，包含了瀏覽器的分辨率與不同設備尺寸，并且該網站還有許多模版支持下載，可選文件類型有PSD、SKETCH、XD。

2、icon圖標的設計

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

三、用戶反饋

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

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

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

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

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

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

http://www.wjhjgc.com/wangzhansheji/3454.html 交互設計有哪些超實用的資源網站？