童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

苹果旧金山字体的秘密

5月5日 呛人心投稿
  iOS9如今已公开发布。带来了一些细微的变化,但iOS9的系统字体变成了苹果新推出的旧金山字体,代替了之前用的HelveticaNeue。
  Helvetica(左),旧金山字体(右)
  旧金山字体之前已经用于AppleWatch中,如今则成为苹果全平台的统一字体:AppleWatch、iPhone、iPad和Mac。
  AppleWatch
  从第一台iPhone起,苹果就将Helvetica当作系统字体。而且从10。10Yosemite开始,MacOSX系统的字体也从LucidaGrande改为了Helvetica。苹果为何抛弃Helvetica?它是全世界最著名最受欢迎的字体。
  小字号Helvetica太纤弱
  据说Helvetica不适合小字号使用。当MacOSXYosemite系统字体改为Helvetica,许多设计师声称Helvetica并不合适。
  “Helvetica糟糕透了”,ErikSpiekermann说
  如果你输入小字号的Helvetica文字,你会发现易读性很低,显得模糊。有些文字交叠在一起,难以辨识。据说苹果设计出旧金山字体正是为了让小号文字在AppleWatch上更易读。
  小号字母交叠在一起
  但如今,小屏幕设备分辨率比印刷品还高,iPhone中的文字并不像AppleWatch那么小。为什么苹果把iOS、MacOSX的系统字体都改了,而不是只用于AppleWatch?
  旧金山字体不仅仅是一款字体
  旧金山字体拥有许多高度易读的特征。实际上AppleWatch和iOSMac上的旧金山字体并不相同。
  字体族“SF”用于iOSMac,而“SFCompact”用于AppleWatch。在“o”、“e”这类圆形字母上可以看出区别。SFcompact的竖线比SF更平坦。
  SF与SFCompact
  这点差异使得SFCompact的文字有更大的字距,从而使AppleWatch这样的小设备有较高的易读性。
  而且,SF与SFCompact被划分为两套子字体族,分别称作“Text”和“Display”。这就是苹果所谓的“视觉尺寸”。Text字体用于更小的文字,Display字体更大。
  旧金山字体族
  正如我之前提过的,Helvetica这种非自然(或者说无衬线)字体,两个邻近字母会“交叠”在一起,像“a”、“e”、“s”这种字母在小字号时看起来很相似。
  Display与Text字体
  用于小号字的旧金山Text字体,被设计成比Display字体有着更大的字距。Text字体的字怀也更大,为了小屏幕的易读性。
  旧金山字体是动态的
  旧金山字体的一大特点是它动态组织文字。系统会随着字号自动切换DisplayText字体。明确地说,20pt正是这个界限。
  设计师与开发者不用操心该用哪种字体。比如给UILabel设置系统默认字体,系统就会为你选择合适的文字。
  旧金山字体有一点让我印象很深,就是它的冒号(:)的显示方式。一般情况,冒号会刚好放置在基线上,所以放在数字之间时,它并非垂直居中的。而旧金山字体中,会自动将它垂直居中对齐。
  垂直居中的冒号
  旧金山字体是为数字时代而生的字体
  如你所见,旧金山字体经过了精心的设计,为了使任何字号、任何设备都易于阅读。
  被旧金山字体所替代的Helvetica,1957年诞生于瑞士,那时尚没有电子设备。即使今天,Helvetica也被许多公司作为企业字体广泛运用,毫无疑问,未来它会被当作一款伟大的经典字体使用。
  另一方面,旧金山字体是一款现代字体。它会根据环境动态改变文字。这是数字时代的一种“数字原住民”字体。
  字体苹果开发者中心
  原文链接:https:medium。commachthesecretofsanfranciscofonts4b5295d9a745
投诉 评论 转载

