注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

邓征宇的BLOG

一个硬币总有不同的两面。

 
 
 

日志

 
 

[转]苹果的苹方、现代黑体、扁平化  

2015-09-19 10:55:54|  分类: 技术和产经 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

扁平化和现代黑体,我认为是操作系统现代 UI 设计的两大主要标志。苹果iOS 从7.0 开始采用扁平化设计,从9.0 开始采用现代黑体——苹方。

1

苹果终于把有喇叭口的华文细黑换掉了,用现代主义的黑体——苹方取而代之。但是有的用户点赞,有的用户吐槽。

微软早在Vista 的时候就用上了现代黑体——雅黑了,但是同时期的移动手机系统WP 用的却是有喇叭口的方正等线体。原本方正并没有设计出粗等线的,于是专门为WP设计了这个字体。到了WIN 10 mobile,等线体不要了,改为PC 系统的雅黑。雅黑原来只有常规和粗,没有“light”这一字重的,到了WIN 8的时候,向方正买下了兰亭纤黑。

系统UI 最早的扁平化设计是WP 7.0,磁贴。但是微软的磁贴我不喜欢,除非它向苹果的图标靠近一点。

***********

正面较量 对比材料设计和扁平化设计

http://tech.sina.com.cn/mobile/n/c/2015-04-28/doc-ichmifpz0028211.shtml

扁平和拟物两个流派的争辩已经持续了好几年,这俩一直以来都是设计行业的话题王,不过随着近年来扁平势力的不断扩充,拟物风格也渐渐褪去了其身上的光辉,走下神坛。现在在手机行业任然还在坚持最纯粹的拟物设计的恐怕只有老罗一个人了。不过说了这么多废话,本期的聊科技并不是要谈拟物和扁平,这个话题已经被讨论的千疮百孔了,没必要再去做所谓的撕逼。今天上阵迎战扁平化设计的是来自谷歌Material Design的材料设计。

在对比开始前,还是需要和大家说明下。Material Design并不是一种设计风格,你不能说Material Design比拟物或者扁平好看。严格来说Material Design是一种设计语言,界面的设计风格只是其中的一小部分,所以本文也只在Material Design的材料设计风格和扁平化设计风格之间进行比较。如果你想要了解更多关于Material Design的信息,你可以通过“浅谈谷歌全新设计理念Material Design”这篇文章来认识谷歌这个伟大的设计理念。

  扁平化设计

  “自由”是扁平化最突出的一种设计风格,去他喵的高光、阴影,去他喵的形状、样式。我们要的就是快速和简单的风格。没有强制的样式,没有拘束,抛开那些油腻腻的三维设计,去除那些厚重的投影和渐变。活泼跳跃,这就是扁平。

  材料设计

来自于谷歌的全新设计语言——Material Design,其设计风格更像是拟物设计和扁平设计的结合体。材料设计保留了拟物设计中的层级关系,通过阴影来将各个界面中的图像进行分离,让用户更好的区分界面中什么是背景什么是交互图标。不过材料设计却又鼓励开发者发挥自己的想象,打造独特的系统图标。

**********

扁平化设计风格 Android 5.0概念图曝光

http://mobile.yesky.com/406/35048406.shtml

[天极北京6月19日消息]苹果在WWDC大会推出的全新iOS 7系统采用了扁平化设计,这一大胆尝试也让外界产生了不少质疑,不过显然扁平化设计未来很可能成为移动操作系统的一个大方向,日前曝光的Android 5.0酸橙派系统同样趋向这种设计风格。

虽然尚不清楚谷歌何时会推出Android 5.0系统,出自设计师之手的应用图标更加透明,桌面工具也进行了一定的变化,整体风格趋向清新简洁,抛弃了以往Android系统十分混乱的UI界面。

谷歌其之为Materia Design设计风格,MD

******

从拟物化到扁平 回顾iOS 1到iOS 8

http://news.mydrivers.com/1/416/416623.htm

