免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

響應(yīng)式網(wǎng)站建設(shè)設(shè)計(jì)中的缺陷

2024-01-07    分類: 網(wǎng)站建設(shè)

在過(guò)去的5年里,移動(dòng)流量的份額增長(zhǎng)了20%,現(xiàn)在響應(yīng)式網(wǎng)站設(shè)計(jì)已經(jīng)被認(rèn)為是理所當(dāng)然的了。到2020年,您可以通過(guò)手機(jī)幾乎可以訪問(wèn)任何網(wǎng)站,它會(huì)很好用。大多數(shù)用戶如果看到一個(gè)網(wǎng)站在他們的智能手機(jī)或平板電腦上表現(xiàn)不佳,就會(huì)離開(kāi)該網(wǎng)站。如果沒(méi)有針對(duì)移動(dòng)設(shè)備進(jìn)行優(yōu)化,谷歌將降低該網(wǎng)站在搜索結(jié)果中的排名。

因此,響應(yīng)式網(wǎng)站的設(shè)計(jì)需要一種特殊的方法,不同于靜態(tài)網(wǎng)站的開(kāi)發(fā)。設(shè)計(jì)師使用響應(yīng)式網(wǎng)站設(shè)計(jì),設(shè)計(jì)首先由用戶的設(shè)備(智能手機(jī)、平板電腦或電腦)決定,然后根據(jù)設(shè)備的屏幕大小顯示。

一方面,創(chuàng)建響應(yīng)式網(wǎng)站設(shè)計(jì)簡(jiǎn)化了網(wǎng)站的開(kāi)發(fā)和維護(hù),代碼和SEO將是相同的所有設(shè)備。另一方面,響應(yīng)式站點(diǎn)不僅僅是拉伸整個(gè)站點(diǎn)以適應(yīng)屏幕,而是調(diào)整頁(yè)面上的每個(gè)元素。響應(yīng)式網(wǎng)站設(shè)計(jì)不能100%控制內(nèi)容和風(fēng)格,因?yàn)樵O(shè)計(jì)師永遠(yuǎn)不知道用戶設(shè)備的大小。在設(shè)計(jì)響應(yīng)式網(wǎng)站設(shè)計(jì)時(shí),有抱負(fù)的設(shè)計(jì)師會(huì)犯一些常見(jiàn)的錯(cuò)誤,而有經(jīng)驗(yàn)的專業(yè)人員不得不做出妥協(xié)。

當(dāng)響應(yīng)式網(wǎng)站設(shè)計(jì)是不友好時(shí)

速度慢

響應(yīng)式網(wǎng)站設(shè)計(jì)通常意味著移動(dòng)用戶的加載時(shí)間很長(zhǎng),在適應(yīng)設(shè)備屏幕之前,網(wǎng)站的全桌面版本必須加載。所有的內(nèi)容都會(huì)自動(dòng)加載,即使是那些不會(huì)顯示給手機(jī)用戶的內(nèi)容。

此外,盡管移動(dòng)設(shè)備被廣泛采用,無(wú)線互聯(lián)網(wǎng)的速度仍然很慢。再加上大量的圖片和視頻,這使得在移動(dòng)設(shè)備上使用該網(wǎng)站非常困難。

裁剪功能

有了響應(yīng)式網(wǎng)站設(shè)計(jì),網(wǎng)站在不同設(shè)備上的體驗(yàn)會(huì)有很大的不同。通常,設(shè)計(jì)師會(huì)刪去他們認(rèn)為在移動(dòng)設(shè)備上沒(méi)有必要的功能。但是這樣的決定打破了用戶的期望,特別是當(dāng)他們已經(jīng)有使用擴(kuò)展版網(wǎng)站的經(jīng)驗(yàn)。他們來(lái)到這個(gè)網(wǎng)站尋求解決問(wèn)題的方法,并希望無(wú)論使用什么設(shè)備,都能獲得相同的功能。

另一個(gè)折衷方案是在“請(qǐng)求桌面”網(wǎng)站的移動(dòng)版上增加一個(gè)按鈕,以照顧用戶并讓他們選擇為幌子。但說(shuō)實(shí)話,在設(shè)計(jì)移動(dòng)版本并負(fù)責(zé)用戶如何接收設(shè)備上的內(nèi)容時(shí),我感覺(jué)自己很懶。

AD:如果您想建設(shè)高端、專業(yè)的企業(yè)網(wǎng)站,創(chuàng)建具有影響力的網(wǎng)站,為企業(yè)帶來(lái)影響力,那么高端網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司,查派網(wǎng)建將是您的不二之選。

尷尬的可用性

響應(yīng)式網(wǎng)站設(shè)計(jì)意味著相同的內(nèi)容被優(yōu)化為正確的屏幕大小,但是內(nèi)容體驗(yàn)需要是特定于設(shè)備的。

有時(shí)候設(shè)計(jì)師對(duì)網(wǎng)站移動(dòng)版本的內(nèi)容和界面不夠重視,或者沒(méi)有參與跨平臺(tái)測(cè)試。因此,用戶被迫無(wú)休止地滾動(dòng)冗長(zhǎng)的頁(yè)面,在導(dǎo)航菜單的層次結(jié)構(gòu)中下滑,在不舒服的表格中導(dǎo)航,僅僅因?yàn)檫@些內(nèi)容以與桌面版本相同的方式呈現(xiàn)。

修正響應(yīng)式網(wǎng)站設(shè)計(jì)中的錯(cuò)誤

