公平地講,響應(yīng)式網(wǎng)頁設(shè)計就其定義而言已經(jīng)包含了一定程度的響應(yīng)式排版。即使許多人不知道或只是忽略了這個事實,但響應(yīng)式設(shè)計中卻包含諸如行高,列寬等的宏觀印刷問題。然而所有這些自然不能稱為完整的,我們需要自己做功課。
現(xiàn)在,在響應(yīng)式設(shè)計中實現(xiàn)排版時,該方法很簡單,而且有兩個方面:首先,你需要注意字體本身,即字體應(yīng)該根據(jù)屏幕尺寸進行調(diào)整,其次,你還需要牢記與優(yōu)化的行長有關(guān)的內(nèi)容(因為在第二點中失敗將意味著消除設(shè)計所具有的易讀性或可讀性的任何機會)。
1.響應(yīng)式
每當你在進行與排版有關(guān)的操作時,很明顯,它們都是以字體開頭的。無論你是使用下載的字體,還是自己制作字體,還是依靠網(wǎng)絡(luò)字體,字體本身的重要性都不會被忽略。在最基本的層面上,選擇歸結(jié)為襯線與無襯線。現(xiàn)在,我不會支持或反對,因為我個人都喜歡它們。我還認為襯線的目的是使你的字體看起來更嚴肅,而無襯線為你提供了更多的自由。關(guān)于襯線與無襯線的爭論已經(jīng)存在了很長時間。關(guān)于該主題的書籍已經(jīng)寫好了,所以在這里站著走將不是最容易(甚至是必要)的事情。這樣說來,這里是一個實用的建議:如果你的文本大小小于12,請注意使用襯線字體,因為小于12的襯線字體無法很好地呈現(xiàn)?,F(xiàn)在,從響應(yīng)式網(wǎng)頁設(shè)計角度看待字體。如果標題采用諸如Seaweed Script之類的字體,則在臺式計算機上會很好,但是在許多屏幕較小的移動設(shè)備上,除非你笨拙地將其放大,否則觀眾將很難閱讀它。
2.字體大小,行高/長度和對比度
文本的大小在某種程度上取決于閱讀距離?,F(xiàn)在由于與書本或印刷雜志相比,計算機屏幕離眼睛的距離更遠,因此文本也必須比印刷材料大。這是因為即使屏幕上的文本將具有較大的尺寸,但由于與打印的文本相比,其與眼睛的距離會更遠,因此感知的尺寸也會較小。同樣,在談?wù)撔懈邥r,我們可以將其與打印的文本進行比較。由于與計算機屏幕相比,印刷的書籍和雜志更靠近眼睛,因此行的高度可以小于屏幕上的文本的高度。同樣,你必須記住,線高基準(盡管絕對值是Internet上無數(shù)網(wǎng)站所建議的),但它是所選字體的產(chǎn)品。線長呢?Baymard Institute建議,為了便于閱讀,一行中的理想單詞數(shù)可以在50到75個字符之間。現(xiàn)在我不建議你盲目遵循此規(guī)則,因為響應(yīng)式設(shè)計意味著我們也必須牢記不同的設(shè)備尺寸。在超小屏幕上,即使一行顯示50個字符也可能會損害可讀性。正確的做法是將50-75作為開始的準繩,然后牢記目標受眾可能使用的不同屏幕尺寸以及計劃使用的字體,理想的線長。
排版是響應(yīng)式網(wǎng)頁設(shè)計的重要方面。盡管乍一看可能令人困惑,但對其進行優(yōu)化并不是很困難。你如何看待有關(guān)響應(yīng)式網(wǎng)頁設(shè)計的排版方面的這些觀察?本期專業(yè)網(wǎng)站設(shè)計公司Angle為大家分享到這里。
2021-06-18
2020-04-15
2021-02-27
2022-02-28
2020-06-04
2020-07-29
2021-08-14
2020-09-29
2021-05-14
2021-05-08
2020-05-04
2020-12-14
2022-12-21
2021-09-15
2021-08-09
2020-10-14
2022-01-19
2023-05-17
2020-09-28
2020-11-24