苹果的首款智能手机,Apple iPhone内置的就是第一代iPhone OS操作系统,而这款系统也为整个iOS系统打下了最基本的理念。因此,现在许多看起来理所当然的特性,当时都通通出现在了iPhone OS上。与当时其它的操作系统不同的是,iPhone OS所有的交互都建立在触控屏幕上,并没有任何实体键盘或其它形式。

不过从现在来看,iPhone OS系统还有许多缺陷,比如没有应用程序商店(当时也并不存在应用商店这个概念)、也不能截图。但是苹果的第一代操作系统已经显示出了巨大的潜力。iPhone OS系统最新的版本号为1.1.5,随后批过就发布了第二代iPhone OS 2系统了。

苹果的iPhone OS 2系统在2008年首次亮相,并且填补了许多上一代系统在功能上的空白。其中最重要的变化就是带来了App Store应用商店,让第一代iPhone和iPhone 3G用户可以下载安装应用程序和游戏。

几乎从第一代iPhone OS系统开始,苹果的移动操作系统就看起来风格非常接近,这种拟真化的设计在界面、图标和排版上都风格统一。而然,从iOS 7开始,苹果彻底颠覆了iOS系统的设计,带来了全新的面貌。与之前相比,iOS 7更加的鲜艳、 活泼。扁平化风格首次出现在了iOS系统中,放弃了之前的风格理念。

一切都变了 这样的苹果iOS 7你还喜欢吗?

http://mobile.yesky.com/90/35023590.shtml

新的iOS 7系统更是引发了极大的话题,这款被苹果首席执行官库克称为“有史以来最大改变”的移动操作系统在视觉、操作和功能上都经过了重新设计,抛弃苹果iOS一直沿用的拟物路线,以扁平化为核心,崇尚简约,不过这一次似乎简单的有些“过头”了。

自07年第一代iOS推出以来,苹果计划是每年进行一次重大的升级,在iOS 7推出之前版本一直是由乔布斯支持的原iOS负责人福斯特尔主导设计的,界面元素采用“拟物”风格,各种视觉元素都尽可能的模拟现实世界中的各种相对应实物。

不过由于12年iOS 6发布后苹果地图、Siri软件服务并没有取得成功,福斯特尔离开了苹果,由艾维来继续接任iOS的开发设计,而艾维则坚持“至简之美”的理念,因此就出现了我们所见到的全新颠覆级iOS 7系统。

不过在这变化之中,iOS 7不可避免的也涉及到了与其他移动智能系统比较的问题,甚至还有抄袭Android、WP之嫌。

如我们之前所说,iOS 7在视觉上给人最大的变化就是扁平化设计,全新的UI图标及界面不再如之前拥有丰富的层次质感,而是追求极简的平面图案化风格,并且采用全新的半透明配色主题,整体上更加偏“小清新”的风格。

*******************

微软要“自废武功”:手机UI学习安卓苹果

http://news.mydrivers.com/1/416/416650.htm

近日,微软交互设计师Jon Bell指出:Windows Phone鲜明的外观似乎更容易让人不愿接纳它而非喜爱上它。虽然不少朋友是WP粉丝,但我们更要考虑主流市场。

他的这番言辞在Windows 10 Phone的预览中皆有所体现——微软放弃了Hub(中心)、Panoramas(环形概览界面)、相机应用的独特UI、app bar(应用栏)等曾经专属WP的元素。

对此,Wmpoweruser撰文指出,迹象很明显,下一个将消失的可能就是由动态磁贴组成的开始屏幕了。原因很简单——微软正在试图构建一种与iOS及安卓类似的用户界面,Windows 10桌面版已经不再强调动态磁贴,完全废除它们也不会有什么大碍。

结合早前消息中的微软目前正在致力于兼容安卓应用的工作,不少应用尝试取经后者的小部件设计,WMPU认为Windows Phone主页面已无用武之地。

