首頁(yè)技術(shù)文章正文

網(wǎng)站UI設(shè)計(jì)的特點(diǎn)有哪些?【UI設(shè)計(jì)須知】

更新時(shí)間:2021-12-02 來(lái)源:黑馬程序員 瀏覽量:

隨著互聯(lián)網(wǎng)的發(fā)展,內(nèi)容豐富、形式美觀的網(wǎng)頁(yè)已經(jīng)取代了單純文字形式的網(wǎng)頁(yè),成為設(shè)計(jì)的主流趨勢(shì),下面詳細(xì)講解網(wǎng)頁(yè)UI設(shè)計(jì)特點(diǎn)。

 網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)課程

1.交互性

網(wǎng)頁(yè)不同于傳統(tǒng)媒體之處就在于信息的交互性。交互性是網(wǎng)頁(yè)成為熱點(diǎn)的主要原因,也是在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)必須考慮的問(wèn)題。傳統(tǒng)媒體都是以線性方式提供信息,即按照信息提供者的感覺(jué),體驗(yàn)和事先確定的格式來(lái)傳播,而信息接收者只能被動(dòng)接受。在互聯(lián)網(wǎng)時(shí)代,用戶不再是被動(dòng)的接收者,而是以參與者的身份加入到信息的加工處理發(fā)布中。網(wǎng)頁(yè)設(shè)計(jì)師需根據(jù)網(wǎng)站各個(gè)階段的經(jīng)營(yíng)目標(biāo)、經(jīng)營(yíng)模式以及用戶的反饋,經(jīng)常對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)整和修改。

傳統(tǒng)媒體如報(bào)紙,印刷后一且出現(xiàn)錯(cuò)誤,只能全部撤回,并不能馬上修正。網(wǎng)頁(yè)和傳統(tǒng)媒體報(bào)紙相比就靈活多了,只需將錯(cuò)誤修正重新上傳就可以了。而且網(wǎng)頁(yè)還可以針對(duì)產(chǎn)品征詢用戶的意見(jiàn),避免決策失誤。


2.多維性

多維性源于超鏈接,主要體現(xiàn)在網(wǎng)頁(yè)UI設(shè)計(jì)中導(dǎo)航的設(shè)計(jì)。打破了之前用戶線性的接收方式。例如,可將頁(yè)面的組織結(jié)構(gòu)分為序列結(jié)構(gòu)、層次結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)和復(fù)合結(jié)構(gòu)等。但是太過(guò)復(fù)雜的方式不易于用戶查找信息,為了方便用戶迅速找到所需信息,設(shè)計(jì)師必須考慮快捷的導(dǎo)航和超鏈接設(shè)計(jì)。

以傳統(tǒng)媒體報(bào)紙為例,報(bào)紙只能通過(guò)翻頁(yè)一條一條瀏覽信息,從而獲取所需信息。 然而網(wǎng)貝是通過(guò)快捷的導(dǎo)航來(lái)引導(dǎo)用戶自由跳轉(zhuǎn),查詢?yōu)g覽所需信息更加方便。


3.版式的不可控性

網(wǎng)絡(luò)應(yīng)用處在發(fā)展中,關(guān)于網(wǎng)絡(luò)應(yīng)用很難在各個(gè)方面制定出統(tǒng)一的標(biāo)準(zhǔn),這必然導(dǎo)致網(wǎng)頁(yè)版式設(shè)計(jì)的不可控制性。其具體表現(xiàn):一是網(wǎng)頁(yè)頁(yè)面會(huì)根據(jù)當(dāng)前瀏覽器窗口大小自動(dòng)格式化輸出;二是網(wǎng)頁(yè)的瀏覽者可以控制網(wǎng)頁(yè)頁(yè)面在瀏覽器中的顯示方式;三是用不同種類或不同版本的瀏覽器觀察同一個(gè)網(wǎng)頁(yè)頁(yè)面,效果會(huì)有所不同;四是用戶的瀏覽器工作環(huán)境不同,顯示效果也會(huì)有所不同。

傳統(tǒng)媒體以報(bào)紙為例,可以指定選用什么類型的紙張和投放形式。但是網(wǎng)頁(yè)卻不能要求訓(xùn)覽者選擇指定品牌的計(jì)算機(jī)和瀏覽器,這些都是導(dǎo)致網(wǎng)頁(yè)版式不可控性的因素。


4.多媒體的綜合性

網(wǎng)頁(yè)中使用的多媒體視聽(tīng)元素主要有文字、圖像、音頻、動(dòng)畫、視頻等,隨著網(wǎng)絡(luò)帶寬的增加,芯片處理速度的提高,以及跨平臺(tái)的多媒體文件格式的推廣,必將促使設(shè)計(jì)者綜合運(yùn)用多種媒體元素來(lái)設(shè)計(jì)網(wǎng)頁(yè),以滿足瀏覽者對(duì)網(wǎng)絡(luò)信息傳輸質(zhì)量所提出的更高要求。因此,多種媒體的綜合運(yùn)用是網(wǎng)頁(yè)UI設(shè)計(jì)的特點(diǎn)之一,也是未來(lái)的發(fā)展方向。


5.藝術(shù)和技術(shù)的緊密性

設(shè)計(jì)是主觀和客觀共同作用的結(jié)果,設(shè)計(jì)師不能超越自身已有經(jīng)驗(yàn)和所處環(huán)境提供的客觀條件限制。網(wǎng)絡(luò)技術(shù)為客觀因素,藝術(shù)創(chuàng)意為主觀因素,設(shè)計(jì)師應(yīng)積極主動(dòng)掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律,注重技術(shù)和藝術(shù)的緊密結(jié)合。

黑馬程序員全套UI設(shè)計(jì)公開視頻【免費(fèi)下載



猜你喜歡:

21個(gè)UI設(shè)計(jì)技巧【UI設(shè)計(jì)干貨】

用戶界面設(shè)計(jì)的10大原則

化妝品廣告如何設(shè)計(jì)?有什么設(shè)計(jì)思路?

常見(jiàn)UI設(shè)計(jì)工具有哪些?

黑馬程序員UI設(shè)計(jì)培訓(xùn)班

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!