2019-07-21 分類: 響應(yīng)式網(wǎng)站
多年來(lái),網(wǎng)站設(shè)計(jì)排版取得了很大的進(jìn)步,但是我們還有很多可以改進(jìn)的地方。
段落寬度:現(xiàn)在網(wǎng)站上的主要問(wèn)題是段落長(zhǎng)度過(guò)長(zhǎng)。大寬度:40em是使文本更具可讀性的基本準(zhǔn)則。
字距調(diào)整:可用于拉緊/松開字體。連字:可以組合字母以使其更易讀。文本呈現(xiàn):optimizeLegibility是解決這兩個(gè)問(wèn)題的一行代碼,它將立即改善網(wǎng)站設(shè)計(jì)上的排版。
亞像素字體字母有時(shí)會(huì)堵塞字母,尤其是在OSX上。webkit-font-smoothing:抗鋸齒;不要在小字體上使用它。
如果每個(gè)人都掌握了這三個(gè)技巧,網(wǎng)站設(shè)計(jì)就會(huì)更好。
媒體查詢中缺少物理分辨率。原始規(guī)格具有像素和屏幕的物理尺寸。
現(xiàn)在的規(guī)范工作方式基于96dpi的假設(shè)。如果更改,那么許多已經(jīng)構(gòu)建的東西都會(huì)崩潰。
您如何解決網(wǎng)站設(shè)計(jì)上的物理大小問(wèn)題?
在Windows 10中,您可以查詢屏幕的原始DPI(物理尺寸),但這只能由本機(jī)應(yīng)用程序查詢。
當(dāng)您具有每個(gè)屏幕的物理分辨率時(shí),可以在不同大小的屏幕上以相同的大小呈現(xiàn)字體。
如果知道可視距離,屏幕的物理尺寸,則可以確定字體的感知尺寸。
大小計(jì)算器是可以幫助您確定從遠(yuǎn)處觀看的元素的感知大小的工具。
當(dāng)瞄準(zhǔn)不同的視口時(shí),觀看距離很重要。目前尚無(wú)法確定。
有一個(gè)媒體查詢可以告訴您是否已投影,但是似乎不支持。
應(yīng)為特定目的制作字體:例如低質(zhì)量的紙張和低分辨率的屏幕。
字體家族中的同級(jí)字體可以解決諸如網(wǎng)站設(shè)計(jì)上的小字體(最小9像素)之類的情況。
具有許多寬度和粗細(xì)的大型字體家族為網(wǎng)站設(shè)計(jì)提供了很多靈活性,而只有少數(shù)幾種樣式無(wú)法做到。它增加了它們的表達(dá)范圍。
Sitka是為Microsoft Word設(shè)計(jì)的一個(gè)新的字體家族,具有多個(gè)光學(xué)尺寸母版。它會(huì)根據(jù)您使用的字體大小自動(dòng)更改,例如:標(biāo)題,顯示,橫幅等。
在網(wǎng)站設(shè)計(jì)中,很多事情是動(dòng)態(tài),流暢地完成的。但是,類型有一個(gè)“玻璃地板”:沒(méi)有加載完整的字體文件,就無(wú)法調(diào)整層次結(jié)構(gòu)。更改寬度或粗細(xì)需要全新的字體。
可變字體格式:將提供更多的系統(tǒng)而不是一組字體文件。插值權(quán)重將減少文件大小,下載時(shí)間等。
目前,我們只能使用“檢測(cè)并提供”功能:了解屏幕尺寸并加載適當(dāng)?shù)淖煮w。
字體到寬度使用大字體系列將文本片段緊緊地容納在它們的容器中。
各種各樣的字體樣式適合于響應(yīng)式設(shè)計(jì),因?yàn)槟梢越粨Q樣式以使其適合變量。
當(dāng)前名稱:響應(yīng)式網(wǎng)站設(shè)計(jì)排版的未來(lái)是什么
文章位置:http://jinyejixie.com/news/80136.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有響應(yīng)式網(wǎ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)
猜你還喜歡下面的內(nèi)容