恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
为什么ios11的标题这么大
0.0°
2017-09-29 原创文章 经验/观点 举报 6224 10 19 1

Image title


随着ios11的正式发布,导航栏的大标题引起了众多争议,很多人毫无保留的吐槽:“真丑,我还是不要升级了”。


这里先不争论丑不丑这个问题,我想谈一下我在思考这个设计时所想到的一些东西。


任何设计都不是凭空产生的,即使是苹果这种公司也不例外,或者说苹果这种体量的公司更不可能随意选择一个设计,而它之所以这么做,我相信是一群优秀的设计师经过长时间讨论试验并在一年又一年的界面进化的基础上做出的选择,这个选择不论是否“正确”,也一定是这群人在那个时间环境内能给出的最好答案。



Part I:功能

2010年,微软发布了Windows Phone 7,一出世就凭借其与众不同的简洁和纯黑界面引起众多好评,被认为是可以快速比肩iOS和Android的第三大系统,微软也对其寄予厚望。第二年诞生的诺基亚与微软合作的首部智能手机Lumia 800更是被众多粉丝深深喜爱,觉得无论是工业设计还是内部UI界面都已趋近完美。


Image title


也是大概从那时起,“扁平化”越来越多的为人提起,并渐渐取代了过去的拟物风。因为windows Phone系统的大受好评,在2012年,微软就又发布了windows 8,这一扁平的设计风格一下子被带到更多人面前。而这些都基于微软自家的Metro设计语言。据说当初团队的设计灵感来自于机场和地铁的指示牌,所以由此得名。


Metro使用合适的字体以及较大的字号吸引眼球,以传递“直觉,快速,现代”的感觉。


说回ios11的大标题,与基于metro语言风格的windows phone系统中的大标题比起来,字重明显加大,但相应的字号应该是略小的。大标题有一个明显的作用就是更快速的帮助用户明确自己在浏览使用过程中的位置,而UI设计的首要目标也是要快速准确的传达一些信息。


想象一下使用者拿起手机快速点击底部tab在各个不同的模块切换时,顶部一个明显的大标题的确能更有效地再次“印证”当前内容属于哪一部分。如果把一个手机app想象成一个场馆,顶部的大标题就相当于场馆的引导标志,只有确认来到了自己想要游览的展厅,才会再仔细浏览展厅里的展品。因为页面标题本身就起引导、定位的作用,所以一定程度上这里的加大其实就是针对标题这个元素本身作用的强化,属于功能上的增强。


Image title


当然加大这个标题也有着一定的“弊端”,那就是较之原先减少了页面真正要展示的内容在第一屏的显示面积,即原来用户能直接看到12行的列表,现在只能看到10行或者11行了。


但这在我看来其实影响没那么大。


首先,这个大标题并不是每一个app的每一屏都存在的,苹果官方文档说:Use a large title when you need to provide extra emphasis on context. 也就是说加不加大还是开发者根据自己的内容来决定。


其次,一旦用户开始滑动,即有继续浏览的意愿,这个大标题就自动缩小到原来的大小,不会继续侵占原有属于内容本身的空间。而且,当用户点击进入下一层级的时候,这个大标题也会变成正常大小,这也印证了之前所说的,这个大标题就是一个空间引导标志,一旦你进入空间内部,这个标志本身的意义就不及进入之前了。


最后,手机屏幕的展示空间和物理世界的空间有着一定不同。一个房间能容纳的展品是有限的,而屏幕内的空间理论上来说是无限的。只要你愿意滑动下去,那么无论有多少内容都能装下。在这种情况下,苹果把标题放大其实并没有影响很大,在同一屏放过多的内容从来不是苹果的风格,我觉得如果可能,苹果希望自己产品的一切页面都像杂志那样设计精致。


何况回顾当初windows phone刚出来的时候获得的可是大众和专家的一致好评,包括“Gold Interactive” award,“People's Choice Award”还有“Best in Show” award. 另外早在ios10里面Apple Music就已经对这一改变进行了尝试,在减少文字增大字号以使内容更直观方面获得的评价也普遍较好,经过ios10一年的培养,使用者应该对这种形式有了一定的接受度。

这些都为苹果放大其标题字号找到了支撑依据。



Part II:形式

苹果可能是这个星球上对消费电子产品的设计最苛刻的公司,无论内在还是外在都可以从苹果的产品里感受到那种对设计的苛求。


ios也一次次或引领风潮或扩大影响。从ios7开始,苹果开始在ui内首次采用“扁平化”的设计,使得整个界面变得更加轻量,简洁并富于现代感,整体文字也开始使用较细的字重来配合这一整体变化。

Image title


但苹果的扁平并不是一味的拍扁所有图标或icon,在一些图标上依旧保留了一定的细微变化,这在当时那千篇一律的UI扁平化初期是雨中不同的。现在Ui的扁平设计已经度过了最初的阶段,已经在扁平的基础上发展出各种展现元素功能,层次等级关系的方法和理论。在我看来,苹果的ios7在开始应用扁平设计的同时就已经在改进这种扁平化的视觉语言了。


如果说微软的metro让人想到的是户外的引导标志,那苹果的ios11在我看来更像是一本杂志。这杂志的感觉最直接的体现正是这放大的标题。


当然,无论是地铁的视觉引导,还是杂志的排版设计,这些扁平的视觉展现都绕不开瑞士平面设计风格和包豪斯的影响。而从ios7开始领导ios部门的 Jonathan Ive是一个明显深受现代主义影响的工业设计师。所以,在我看来,这放大的标题从他本人角度来讲,根本和“丑”毫无关联,这个标题的放大就是设计的结果。


Image title


此外,从视觉角度讲,之前的UI界面各种元素排在一个页面内,文字大小都差不太多,没有一个强烈的视觉重点,粗看起来就是密密麻麻的一片。而这个新标题则和周围元素有着强烈的对比,旁边大片的留白,有一种杂志标题的感觉,但从画面上来说,这样有对比有重点的设计的确是比没有对比要好的。


总结

通过以上种种,也就不难理解苹果选择整体放大标题其实并不是什么艰难的选择吧。当然,设计从来没有停止过发展,现在的设计选择在未来也一定会面临被淘汰的结局,但设计本身,是一个越来越好的过程。

更新:2017-09-29

收藏

10人已收藏

No_026

~

  • 17

    作品

  • 162

    粉丝

  • 9

    关注

  • 书桌吧
  • Nike+ running redesign concept
  • 朴凡心理 logo形象设计
  • 中文字体使用中的版权问题

    猜你喜欢

      2017-09-29 原创文章 经验/观点 举报 6224 10 19 1

      为什么ios11的标题这么大

      0.0°

      你确定要举报为什么ios11的标题这么大

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年09月29日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      19
      10
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录