移動(dòng)設(shè)備友好的網(wǎng)站設(shè)計(jì)是一種優(yōu)先考慮移動(dòng)瀏覽體驗(yàn)的設(shè)計(jì),智能設(shè)備移動(dòng)的大眾化和普遍化使移動(dòng)網(wǎng)站瀏覽越來(lái)越受大眾歡迎,移動(dòng)友好型網(wǎng)站成為網(wǎng)站設(shè)計(jì)的焦點(diǎn)。那該如何設(shè)計(jì)移動(dòng)友好型網(wǎng)站呢?
北京分形科技是北京高端網(wǎng)站設(shè)計(jì)、北京高端網(wǎng)站建設(shè)公司,今天和您分享經(jīng)驗(yàn)!
1.強(qiáng)調(diào)簡(jiǎn)單性和易用性
移動(dòng)優(yōu)先設(shè)計(jì)從一開始就傾向于強(qiáng)調(diào)簡(jiǎn)單性和易用性。請(qǐng)記住,這種方法不會(huì)使臺(tái)式機(jī)版本淪為極簡(jiǎn)主義。相反,在簡(jiǎn)單的布局上進(jìn)行擴(kuò)展比簡(jiǎn)化復(fù)雜的布局更容易。同樣重要的是,首先在移動(dòng)設(shè)備上測(cè)試多媒體,因?yàn)獒槍?duì)橫向拍攝的照片或視頻可能無(wú)法很好地用于人像拍攝。精細(xì)的細(xì)節(jié)(如面部表情或背景元素)在小尺寸的情況下可能更難以閱讀。因此,首先應(yīng)該強(qiáng)調(diào)簡(jiǎn)單性和易用性。
2.常用的尺寸
根據(jù)設(shè)備的不同,移動(dòng)屏幕的分辨率會(huì)有所不同,目前最常用的屏幕分辨率為360×640(縱橫比為9:16)。當(dāng)涉及到移動(dòng)設(shè)計(jì)的字體大小時(shí),正文建議至少使用16像素。標(biāo)題字體沒(méi)有標(biāo)準(zhǔn)大小,但目標(biāo)是通過(guò)大小,粗細(xì)和樣式上的對(duì)比來(lái)建立清晰的印刷層次結(jié)構(gòu)。讓圖像的主題指示圖像的大小,以保持清晰度。請(qǐng)記住,您不必適應(yīng)整個(gè)圖像,但可以像上面的示例一樣放大對(duì)象并裁剪出多余的背景元素。最后但并非最不重要的一點(diǎn)是,由于觸摸屏在獲取用戶輸入方面的可靠性遠(yuǎn)不如鼠標(biāo)和鍵盤,因此按鈕大小在適合移動(dòng)設(shè)備的網(wǎng)站設(shè)計(jì)中極為重要。一項(xiàng)針對(duì)老年人的研究建議將觸摸屏按鈕設(shè)置在42至72像素之間,以實(shí)現(xiàn)很好的可訪問(wèn)性。
3.使您的網(wǎng)站易于閱讀
在滾動(dòng)受限的情況下在單個(gè)屏幕上聚集的內(nèi)容難以閱讀。在設(shè)計(jì)使用傾斜的圖形邊框和多列,以使中心對(duì)齊感覺(jué)不太重復(fù)。在各節(jié)中進(jìn)行設(shè)計(jì)對(duì)于將相似信息進(jìn)行分組也很有用,以便用戶無(wú)需深入閱讀即可了解每個(gè)節(jié)的一般目的。當(dāng)您考慮到大約79%的頁(yè)面訪問(wèn)者僅瀏覽網(wǎng)站內(nèi)容時(shí),這特別有用。各種顏色的背景有助于區(qū)分這些部分,而創(chuàng)意部分的邊框則破壞了這些部分所促進(jìn)的四方形感。
更多高端網(wǎng)站建設(shè)、高端網(wǎng)站設(shè)計(jì)等相關(guān),歡迎您咨詢北京分形科技!