移动端西文字体应用教程

  • 作品类型APP
  • 作品属性佳作分享
  • 作品版权署名-非商业性使用-相同方式共享
6393 25 124 2016-03-02

H&Co.的一篇有关Typography的文章,我汉化并加入了一些个人的补充说明。在平面时代Typography就是一个设计师非常重要的基础知识,步入移动端领域后,就更需要了解它的变化和新的应用模式了。白体字为Typography相关知识,灰体字涉及用户体验领域可以同步了解,本篇文章还有许多方面未涉足,期待更多参与讨论Typography。

全部评论:25

  • 糯米糯米糯米

    2016-08-29 10:54

    太密了 字太小 看着很累。。。

  • 蛋妞1987

    2016-04-21 12:02

    谢谢分享~~~~

  • star831

    2016-03-16 16:20

    签名太cute,容易遭调戏 已赞

  • evaqjj

    2016-03-10 15:16

    @Vicsenchi: 哈哈哈 我也是 第一眼就看见的是这个

  • 小吴同学

    2016-03-07 00:38

    一看这图片大小就知道鹿娘是用sketch做的

  • 树上的猫儿

    2016-03-06 16:52

    有些观点不能认同,不过楼主对字体这种研究的心态值得学习。

  • 里特维尔德

    2016-03-04 11:52

    辛苦了,得确实干货,就是图片太大了,打开一点点拖着滚动条看,体验有点不好,瑕不掩瑜,瑕不掩瑜

  • 喵呼大王

    2016-03-04 11:37

    什么时候字体加阴影效果比较好?有时候像buttom和nav上的字体,个人习惯把字体加上蛋蛋的阴影~也不知道可取不,不过视觉上强化不少~

  • JaminWoo

    2016-03-04 10:38

    @yunheppp: 有些typography的知识对于中文同样适用。

  • yunheppp

    2016-03-04 10:33

    内容很好~但在平时的UI设计工作中很少有机会去处理大篇幅的英文

  • Juneee

    2016-03-04 10:17

    @JaminWoo: get很多~ 谢谢你的耐心解答~~

  • JaminWoo

    2016-03-04 09:58

    @Juneee: 另外,我说的主要考虑都是西文字体,中文字体有些不一样。

  • JaminWoo

    2016-03-04 09:57

    @Juneee: 1.英文排版和中文排版是一个重要区别就是英文排版如果出现不对齐的锯齿会有美感,而中文不会。中文是方块字,一大段的中文只有排成豆腐块才会有美感。而英文,你一定要排成豆腐块我也没办法。2. Text type 类型字体指的是一类适合 9 - 18 px大小正文阅读的字体,他们通常在小字号显示上做了更多优化,不同字重间对比鲜明,容易阅读,种种字体并不是什么新事物了,很多字体的字族中就包含 Display type 和 Text type,比如最新的苹果San Francisco。3. 如果牵涉到屏幕显示效果,就必须分系统讨论因为不同系统的字体渲染引擎等等都不同。但为了大家做人都不这么累,我简单粗暴的回答。首先你换台Mac,只要你远离windows,就不会有什么truetype更适合屏幕显示的问题;然后是印刷,你要用opentype或者truetype都随你,格式其实影响不大,主要看这个字体是否为印刷or屏显而设计优化,但如果非要得出结论,Postscript其实是最适合印刷的字体。珍爱生命 ,远离windows。

  • Vicsenchi

    2016-03-04 08:56

    性冷淡瞩目

  • TinyP

    2016-03-03 22:23

    牛逼,无敌。期待更多关于字体的分享。

  • Juneee

    2016-03-03 21:43

    有几个问题想要请教一下, 1.文章段落中,英文文本通常都是左对齐吗,如果左右对齐显示会不会显得特别layman.. 比如http://www.ui.cn/detail/101305.html 近期一个习作中涉及用到的.... =-= 2.文本字体使用衬线字体text font是一种成文规定么还是只是利于阅读? 3.最近稍微了解下open type 和true type,没有太弄懂,不知道你有没有过相关的了解,就排版而言,简单粗暴的说opentype更适合印刷物这样合理么 thx~

  • JaminWoo

    2016-03-03 15:12

    @simpro: 呵呵。

  • kapny

    2016-03-03 14:59

    @kapny:

  • kapny

    2016-03-03 14:52

    @kapny: 看的我眼睛好累

  • kapny

    2016-03-03 14:52

    难道是我近视了

  • simpro

    2016-03-03 14:25

    楼主发的这些,确定不是误人子弟啊~!~,哥专业探究字体设计五六年都看的云里雾里的

  • Fezz

    2016-03-03 13:02

    @JaminWoo: 。。。这么谦虚啊。

  • JaminWoo

    2016-03-03 12:49

    @Fezz: 点开大图,浏览器缩放到合适比例就能看,或者大图存到本地看,本来就不是为了uicn这个东西排的版,要看就自己想办法。

  • Fezz

    2016-03-03 12:45

    东西是干货,可能由于时间的原因没有好好排版,看的好累。。

  • 热锅里的螃蟹

    2016-03-03 12:25

    字体做的太小了,已累瞎

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票