您好,歡迎來到一站式眾包服務(wù)平臺-威客牛網(wǎng)
當(dāng)前位置:威客牛首頁 > 知識百科 > IT軟件 > UI設(shè)計(jì) > 響應(yīng)式網(wǎng)頁設(shè)計(jì)教程

響應(yīng)式網(wǎng)頁設(shè)計(jì)教程

2022-12-04作者:網(wǎng)友投稿
當(dāng)客戶提出產(chǎn)品功能移動化的需求時(shí),有一些解決方案可供我們選擇,包括原生客戶端應(yīng)用、Web應(yīng)用等,究竟怎樣的方式更合適,還是取決于具體的需求情況。

另外也要考慮網(wǎng)站本身是否需要實(shí)施移動化,雖然響應(yīng)式站點(diǎn)并不能算是一種純粹的移動化解決方案,但是在某些情況下,這種方式是非常值得考慮的。

1、你心里沒譜

設(shè)計(jì)開發(fā)一個全新的移動版本站點(diǎn)或是客戶端應(yīng)用,整個過程是有很大挑戰(zhàn)性的,除非產(chǎn)品正式上線,否則你無法真正了解它是否會成功,與其單純的為了移動化而花費(fèi)資源打造移動版本站點(diǎn)或是開發(fā)客戶端應(yīng)用,不如先花些心思將原本的網(wǎng)站打造的更具彈性,使其在各種主流移動設(shè)備中都擁有盡量優(yōu)秀的用戶體驗(yàn)。

2、你想節(jié)約成本

要打造響應(yīng)式站點(diǎn),自然離不開有經(jīng)驗(yàn)的交互、視覺設(shè)計(jì)及前端開發(fā)人員,所需的資源,尤其是時(shí)間方面,比起普通網(wǎng)站來說大約增加20%到30%的樣子,但比起單獨(dú)打造移動版本的網(wǎng)站,或是設(shè)計(jì)開發(fā)客戶端應(yīng)用的成本來說,卻要低很多,從維護(hù)的角度來說,也會輕松很多。

3、你希望網(wǎng)站可以兼容未來的新設(shè)備

所謂的移動版本站點(diǎn),通常是針對某類具體規(guī)格的設(shè)備進(jìn)行單獨(dú)打造的,彈性比較差,新的移動設(shè)備層出不窮,傳統(tǒng)的移動版本站點(diǎn)需要不斷的進(jìn)行更新維護(hù),才能盡量保證在新設(shè)備中工作良好,響應(yīng)式設(shè)計(jì)可以根據(jù)設(shè)備瀏覽環(huán)境的具體規(guī)格進(jìn)行判斷,使用不同的呈現(xiàn)方式來展示內(nèi)容,無需針對某種特定的規(guī)格進(jìn)行維護(hù),適應(yīng)性更好。

用戶研究與設(shè)備規(guī)格預(yù)估

前期,通過用戶調(diào)研,我們可以了解到用戶群所使用的設(shè)備類型分布情況,并預(yù)估出幾種典型的響應(yīng)規(guī)格,用來規(guī)劃不同的呈現(xiàn)方式,有幾個問題建議大家需要特別考慮下:

1、用戶在不同設(shè)備上的目標(biāo)有多大區(qū)別?

過去,我們通常會假設(shè)用戶在使用移動設(shè)備訪問網(wǎng)站時(shí),其行為都是高度目標(biāo)驅(qū)動化的,例如在旅途中獲取酒店地址、預(yù)訂房間一類。

但實(shí)際情況不僅如此——智能手機(jī)、平板電腦等各類移動設(shè)備的用戶,會越來越多的在相對穩(wěn)定從容的狀態(tài)下使用網(wǎng)絡(luò),所以在很多時(shí)候,用戶使用不同設(shè)備的目標(biāo)差別并沒有想象的那么大,我們不能片面的假設(shè)不同類型設(shè)備的用戶對功能的需求差異。

2、關(guān)于功能與內(nèi)容呈現(xiàn),從技術(shù)的角度出發(fā),需要考慮哪些?

對于功能繁多復(fù)雜的網(wǎng)站,需要針對不同的設(shè)備類型進(jìn)行功能和內(nèi)容的優(yōu)先級排序,以便在開發(fā)階段通過CSS定義不同的響應(yīng)規(guī)則,以最合理的樣式規(guī)格和布局方式進(jìn)行呈現(xiàn),尤其對于手機(jī)等小屏幕設(shè)備,需要多花些心思。
免費(fèi)查詢商標(biāo)注冊