一、前期準備

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

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

二、交互方案制作方式

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

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

1、對APP顏色的需求

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

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

2、icon圖標的設計

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

三、用戶(hù)反饋

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

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

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

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

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

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

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