个人积累设计相关知识,界面,作品用,偏向UI,平面
 
 

移动端字体相关笔记

来源:移动端字体7准则

https://mp.weixin.qq.com/s?__biz=MjM5MTg2NDA3MQ==&mid=203590536&idx=1&sn=7a0b1e240d9c8be88fc50b3c344d6bb8&scene=1&key=0ce8fa93c80e41c541752dffe57b2a7959013bf184735ba20c2bbe4814f9db03a88f5f62798b80a8ced0ec70e17a6c40&ascene=0&uin=MTY4MTExMzk1&devicetype=iMac+MacBookPro11%2C3+OSX+OSX+10.9.5+build(13F34)&version=11020012&pass_ticket=tvHdONNZAnhHA1BbcSV4RxMLpw45F4WTMUXlfkVkcoo%3D

https://www.webdesignerdepot.com/2015/02/7-simple-rules-for-mobile-typography/

移动端

一点字体的基本属性:

  • 凹槽:字母o(还有b、c、p等等)中间的圆孔被称作“凹槽”。更大的凹槽在屏幕上表现更好(更易读)

  • x-height

7准则:

  • 字母周围的空间环境比字母本身对字体的影响更大

  • 行宽:桌面端 65字符   移动端 39字符(来源于报纸/杂志的窄列)

  • 行距:1.4em 移动端通常更小 桌面端通常更大(大凹槽字体表现更好,相应也需要更大行距)

  • 起伏边:左对齐,右侧保留起伏边,更加利于找回到阅读的位置

  • 字体的最佳状态:对比更强(更清晰易读);确保文字顶部契合像素网格;桌面端用baseline排列文字,移动端用x-height(?)

  • 文字层次反差更小:桌面端字号倍数值 1.618  移动端更小 1.382

  • 字距

summary:

行内视觉流平顺、对比足够、空间层级清晰

10 Feb 2015
 
评论
© 设计笔记本 | Powered by LOFTER