移動排版的7條簡單規則

移動版式

這些都是 7條簡單規則 在您的項目或客戶的項目中使用某種字體時應使用的字體,以便可以在手機上完美地看到它。

給空間

影響行流的額外層次結構

有一個 影響行流的額外層次結構 或段落,關於 空間層次換句話說,字母之間的間隔小於單詞之間的間隔,並且單詞之間的間隔小於行之間的間隔。 為了從手機獲得完美的可讀性, 您應該注意空間層次,以及中的字符樣式 單詞,行和段落,這在自然光下更為重要。

得到測量

得到測量

通常,良好閱讀的測量大約是 65個字符。 測量的物理長度 通常取決於字體的設計 以及跟踪以及您使用的文字。 奇怪的是,將65個字符擴展到了桌面瀏覽器的邊緣,但是,幾乎在所有手機上,這些字符 往往超出限制,因此有必要減少測量。

鬆開並擰緊

如果他們很自由地製作 單詞之間的空格開始對齊,這引起了通常所說的“河流“。

監視器的傳統標準約為1.4em,儘管據信 這對於屏幕來說非常緊,大字體計數器是在屏幕上正常工作的字體的關鍵特徵。 他們需要更多空間 保持空間層次。

找到最美的地方

找到最美的地方

每個噴泉至少有一個甜蜜點, 它基本上是大小的組合 通常最好從屏幕上以及從 抗鋸齒 應用於瀏覽器的趨向於盡可能減少字體設計。

El 甜蜜點實際上是大多數筆觸趨於與像素網格對齊的點。 通常,設計人員的標準方法是將 來源類型 使用基線網格,但是對於移動設備,您需要 使用高度“ X”代替,實際上是小寫字母x的高度。

不要丟掉你的抹布

文本框的邊框

抹布基本上是 文本框的邊框; 通常,我們讀取的內容向左對齊,導致右側邊距不均勻。 一旦眼睛從另一端跳到另一端,大腦就有機會更好地判斷 下一跳的角度和距離,如果所有的跳躍動作都一致,並且以相同的方式隔開,則速度要快得多。 這就是為什麼文本的左邊界必須始終保持平坦,從而使所有行都從完全相同的位置開始的原因。

當使用 合理文本 經常會產生不一致的空白。 合理文本的主要問題是它們使用短得多的長度,從而導致文本對於手機幾乎不可讀。

降低對比度

標題可能是文本正文大小的2甚至3倍

標頭 它們可能是文本正文大小的2甚至3倍 為台式機而設計,之所以起作用,是因為屏幕內有太多文本。 但是,當涉及到移動設備時,並非所有文本都非常明顯,並且 對比往往會被誇大.

調整跟踪規模

調整手機字體大小時,必須 考慮到後續操作中所需的更改,基本上是應用於字體中每個字符的字母間距。


發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  1. 負責數據:MiguelÁngelGatón
  2. 數據用途:控制垃圾郵件,註釋管理。
  3. 合法性:您的同意
  4. 數據通訊:除非有法律義務,否則不會將數據傳達給第三方。
  5. 數據存儲:Occentus Networks(EU)託管的數據庫
  6. 權利:您可以隨時限制,恢復和刪除您的信息。