7 simpleng mga patakaran para sa mobile typography

mobile typography

Ang mga ito ay 7 simpleng mga patakaran na dapat mong gamitin kapag gumagamit ng ilang uri ng font para sa iyong proyekto o proyekto ng isang kliyente at para makita ito nang perpekto sa mobile phone.

Bigyan ng puwang

sobrang hierarchy na nakakaapekto sa daloy ng isang linya

Mayroong isang sobrang hierarchy na nakakaapekto sa daloy ng isang linya o talata at tungkol sa hierarchy ng spatialSa madaling salita, ang puwang sa pagitan ng mga titik ay mas maliit kaysa sa puwang sa pagitan ng mga salita at ang puwang sa pagitan ng mga salita ay mas maliit kaysa sa puwang sa pagitan ng mga linya. Upang makakuha ng perpektong kakayahang mabasa mula sa mobile, dapat mong bigyang-pansin ang hierarchy ng spatial, bilang karagdagan sa estilo ng mga character sa mga salita, linya at talata, na kung saan ay mas mahalaga sa natural na ilaw.

Kunin ang pagsukat

Kunin ang pagsukat

Karaniwan, ang pagsukat para sa isang mahusay na pagbabasa ay tungkol sa 65 character. Ang haba ng pisikal na pagsukat na ito karaniwang nakasalalay sa disenyo ng typeface at ang pagsubaybay, pati na rin ang teksto na iyong ginagamit. Ito ay kakaiba na 65 mga character ay pinalawak sa gilid ng isang desktop browser, gayunpaman, sa halos lahat ng mga mobiles ang mga character na ito may posibilidad na pahabain nang mabuti sa mga limitasyon, kaya kinakailangan upang bawasan ang pagsukat.

Paluwagin at higpitan

Kung malaya silang ginawa, ang mga puwang sa pagitan ng mga salita ay nagsisimulang pumila, na nagbubunga ng karaniwang tinatawag na "ilog".

Ang tradisyunal na pamantayan para sa monitor ay tungkol sa 1.4em, kahit na pinaniniwalaan ito ito ay masyadong masikip para sa mga screen, isang pangunahing katangian para sa mga font na gumagana nang maayos sa mga screen ay malalaking counter, kung saan kailangan nila ng kaunting puwang upang mapanatili ang hierarchy ng spatial.

Hanapin ang matamis na lugar

Hanapin ang matamis na lugar

Ang bawat fountain ay may hindi bababa sa isang matamis na lugar, kung saan ito ay karaniwang isang kumbinasyon ng laki na kung saan ay karaniwang pinakamahusay na kopyahin sa screen, at mula sa puntong kung saan ang antialiasing ang inilapat sa browser ay may kaugaliang ibaluktot ang disenyo ng uri hangga't maaari.

El Sweet spot, ay halos ang punto kung saan ang karamihan sa mga stroke ay madalas na nakahanay sa pixel grid. Pangkalahatan, ang karaniwang diskarte para sa mga tagadisenyo ay ilagay ang uri ng mapagkukunan gamit ang isang baseline grid, subalit pagdating sa mga mobiles na kailangan mo gumamit ng taas na "X" sa halip, na literal na taas ng maliit na letrang x.

Huwag mawala ang basahan

hangganan ng isang text box

Ang basahan, ay karaniwang ang hangganan ng isang text box; sa pangkalahatan ang nabasa namin ay nakahanay sa kaliwa na nagdudulot ng kanang pantay na hindi pantay. Kapag ang mga mata ay tumalon mula sa isang dulo hanggang sa kabilang linya sa ilang linya, ang utak ay may pagkakataon na mas husgahan ang anggulo at distansya sa susunod na pagtalon, kung ang lahat ng mga jumps ay ginawa nang tuloy-tuloy at mas mabilis kung ang mga ito ay spaced sa parehong paraan. Iyon ang dahilan kung bakit ang kaliwang margin ng teksto ay palaging dapat na flat, ginagawa ang lahat ng mga linya na magsimula sa eksaktong parehong lugar.

Kapag gumagamit ng a makatarungang teksto Ang mga hindi pantay na blangko ay madalas na nilikha. Ang pangunahing problema sa mga makatarungang teksto ay ang paggamit nila ng isang mas maikling haba, na nagiging sanhi ng teksto na praktikal na hindi mabasa para sa mga mobile phone.

Bawasan ang kaibahan

Ang mga heading ay maaaring 2 o kahit 3 beses na sukat ng katawan ng iyong teksto

Mga Header maaari silang 2 o kahit 3 beses na laki ng katawan ng iyong teksto dinisenyo para sa mga desktop, na gumagana dahil mayroong higit pang teksto sa loob ng screen. Gayunpaman, pagdating sa mobile, hindi lahat ng teksto ay masyadong nakikita at ang pagkakaiba ay may kaugaliang maging labis.

Ayusin ang pagsubaybay sa sukatan

Kapag inaayos ang mga laki ng font para sa mobile, dapat mo isaalang-alang ang mga kinakailangang pagbabago sa pag-follow-up, na karaniwang ang paglalagay ng letra ng letra sa bawat character sa font.


Iwanan ang iyong puna

Ang iyong email address ay hindi nai-publish. Mga kinakailangang patlang ay minarkahan ng *

*

*

  1. Responsable para sa data: Miguel Ángel Gatón
  2. Layunin ng data: Kontrolin ang SPAM, pamamahala ng komento.
  3. Legitimation: Ang iyong pahintulot
  4. Komunikasyon ng data: Ang data ay hindi maiparating sa mga third party maliban sa ligal na obligasyon.
  5. Imbakan ng data: Ang database na naka-host ng Occentus Networks (EU)
  6. Mga Karapatan: Sa anumang oras maaari mong limitahan, mabawi at tanggalin ang iyong impormasyon.