萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

Android 字體規範與換算全攻略:從 sp/px/dp 到 Photoshop 實戰輸出

Android 設計中字號選擇讓人頭大。本文系統梳理 px、dp、sp、pt、PPI 概念與換算公式,給出系統默認字體 Roboto 規範字號表、印刷行業字號對照、前端輸出標準與 PS 實操方法,直擊落地痛點。

核心概念速查

  • px:像素,螢幕物理點
  • dp:密度無關像素,160 PPI 基準下 1dp=1px,px = dp × PPI / 160
  • sp:縮放無關像素,字體專用,160 PPI/100% 字體下 1sp=1px,px = sp × PPI / 160
  • pt:印刷單位,1pt=1/72 inch≈0.35mm,PS 中同 pt 不同字體高度不同

Roboto 系統規範字號表

換算驗證:同 sp 不同 PPI 物理高度一致

以三星 Note 2(PPI 267)為例:18sp → 30px → 物理高度 2.86mm。
160 PPI 基準:18sp → 18px → 物理高度 2.86mm。
結論:sp 機制確保跨設備物理尺寸一致。

印刷行業字號對照表 → 近似 Android 用法

閱讀距離 33cm 接近手機。印刷正文常用:六號(7.5pt)、小五(9pt)、五號(10.5pt)。換算對照:

前端輸出標準化交付物

  1. 針對主流 PPI 計算對應 px 值
  2. 同步交付換算公式 sp = px × 160 / PPI,前端自動適配新設備
  3. 前端代碼本身用 px 定義字號,設計師輸出 px 最對口

Photoshop 實操:手動調出對應 pt 值

PS 無 sp 單位。按目標 PPI 算出 px 高度 → PS 中調整字體大小至該 px 高度 → 讀取對應 pt 值記錄。PPI 變更需重算。

歡迎拋磚引玉,共同優化輸出流程。

copyright © 萬盛學電腦網 all rights reserved