真正的適應(yīng)性

考慮如何在移動(dòng)設(shè)備上大化網(wǎng)站內(nèi)容。列、導(dǎo)航、表格和表單會(huì)是什么樣子?簡(jiǎn)單地縮小尺寸不是一個(gè)好主意,需要一種更深思熟慮的方法。

當(dāng)用戶使用不同設(shè)備時(shí),首先考慮用戶的需求和情境。在頁(yè)面上突出行動(dòng)呼吁,建立一個(gè)簡(jiǎn)短和方便的路徑,讓用戶成功地達(dá)到他們的目標(biāo)。

導(dǎo)航和屏幕

當(dāng)然,移動(dòng)設(shè)備上的導(dǎo)航不同于桌面屏幕上的導(dǎo)航。移動(dòng)設(shè)備上的導(dǎo)航需要簡(jiǎn)化,這樣用戶就可以快速訪問(wèn)他們需要的信息。要做到這一點(diǎn),您可以嘗試使用標(biāo)簽,以避免將桌面導(dǎo)航隱藏在漢堡包菜單后面。

用戶習(xí)慣了手勢(shì)。他們喜歡翻動(dòng)卡片,拖放列表項(xiàng),縮放圖片。只要有可能,盡量為導(dǎo)航設(shè)計(jì)觸控手勢(shì)支持,使操作更直觀。

移動(dòng)設(shè)備(智能手機(jī)、平板電腦和筆記本電腦)激增的另一方面是對(duì)寬屏設(shè)計(jì)的關(guān)注逐漸減少。但是桌面電腦仍然很流行,為它們正確地顯示網(wǎng)站頁(yè)面仍然是設(shè)計(jì)師的工作。

不要忘記寬屏。在大屏幕上,用戶可能會(huì)注意到設(shè)計(jì)師的錯(cuò)誤,比如背景圖片的寬度固定,兩邊有間隙,字體太小,文字的列數(shù)過(guò)窄。

無(wú)論用戶的設(shè)備有多大,都必須大限度地利用空間。

負(fù)載優(yōu)化

圖片占了很大一部分,最多占頁(yè)面重量的50%。加快您的網(wǎng)站速度最簡(jiǎn)單的方法是優(yōu)化您的圖片。只要有可能,為界面創(chuàng)建矢量圖形,并使用Sketch的內(nèi)置工具和第三方服務(wù)優(yōu)化光柵圖形。還可以聯(lián)系開(kāi)發(fā)人員,討論如何使用代碼準(zhǔn)備圖像進(jìn)行進(jìn)一步優(yōu)化。讓圖像逐漸加載,而不破壞布局。

排版和布局

當(dāng)縮小屏幕的寬度時(shí),減小文本的大小是值得的。但是如果您把字體做得太小,它就會(huì)變得難以閱讀。如果您把它加得太多,用戶就不會(huì)想要滾動(dòng)瀏覽很長(zhǎng)的文本行。為了獲得最佳的可讀性,每行理想的字符數(shù)應(yīng)該在60-70左右,字體大小為16px,也就是8-10個(gè)單詞。

素描鏡使它很容易檢查如何布局將看,生活在一個(gè)移動(dòng)設(shè)備上。這個(gè)應(yīng)用程序?qū)椭业绞孢m的閱讀和頁(yè)面內(nèi)容的簡(jiǎn)單導(dǎo)航之間的中間地帶。

表格和形式

電子表格和形狀對(duì)于設(shè)計(jì)人員來(lái)說(shuō)也是一個(gè)頭疼的問(wèn)題,當(dāng)他們?yōu)橐苿?dòng)設(shè)備設(shè)計(jì)時(shí)。

在更小的屏幕上顯示表數(shù)據(jù)有不同的方法。他們可以添加水平滾動(dòng),完全重新設(shè)計(jì)數(shù)據(jù),或者將行變成卡片。數(shù)據(jù)可以被重新安排,折疊成列表,??吭谄聊坏倪吘?。您選擇的解決方案類型主要取決于您擁有的數(shù)據(jù)類型。

表單也應(yīng)該易于通過(guò)電話填寫(xiě)。而不是一長(zhǎng)串的字段,適合在一個(gè)屏幕上臺(tái)式電腦,最好是做一個(gè)循序漸進(jìn)的向?qū)Ы缑婧褪褂靡苿?dòng)模式:上面的標(biāo)題字段,顯示錯(cuò)誤在提交表單之前,做分頁(yè)如果分頁(yè)的形式,等等。

為用戶而不是平臺(tái)設(shè)計(jì)

創(chuàng)建一個(gè)有用的響應(yīng)式網(wǎng)站設(shè)計(jì)的最好方法是同時(shí)設(shè)計(jì)手機(jī)和平板電腦版本。為用戶而不是設(shè)備設(shè)計(jì)。用戶可以在智能手機(jī)和電腦上用不同的方式解決他們的問(wèn)題。但是,無(wú)論平臺(tái)如何,您都需要同樣注意為用戶設(shè)計(jì)體驗(yàn)。

網(wǎng)頁(yè)題目:響應(yīng)式網(wǎng)站建設(shè)設(shè)計(jì)中的缺陷
網(wǎng)頁(yè)地址:http://m.newbst.com/news16/312466.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司App設(shè)計(jì)標(biāo)簽優(yōu)化、動(dòng)態(tài)網(wǎng)站、網(wǎng)站營(yíng)銷

廣告

聲明:本網(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)

手機(jī)網(wǎng)站建設(shè)