一、前期準(zhǔn)備

APP的更新速度非?？欤虼私缑娴脑O(shè)計也要跟得上發(fā)展。有創(chuàng)意的項目主題，新鮮的設(shè)計想法，或是當(dāng)下對用戶心理的探索，都是界面設(shè)計在發(fā)展過程中需要考慮的重要因素。

Seeseed這個網(wǎng)站，會持續(xù)推送有趣的網(wǎng)站創(chuàng)意與風(fēng)格。

二、交互方案制作方式

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

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

1、對APP顏色的需求

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

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

2、icon圖標(biāo)的設(shè)計

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

三、用戶反饋

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

該環(huán)節(jié)如果只是單純的用紙?；蛘呤请娔X呈現(xiàn)，沒有交互的動態(tài)體驗感受，是會讓APP交互效果大打折扣的。因此可以通過下載XD軟件，實時體驗點(diǎn)擊功能跳轉(zhuǎn)頁面。此外，invision網(wǎng)站，也可以通過電腦點(diǎn)擊，模擬出真實的網(wǎng)頁使用感。

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

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

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

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

http://m.ezekroy.com/wangzhansheji/3454.html 交互設(shè)計有哪些超實用的資源網(wǎng)站？