苹果旧金山字体的秘密iOS9如今已公开发布。带来了一些细微的变化,但iOS9的系统字体变成了苹果新推出的旧金山字体,代替了之前用的HelveticaNeue。Helvetica(左),旧金山……当我们爱上宜家的时候,我们在爱什么?第一次去宜家是在2007年。那年大三,学校组织在上海为期一周的参观和考察,除了各大博物馆、美术馆,宜家是我们这帮学设计的人必须去的地方。那时候逛宜家没有用户体验的概念,只感觉我……50个国外设计机构网站设计欣赏Web设计灵感总是帮助我们走在新趋势,设计结构、颜色和总体设计过程。有很多灵感的网站列出的主题就是我想要这一个是不同的。所以在这个今天的帖子我收集了50个国外设计机构网站设计欣……荔枝FM交互飞机稿已经使用了近两年的荔枝FM,身为一个产品经理,一直对荔枝FM的使用逻辑和交互体验感到费解,所以今天就小试牛刀!先看下现在荔枝FM主体框架:荔枝FM基础框架分析……交互新人:如何做用户体验设计嗯,毕业来了公司5个月,接触了一些项目,本该早点写些总结,拖延症发作拖延至今。作为交互设计的新人,需要学习和反思的还挺多。在学校的时候,看了很多书,学了很多理论,一直都希……产品经理黑魔法自启动与后台最近写黑魔法上瘾了,每天稍微有点空闲,Glen都在思考互联网行业都有哪些黑魔法。有机会大家还可以探讨一下魔咒课、魔药课、占卜课等哈利波特魔法课程。酒好还怕巷子深都说……交互案例实战!三个按钮背后由小见大的交互思考窒息红Leon:初入交互设计工作,最常见的需求就是放按钮。放按钮看起来是超级简单的事,无非就是设计按钮的样式、摆放按钮的位置、确定按钮的状态与反馈等,但殊不知其麻雀虽小,五脏俱……度秘一下不如营造情景,一个产品的服务分发应该怎么玩?刚刚落幕的2015百度世界大会,百度推出了秘书化搜索工具“度秘”。这是李彦宏在宣称AllinO2O后,做出的最符合百度风格的一件事情,也是百度希望能继续主导服务分发的尝试。……设计思考模式(一):删除、组织、隐藏、附加“真正的简约远不止删繁就简,而是在纷繁中建立秩序。”这是苹果设计师乔纳森伊夫在IOS7发布的时候对于简约的解释,GilesColborne在《简约至上》书中阐述了“删除、组织、……苹果也中枪!拿什么拯救尴尬的UI界面?(一)你是否体验过死气沉沉的交互界面?或者你又是否曾感到自己设计的UI界面总是缺了点什么?如果你经历过上述的情况,那么你应该就体验过“尴尬”的UI界面。收下这篇全是干货的文章,拯救你……由爱奇艺视频弹幕引发的思考建议弹幕不做回复!不做回复!不做回复!重要的话说三遍。弹幕一词最早用于军事领域,指代对某一区域进行密集火力攻击。2006年,日本视频分享网站Niconico首次尝试在视频……别逗了,会用Axure就算懂交互了吗?前些日子在一个产品、交互设计交流群里,有几个初学交互不久的人讨论如何学习交互,不出意外地他们的讨论方向拐到了Axure、墨刀等交互原型制作工具的使用上。从他们的言谈中看得出,他……
写好公关稿的3大写作技巧这届高校土味招生文案,666618,京东又出沙雕广告!618,淘宝出了一波文案金句杜蕾斯,你还会回来么?年中文案大赏:Top20来了!如何通过设计实验,提升文案说服力?转化率高的品牌文案,都有这些特征!父亲节文案,句句戳心!微信发布2019主题片,文案出彩!盘点:父亲节品牌借势文案这组酒文案,都是男生恋爱中的小心思一个圣女果【人人晚报】67期:晨冰都加入“我们”,就差你了!微信社群裂变系统有什么作用如何进行社群裂变2岁萌娃为逃针狂赞护士漂亮,孩子为何害怕打针?iPhone5C移动版多少钱?iPhone5C移动版价格曾经是老干部专用的Gucci,是如何演变成今天的网红的?被查醉驾复检会降低吗?杭州西湖后梁有天下第一大将王彦章,为什么还是打不过后唐?宝宝头垢怎样清洗爱读书的弟弟调肉馅时,记住万能口诀,入口饱满鲜嫩多汁,吃着太香了

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界