评论:
其实微软已经成功的让安卓和苹果扁平化了。
其实我觉得磁帖丑不可言。
其实当年的windows 系统的图标+文本(现在在ios,android上用的)已经很好了,非要标新立异,搞磁贴,结果没立起来。微软WP可以直接仿照ios,android来,凭借WP系统的流畅性,先和android较一高低。还有就是手机型号太乱太多了,不如android的硬件配置,还想卖iphone的钱。
放弃动态磁贴才真会是作死的节奏。
WP的主要还是应用问题。

********

http://www.ithome.com/html/mac/154203.htm

6月9日消息,在今日凌晨结束的WWDC2015上,苹果发布了新一代OS X系统El Capitan,而且该系统还将在全球官方网站进行同步更新。

不过有个小细节似乎大家都没注意到,发布会上苹果提到在OS X El Capitan中将启用一款专为中国用户设计的中文系统字体,该字体名为“苹方”。

苹果介绍称加入新字体后,中文文本在Mac上的显示效果现代感更强,新字体支持简体中文和繁体中文,并且提供了中文版的输入预测功能。现在,用户可以在苹果官方网站上更新新字体系统。

********

苹果iOS9网友吐槽汇总:"苹方"字体太丑

http://www.ithome.com/html/ios/176661.htm

*****

iOS9苹方字体对比华文黑体,你更钟情谁?
http://www.ithome.com/html/ios/176899.htm

iOS 9其中的一项新特性就是用新的「苹方」字体替代了已经使用了几年的「华文黑体」。按理说苹果以出色的设计而闻名,新的苹方字体不说好评如潮,也应该是赞胜过批吧,但结果却是收到的评价基本好坏参半,新的苹方字体并没有苹果想象中受中国用户的欢迎。

一、华文黑体与苹方的不同[转]专为中国用户设计,苹果推出中文新字体:苹方 - 小宇 - 邓征宇的BLOG

华文黑体是个老牌的字体了,这里也就略去它的出身来历,只说下的特点。「喇叭口」是华文黑体一个重要的特点,所谓的喇叭口就是华文黑体的笔画在末端会有一些加粗,看上去就像是以前流行的喇叭裤一样。这是因为在以前印刷精度较低的时候,这种做法可以强化笔画,让文字看起来更清晰。图中的Adobe黑体也是如此。

而苹方则是一个更加「现代」的字体,和微软雅黑一样,苹方也是一个没有衬线和衬脚的字体,它看起来更加圆润和温和,在现代的高分辨率显示屏上理应有着出色的显示效果。思源黑体虽然以日文中的小冢黑体为骨架,但是去掉了所有衬脚(一个小插曲:苹果官网一开始把思源黑体当成苹方挂了上去)。

二、iOS 9也有责任

实际上在iOS 9之前使用的华文黑体并没有广受好评,在iPhone上面存在着笔画不够实的缺点,所以经常看起来有点发虚,渲染也比较淡。喇叭口设计对某些用户来说也增加了眼睛的负担。但苹方在iOS 9上也有一些让用户不喜欢的设计,下面我就试着分析一下更现代,阅读效果更好的苹方哪里「出了差错」。

华文黑体的字重较少(字重你可以简单的理解为字体不同粗细版本),所以经常可以看到在系统界面中个各个地方的字体粗细都是没有分别的,不同粗细的字体能够体现出不同的重点和搭配,但过于粗和黑的字体可能用户并不是那么喜欢,很遗憾的是在iOS 9苹果就用了大量不同字重,虽然苹方最粗只到SemiBold,但还是给人「糊成一片」的感觉。

字形结构上的差异是两者在观感上的一个重要差别,华文黑体显然要更内敛一点,而苹方虽然在阅读效果上出色,但结构上要更外放一些,用一句话总结就是苹方看起来更加的「土肥圆」。此外也有不少用户觉得苹方有一种幼圆的感觉,在「气质」上,多数用户还是觉得华文黑体要更具灵气。

最后是在iOS 9中,一些应用对字体的排版出现了变化,比较明显的地方就是备忘录,之前在iOS 8时,备忘录字体的间距是相当宽松的,加上「清秀隽永」的华文黑体,诗歌体的排版相当优美,而在iOS 9的备忘录中则「挤成了一团」。

三、这已是不可逆转的一个趋势

