響應(yīng)式網(wǎng)站設(shè)計排版的未來是什么

• 多年來，網(wǎng)站設(shè)計排版取得了很大的進步，但是我們還有很多可以改進的地方。

• 段落寬度：現(xiàn)在網(wǎng)站上的主要問題是段落長度過長。大寬度：40em是使文本更具可讀性的基本準則。

• 字距調(diào)整：可用于拉緊/松開字體。連字：可以組合字母以使其更易讀。文本呈現(xiàn)：optimizeLegibility是解決這兩個問題的一行代碼，它將立即改善網(wǎng)站設(shè)計上的排版。

• 亞像素字體字母有時會堵塞字母，尤其是在OSX上。webkit-font-smoothing：抗鋸齒；不要在小字體上使用它。

• 如果每個人都掌握了這三個技巧，網(wǎng)站設(shè)計就會更好。

媒體查詢功能

• 媒體查詢中缺少物理分辨率。原始規(guī)格具有像素和屏幕的物理尺寸。

• 現(xiàn)在的規(guī)范工作方式基于96dpi的假設(shè)。如果更改，那么許多已經(jīng)構(gòu)建的東西都會崩潰。

• 您如何解決網(wǎng)站設(shè)計上的物理大小問題？

• 在Windows 10中，您可以查詢屏幕的原始DPI（物理尺寸），但這只能由本機應(yīng)用程序查詢。

• 當您具有每個屏幕的物理分辨率時，可以在不同大小的屏幕上以相同的大小呈現(xiàn)字體。

• 如果知道可視距離，屏幕的物理尺寸，則可以確定字體的感知尺寸。

• 大小計算器是可以幫助您確定從遠處觀看的元素的感知大小的工具。

• 當瞄準不同的視口時，觀看距離很重要。目前尚無法確定。

• 有一個媒體查詢可以告訴您是否已投影，但是似乎不支持。

類型和字體

• 應(yīng)為特定目的制作字體：例如低質(zhì)量的紙張和低分辨率的屏幕。

• 字體家族中的同級字體可以解決諸如網(wǎng)站設(shè)計上的小字體（最小9像素）之類的情況。

• 具有許多寬度和粗細的大型字體家族為網(wǎng)站設(shè)計提供了很多靈活性，而只有少數(shù)幾種樣式無法做到。它增加了它們的表達范圍。

• Sitka是為Microsoft Word設(shè)計的一個新的字體家族，具有多個光學尺寸母版。它會根據(jù)您使用的字體大小自動更改，例如：標題，顯示，橫幅等。

• 在網(wǎng)站設(shè)計中，很多事情是動態(tài)，流暢地完成的。但是，類型有一個“玻璃地板”：沒有加載完整的字體文件，就無法調(diào)整層次結(jié)構(gòu)。更改寬度或粗細需要全新的字體。

• 可變字體格式：將提供更多的系統(tǒng)而不是一組字體文件。插值權(quán)重將減少文件大小，下載時間等。

• 目前，我們只能使用“檢測并提供”功能：了解屏幕尺寸并加載適當?shù)淖煮w。

• 字體到寬度使用大字體系列將文本片段緊緊地容納在它們的容器中。

• 各種各樣的字體樣式適合于響應(yīng)式設(shè)計，因為您可以交換樣式以使其適合變量。

當前名稱：響應(yīng)式網(wǎng)站設(shè)計排版的未來是什么
文章位置：http://www.bm7419.com/news/80136.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有響應(yīng)式網(wǎng)站等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)