學(xué)習(xí)交互設(shè)計的六個問題

本文主要是以下6個問題的講解：

1、什么是交互設(shè)計
2、當(dāng)今UI設(shè)計師的能力要求
3、交互設(shè)計主要做什么工作內(nèi)容
（1）產(chǎn)品UI框架設(shè)計
（2）產(chǎn)品UI風(fēng)格設(shè)計

產(chǎn)品UI框架選擇
簡單式（單一內(nèi)容）
翻頁式（多頁內(nèi)容）
宮格式（較多入口）
上導(dǎo)航
下導(dǎo)航(4-5大類+分支內(nèi)容）
舵式
抽屜側(cè)邊欄（1個重點+其他次要內(nèi)容）
隱藏式

4、線框原型圖繪制方法
方法一：黑白灰+色塊
方法二：黑白灰+高保真圖形
方法三：黑白灰+突出色+高保真圖形

5、交互流程圖繪制
6、動態(tài)交互原型設(shè)計

下面我們一個個來解析：

1、什么是交互設(shè)計

可以簡單理解為交互設(shè)計是偏向理性的設(shè)計，圖形設(shè)計是偏向感性的設(shè)計。這兩部分構(gòu)成了我們常說的UI設(shè)計，user interface design。


UI設(shè)計為什么要包含理性的交互設(shè)計呢？這要從2007年移動互聯(lián)網(wǎng)爆發(fā)說起，那時圖形UI設(shè)計炫酷之風(fēng)盛行，例如當(dāng)時音樂播放器設(shè)計，都是這種模擬唱片或磁帶的寫實風(fēng)。

但今天這些設(shè)計都被改掉了。其實好用的相冊是方便用戶更快索引照片。好用的音樂播放器不是模擬超寫實圖標(biāo)，還不如歌詞與音樂同步，甚至不如翻譯英文歌詞有價值。


所以，用戶更需要解決實際問題的設(shè)計。

2、當(dāng)今UI設(shè)計師的能力要求

　　隨著行業(yè)的發(fā)展，只會圖形UI設(shè)計和只會交互設(shè)計的設(shè)計師職業(yè)生涯都會遇到瓶頸。

3、交互設(shè)計做什么

產(chǎn)品架構(gòu)設(shè)計

也就是將眾多的需求按照終呈現(xiàn)的頁面進(jìn)行架構(gòu)設(shè)計。

　　產(chǎn)品UI風(fēng)格設(shè)計

我們以IOS為例子，你會發(fā)現(xiàn)一個平臺是由多個系統(tǒng)控件組成的，不同控件解決不同的問題，這些控件組成了軟件平臺的UI操作風(fēng)格。例如IOS和windows的UI操作風(fēng)格就完全不同。

產(chǎn)品UI框架選擇
簡單式（單一內(nèi)容）
翻頁式（多頁內(nèi)容）
宮格式（較多入口）
上導(dǎo)航
下導(dǎo)航(4-5大類+分支內(nèi)容）
舵式
抽屜側(cè)邊欄（1個重點+其他次要內(nèi)容）
隱藏式

4、線框原型圖繪制方法

黑白灰+色塊
黑白灰+高保真圖形
黑白灰+突出色+高保真圖形

5、交互流程圖繪制

交互設(shè)計是面向過程的設(shè)計，所以需要描述清楚產(chǎn)品整體使用流程及相應(yīng)的情況。使用交互文檔進(jìn)行描述是很好的方式，交互文檔將作為技術(shù)開發(fā)，測試及設(shè)計人員進(jìn)行全面的界面設(shè)計的依據(jù)。

　　6、動態(tài)交互原型設(shè)計

為了更好的將產(chǎn)品的動態(tài)展示給Boss或者其它相關(guān)團(tuán)隊成員，可以用簡單的方式進(jìn)行動畫演示，讓成員可以更快更好的理解產(chǎn)品的使用。

分享題目：學(xué)習(xí)交互設(shè)計的六個問題
標(biāo)題鏈接：http://m.kartarina.com/news/211638.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、網(wǎng)站營銷、網(wǎng)站排名、外貿(mào)網(wǎng)站建設(shè)、定制開發(fā)、移動網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)