Web設(shè)計(jì)的老方法已經(jīng)被HTML5/CSS3所取代,不再適用于Web設(shè)計(jì)。遺憾的是,如果你已經(jīng)掌握了根深蒂固的老的設(shè)計(jì)技巧,你很難擺脫陳舊的工作方式。目前在網(wǎng)站建設(shè)中,圍繞響應(yīng)設(shè)計(jì)需要更加注重細(xì)節(jié)。
大家對(duì)Web可用性設(shè)計(jì)的概念都很熟悉,下面分享一些完美的設(shè)計(jì)建議。有些設(shè)計(jì)者甚至認(rèn)為網(wǎng)頁設(shè)計(jì)的回應(yīng)是一個(gè)過時(shí)的詞——現(xiàn)在被稱為“網(wǎng)頁設(shè)計(jì)”。當(dāng)前的任何網(wǎng)站,都應(yīng)該以回應(yīng)的方式來支持盡可能多的用戶使用更多的設(shè)備。反應(yīng)式技術(shù)已經(jīng)變得更加容易,而新的進(jìn)展將會(huì)使進(jìn)程更快,更令人愉快。
一、字體清晰。
網(wǎng)頁上的文字可能是該網(wǎng)站最大的指標(biāo)物。字號(hào)、對(duì)比度、行高和空白段落之間的關(guān)系將對(duì)文本的可讀性產(chǎn)生影響。字形應(yīng)該清晰,而在小型設(shè)備上,字形應(yīng)該適應(yīng)小屏幕的尺寸。但是請(qǐng)記住,太小的字體對(duì)你的布局沒有任何好處。
這一登錄頁面使用了大量的圖片和寬度水平頁面。調(diào)整網(wǎng)頁字體時(shí),有些字體尺寸會(huì)縮小,而有些文本塊只是調(diào)整了位置。如果你想在不同的元素中保持一致大小,那么嘗試把浮動(dòng)元素分解為塊級(jí)別的內(nèi)容是一種很好的方法。還可以調(diào)整文本塊之間的白色空格值。
二是普通互動(dòng)。
鄭州網(wǎng)站開發(fā)公司很多人都熟悉傳統(tǒng)智能手機(jī)上的互動(dòng)功能。觸、刷、按。盡管響應(yīng)型網(wǎng)站并非本地手機(jī)應(yīng)用程序,但它們?nèi)阅軓?fù)制類似的行為。這個(gè)網(wǎng)站很好地保留了相同頁面的交互特性,不管是滑動(dòng)菜單、可選文本還是響應(yīng)圖片。
對(duì)任何響應(yīng)布局來說,瀏覽器是否支持最大的威脅。在網(wǎng)站原型出來之后,確保盡可能多地檢查瀏覽器。其目標(biāo)是在無縫界面上創(chuàng)建盡可能多的適應(yīng)各種瀏覽器的功能。
不相干的事物。
反應(yīng)能力取決于速度、效率和可用性。因此,真正可用的網(wǎng)站響應(yīng)應(yīng)該完全刪除不需要的內(nèi)容。想想其他領(lǐng)域,手機(jī)用戶可能并不在意。其中可以包括側(cè)邊欄、附加頁腳欄、社交共享鏈接,或者在頁眉上出現(xiàn)各種標(biāo)語。為了使響應(yīng)的布局盡可能簡單,提供這些內(nèi)容是必要的。