沒有什么能像毀掉排版不適合的設(shè)計。無論是過大(或過?。?,不正確類型的縮放是一個重大問題。它是比你想象的更多的設(shè)計有問題。太一般你訪問一個網(wǎng)站,類型呈現(xiàn)精美的桌面瀏覽器,只能從手機后再次訪問,并發(fā)現(xiàn)它難以閱讀。它發(fā)生的時間。的問題是,該類型不是真正縮放為每個…
沒有什么能像毀掉排版不適合的設(shè)計。無論是過大(或過小),不正確類型的縮放是一個重大問題。
它是比你想象的更多的設(shè)計有問題。太一般你訪問一個網(wǎng)站,類型呈現(xiàn)精美的桌面瀏覽器,只能從手機后再次訪問,并發(fā)現(xiàn)它難以閱讀。它發(fā)生的時間。
的問題是,該類型不是真正縮放為每個設(shè)備。當(dāng)你考慮項目排版比例這是一個完全可以避免的問題。
什么是排版比例?
視覺排版比例相對封裝到另一項目中的尺寸,空間和類型元素的比例。這包括從主體文本樣式到標(biāo)題,副標(biāo)題,標(biāo)題和其他任何文本元素。
type-scale
無錫網(wǎng)站建設(shè)
規(guī)模有助于確定在關(guān)系的文本元素的大小和位置到彼此。用于網(wǎng)絡(luò)設(shè)計,特別是視覺型比例通常對應(yīng)在CSS標(biāo)記(例如H1,H2,H3,p和等等)。
A型規(guī)??梢詭椭谠O(shè)計創(chuàng)造和諧和節(jié)奏。它也讓你出風(fēng)格麻煩,因為文本元素與CSS元素,這樣設(shè)計的每個部分使用相同的元素和一致性對應(yīng)。
規(guī)模應(yīng)根據(jù)正文的大小。(始終設(shè)置為第一一個字體和大?。H缓髧@這個主要的印刷規(guī)模。不知道從哪里開始呢?谷歌有一個堅實的建議:
使用CSS 16像素的基本字體大小。調(diào)整的基礎(chǔ)上的字體的屬性大小被使用。
使用尺寸相對于底座的大小來定義排版規(guī)模。
文本需要字符之間的垂直空間; 一般的建議是使用1.2 Em的瀏覽器默認(rèn)的行高。
限制使用的字體的數(shù)量和排版比例。
創(chuàng)建和諧和節(jié)奏
A型規(guī)模不僅僅能幫助用戶通過移動副本,它為文本流創(chuàng)建和諧和節(jié)奏。此是任何設(shè)備上很重要的。
所以你從哪里開始?
trolley
UX事項有一些最好的研究上最小可用通過設(shè)備文本大小。請注意,這些都是最小尺寸和正文尺寸的不斷增大(一樣行距),你應(yīng)該認(rèn)真考慮較大的磅。史蒂芬Hoober建議開始低于建議最小值大至少40%。此外,增強的內(nèi)容樣式可以上升到80%以上的最低,但你應(yīng)該有特別大的類型謹(jǐn)慎為好。
設(shè)備類型 最小尺寸 40%的建議(調(diào)整易用) 最大80%(扣除易用)
小手機 4 5.6 (6) 7.2 (7.5)
大型電話 6 8.4 (8.5) 10.8 (11)
平板手機 7 9.8 (10) 12.6 (13)
片劑 8 11.2 (11.5) 14.4 (14.5)
筆記本電腦/臺式機 10 14 (14) 18 (18)
一旦身體文本大小設(shè)置,你可以決定如何支持大小的文本元素。有一個美術(shù)到與眼睛測試往往是一個良好的開端。
有幾乎一樣的標(biāo)題是太大了這樣的事情。說你需要說什么和大小的空間尺度的話。一個兩行標(biāo)題會覺得即使文本是完全相同的大小大于一行。
最簡單的方法去思考擴大的頭條新聞和其他大型測試元素基礎(chǔ)上,正文以百分比工作。雖然每個設(shè)計師都有不同的起點,比正文大250%是一個很好的球場為標(biāo)題; 150%的氫氣,為H3 75%,其中的元件如塊引號50%。(這不是一個規(guī)則,只是一個起點。)
這也是為什么百分比,而不是集大小,很重要:一旦您設(shè)置了身型的百分比調(diào)整尺寸的大小,因此無論屏幕大小。每一種類型的元件是相對于主體的類型。
字符和空格指南
有設(shè)計師看,以及當(dāng)它涉及到輸入屏幕上的其他一些指引。當(dāng)談到間距,拇指規(guī)則之一是看每行的字符,以確??勺x性。
臺式機和大型設(shè)備:每行60至75個字符
手機和小型設(shè)備:每行35至40個字符
注意在較小的屏幕,可讀性是基于具有更少的字符(大文本)。
by-association
同樣的概念適用于間距為好。您需要文本行之間更多的空間時,屏幕大小限制,使用戶更容易閱讀和掃描的內(nèi)容??紤]比桌面排版更小的設(shè)備添加更多的25%的行間距。
額外的大小和間距有助于緩解,緊縮或嘎吱嘎吱的感覺,嘗試讀取更小的設(shè)備時,用戶可以感受到。因為帆布小,讀者流量和易讀性是至關(guān)重要的,以保持用戶滾動。