一、前期準(zhǔn)備

APP的更新速度非常快，因此界面的設(shè)計(jì)也要跟得上發(fā)展。有創(chuàng)意的項(xiàng)目主題，新鮮的設(shè)計(jì)想法，或是當(dāng)下對(duì)用戶心理的探索，都是界面設(shè)計(jì)在發(fā)展過(guò)程中需要考慮的重要因素。

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

二、交互方案制作方式

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

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

1、對(duì)APP顏色的需求

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

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

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

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

三、用戶反饋

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

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

四、效果展示排版與使用場(chǎng)景圖

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

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

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

http://ywxrmy.cn/wangzhansheji/3454.html 交互設(shè)計(jì)有哪些超實(shí)用的資源網(wǎng)站？