更新時(shí)間:2021-12-02 來源:黑馬程序員 瀏覽量:
隨著互聯(lián)網(wǎng)的發(fā)展,內(nèi)容豐富、形式美觀的網(wǎng)頁已經(jīng)取代了單純文字形式的網(wǎng)頁,成為設(shè)計(jì)的主流趨勢(shì),下面詳細(xì)講解網(wǎng)頁UI設(shè)計(jì)特點(diǎn)。
1.交互性
網(wǎng)頁不同于傳統(tǒng)媒體之處就在于信息的交互性。交互性是網(wǎng)頁成為熱點(diǎn)的主要原因,也是在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)必須考慮的問題。傳統(tǒng)媒體都是以線性方式提供信息,即按照信息提供者的感覺,體驗(yàn)和事先確定的格式來傳播,而信息接收者只能被動(dòng)接受。在互聯(lián)網(wǎng)時(shí)代,用戶不再是被動(dòng)的接收者,而是以參與者的身份加入到信息的加工處理發(fā)布中。網(wǎng)頁設(shè)計(jì)師需根據(jù)網(wǎng)站各個(gè)階段的經(jīng)營目標(biāo)、經(jīng)營模式以及用戶的反饋,經(jīng)常對(duì)網(wǎng)頁進(jìn)行調(diào)整和修改。
傳統(tǒng)媒體如報(bào)紙,印刷后一且出現(xiàn)錯(cuò)誤,只能全部撤回,并不能馬上修正。網(wǎng)頁和傳統(tǒng)媒體報(bào)紙相比就靈活多了,只需將錯(cuò)誤修正重新上傳就可以了。而且網(wǎng)頁還可以針對(duì)產(chǎn)品征詢用戶的意見,避免決策失誤。
2.多維性
多維性源于超鏈接,主要體現(xiàn)在網(wǎng)頁UI設(shè)計(jì)中導(dǎo)航的設(shè)計(jì)。打破了之前用戶線性的接收方式。例如,可將頁面的組織結(jié)構(gòu)分為序列結(jié)構(gòu)、層次結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)和復(fù)合結(jié)構(gòu)等。但是太過復(fù)雜的方式不易于用戶查找信息,為了方便用戶迅速找到所需信息,設(shè)計(jì)師必須考慮快捷的導(dǎo)航和超鏈接設(shè)計(jì)。
以傳統(tǒng)媒體報(bào)紙為例,報(bào)紙只能通過翻頁一條一條瀏覽信息,從而獲取所需信息。 然而網(wǎng)貝是通過快捷的導(dǎo)航來引導(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)頁版式設(shè)計(jì)的不可控制性。其具體表現(xiàn):一是網(wǎng)頁頁面會(huì)根據(jù)當(dāng)前瀏覽器窗口大小自動(dòng)格式化輸出;二是網(wǎng)頁的瀏覽者可以控制網(wǎng)頁頁面在瀏覽器中的顯示方式;三是用不同種類或不同版本的瀏覽器觀察同一個(gè)網(wǎng)頁頁面,效果會(huì)有所不同;四是用戶的瀏覽器工作環(huán)境不同,顯示效果也會(huì)有所不同。
傳統(tǒng)媒體以報(bào)紙為例,可以指定選用什么類型的紙張和投放形式。但是網(wǎng)頁卻不能要求訓(xùn)覽者選擇指定品牌的計(jì)算機(jī)和瀏覽器,這些都是導(dǎo)致網(wǎng)頁版式不可控性的因素。
4.多媒體的綜合性
網(wǎng)頁中使用的多媒體視聽元素主要有文字、圖像、音頻、動(dòng)畫、視頻等,隨著網(wǎng)絡(luò)帶寬的增加,芯片處理速度的提高,以及跨平臺(tái)的多媒體文件格式的推廣,必將促使設(shè)計(jì)者綜合運(yùn)用多種媒體元素來設(shè)計(jì)網(wǎng)頁,以滿足瀏覽者對(duì)網(wǎng)絡(luò)信息傳輸質(zhì)量所提出的更高要求。因此,多種媒體的綜合運(yùn)用是網(wǎng)頁UI設(shè)計(jì)的特點(diǎn)之一,也是未來的發(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ì)干貨】