學(xué)習(xí)交互設(shè)計(jì)的六個(gè)問(wèn)題

2022-11-08    分類: 網(wǎng)站建設(shè)

網(wǎng)站建設(shè) - 建站教程 - 網(wǎng)頁(yè)設(shè)計(jì) - 學(xué)習(xí)交互設(shè)計(jì)的六個(gè)問(wèn)題
本文主要是以下6個(gè)問(wèn)題的講解:

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

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

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

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

下面我們一個(gè)個(gè)來(lái)解析:

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

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

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

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

成都網(wǎng)站建設(shè)
所以,用戶更需要解決實(shí)際問(wèn)題的設(shè)計(jì)。

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

成都網(wǎng)站建設(shè)


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

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

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

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

成都網(wǎng)站建設(shè)


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

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

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

4、線框原型圖繪制方法

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

5、交互流程圖繪制

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

成都網(wǎng)站建設(shè)


  6、動(dòng)態(tài)交互原型設(shè)計(jì)

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

當(dāng)前題目:學(xué)習(xí)交互設(shè)計(jì)的六個(gè)問(wèn)題
網(wǎng)頁(yè)URL:http://www.muchs.cn/news38/211638.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營(yíng)銷推廣、定制網(wǎng)站Google、網(wǎng)站收錄自適應(yīng)網(wǎng)站、網(wǎng)站內(nèi)鏈

廣告

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

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司