无独有偶,曾经骄傲的宣布自己使用了华文黑体拯救了「安卓中文显示」的Smartisan OS,在最新的版本中也不再使用华文黑体,甚至不再作为一个可以切换的方案。而HTC在Sense 6中使用的华康黑体在Sense 7中也被抛弃,字体变得更细更简约,已经是目前不可逆转的一个趋势。

(还有以模仿iOS 著称的vivo funtouch 2.0-2.51系统也是用华文黑体,但是到了2.6即改用汉仪旗黑,一种与方正雅黑相似的现代黑体。)

字体是设计中一个重要的环节,相信每个设计师都曾为字体一点点细微的差别而改了无数个版本。但是设计师端和用户端之间经常会产生两个问题。一是很多设计师间津津乐道的设计细节,在用户端却几乎无法感知;第二是很多设计师端认为更加出色的设计,在用户端这边却分不出好坏,不然也就不会出现那么多的「民间美化」了。

但设计这种东西在专业人士眼中本来就和普通民众不同,从时装设计到UI设计无不如此。显然,设计师这边几乎一致认为苹方比华文黑体更出色,而在用户这边,可能他们还需要更多的时间去适应。

*****

苹果OS X 10.11中文版上手体验:大屏幕终有用武之地

http://www.ithome.com/html/mac/155542.htm

新的苹方字体干净利落


[转]专为中国用户设计,苹果推出中文新字体:苹方 - 小宇 - 邓征宇的BLOG

在OS X 10.11 EI Capitan当中,简体版和繁体版都使用了全新的“苹方”字体,眼尖的果粉肯定一眼就能看出区别,不仅更加干净利落,清晰利于阅读,而且不同层级划分得很清楚,甚至不需要改变字号,仅凭层级就能区分出文字段落的区隔。

不过对于我这样并不是十分细心的人来说,还真不是一下子就注意到了这点变化。也正是因为这点,所以我在上手新系统的时候反倒没有任何的不适应感。但总之你并不会想念以前的字体,因为我的感受是:变化没怎么看出来,但确实更加清晰了,符合Mac系统的一贯style。

*******

苹果最新San Francisco系统字体开放下载

http://www.ithome.com/html/it/155168.htm

苹果本周五向开发者提供了San Francisco系统字体的下载,San Francisco是iOS 9、OS X El Capitan和watchOS 2的默认系统字体。San Francisco最初出现在Apple Watch上,字体的主要目标是提高可读性,这款新字体会在今年秋天登陆三大苹果平台:iOS、OS X和watchOS。

对于中国用户来说,苹果在iOS 9、OS X El Capitan和watchOS 2中使用了全新“苹方”字体,与San Francisco配合。

苹果这次把英文字体也换了,把原来的Helvetica Neue 淘汰掉,动作很大。
***********

更早的新闻:
苹果首次改变OS X系统字体:更纤细、更清晰(英文字符部分)
2014年06月07日
http://digi.tech.qq.com/a/20140607/015881.htm

腾讯数码讯(编译:凡少)苹果新一代OS X桌面操作系统Yosemite在设计方面做了很多改动,而其中最大的变化之一就是系统字体——苹果自推出OS X以来首次改变了字体,从沿用多年的“Lucida Grande”变成了“Helvetica Neue”一类的字体,其更纤细、更清晰的风格与苹果自iOS 7以来所推崇的“扁平化”简洁设计相得益彰。

等到Yosemite正式上线时,大家会看到从菜单栏到应用窗口等处的字体都变成了“Helvetica Neue”,而苹果去年推出的移动操作系统iOS 7也采用了这一字体。由于苹果如今非常重视平台之间的统一性,所以将移动操作系统的字体推广至桌面也并不出人意料。

苹果声称,OS X采用的新字体更加易读,而且在高清显示屏上效果很棒——没错,随着“视网膜”显示屏从iOS设备推广至Mac电脑,苹果也的确需要尽快推出更禁得住细看的字体了。

来源:The Verge

  评论这张
 
阅读(211)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017