行动派行动派
  • 首页
  • 随笔
  • 建站
  • 设计
  • 前端
  • 读书
  • 歌单
  • 相册
  • 视频
  • 邻居
  • 首页
  • 随笔
  • 建站
  • 设计
  • 前端
  • 读书
  • 歌单
  • 相册
  • 视频
  • 邻居
主页 › 设计 › iOS14设计规范独家翻译,它来了!
#设计#

iOS14设计规范独家翻译,它来了!

4月前
483 8 0

前两天放出了iOS14的规范更新预览,不少同学都催着让我们赶紧把iOS14的中译版规范整出来。这不,紧赶慢赶,我们终于把更新的几个章节翻译出来了,并且整合进了之前的iOS13的设计规范中。

在这里感谢一下我的学生yuki同学,协助我们翻译了「侧边栏Sidebars」和「下拉菜单PUll-Down Menus」两个章节。

下面我们着重来看一下新增的几个章节。

这里注意把启动(Launching)和启动页(Launch Screen)区分开来,启动指的是应用启动的整个过程,而不单单指启动页面。

iOS对应用启动的要求就两个:快速,无缝。

快速指的是利用启用页面来缓解用户的等待感,甚至可以设计一张与应用首页差不多的启动页,骗过用户的认知。

无缝则指的在启动的过程中不要请求设置信息、不要要求评价、不要显示授权许可和免责声明,总之,不要打断用户在启动过程中的体验。

Apple Pencil作为iPad的杀手级配件,其硬件灵敏度、功能完善度和对iPadOS的集成度都已经达到了很高的水准。其中,开发者可以利用Apple Pencil触控的三层维度即高度(Altitude)、压力(Pressure)和方位角(Azimuth)来设计一套优异且完善的手写交互体验。还可以自定义双击笔身的功能,让App和Apple Pencil更加契合,让用户在iPadOS当中流畅的工作。

而且值得一提的是,新的iPadOS14已经支持Apple Pencil全局手写输入,不需要再呼出那个半屏高的键盘来打字了。

其实iPadOS刚刚出来就已经支持了游戏控制器(游戏手柄),这一章节主要旨在指导移动游戏开发者(或者游戏UI/UX设计师)如何利用游戏手柄,来带给用户最好的游戏体验。

iPadOS13.4以及iOS13.4版本引入了动态的指针效果,苹果依然在原有的指针交互上更进一步做出了更多的改变,比如说高亮、抬升、悬浮三种内容效果,以及随内容效果而无缝变形的指针形状。

这里值得UI设计师注意的重点概念,叫做元素的命中区域(hit regions),这个取域可以帮助指针进行磁吸定位,并定义指针变形的边界,所以在做iPadOS的适配时需要格外注意元素的Padding。

作为此次iOS14更新的重点,小部件的设计要点还是相当多的。简而言之,除了之前概述中提到的三种尺寸之外,对于设计师来说更重要的是利用图形、图片、文字和排版设计出一个有重点、实用且优美的小部件。iPhone用户头一次可以这个大程度地自定义自己的桌面,所以小部件的设计如何设计得出彩又不浮夸,对设计师来说也是一种考验。

官方给出了小部件得标准Padding,为16pt,更紧凑得为8pt。我们也制作了一份小部件边距模板。

不得不说,iPadOS正朝着MacOS大跨步前进,从之前的支持鼠标、游戏手柄,到现在引入MacOS应用经典的侧边栏,再到这次WWDC20展示出的运行在A12Z上的MacOS big Sur,我们似乎可以看到iPad/Mac融合正在逐渐从未来,向现实走来。

我们可以注意到苹果的下拉菜单,也会有主屏快捷操作菜单的影子——左边标题,右边符号。不过鉴于现在国内APP早就用上了自己设计的下拉菜单,以后估计也不太会向官方靠拢,这一趴看看交互原则就好,具体设计还是各玩各的。

结尾

更新介绍就到这里结束了,实际上本次规范更新的篇幅并不大,尤其是对iOS来说,但依然涵盖了几个比较重要的点比如小部件。希望各位对官方规范保持最新的理解,在工作中游刃有余。

原文链接: https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/

翻译:酸梅干超人

0
Action
相关文章
磨砂玻璃的图标是怎么做的?
照相馆不会告诉你的哪些事:常用证件照尺寸汇总
如果你不熟悉 iPhone 设计规范,请一口吃下这篇干货!
如果你不熟悉 Material Design,请一口吃下这篇干货!
硬核干货!UI 设计常用设计素材网站
评论 (8)
再想想
  • 白天

    从程序的运行速度来看确实提升了不少,还有小组件功能简直不要太好,哈哈!

    4月前
    回复
    • Action

      @白天 对呀,简直不要太好用。

      站长 4月前
      回复
  • MAY的SEO博客

    厉害了

    4月前
    回复
  • 独元殇

    iOS那么顺滑流畅

    3月前
    回复
  • 林三

    强大归强大,不会设计也只能体验别人的app了...

    3月前
    回复
  • 伯正博客

    十年之约看见的,过来混个脸熟

    3月前
    回复
  • 坤泽教育

    初来乍到,请多关照哦,博主!

    3月前
    回复
  • 王光卫博客

    不得不说牛逼啊

    1月前
    回复
Action站长
要努力,要酷,要做一个可爱的人!
165文章 330评论 37获赞
猜你喜欢
如何绑定自己的域名来使用阿里云对象存储 OSS?
2年前
三个专注力锦囊
9月前
理发
8月前
如何注册谷歌账号?如何生成和提交谷歌网站地图?
2年前
纯代码为 wordpress 侧边栏添加彩色自定义栏目
2年前
  • 今日快讯
  • 站点地图
  • 给我留言
  • 给我投稿
Copyright © 2014-2021 行动派. Designed by nicetheme. 萌ICP备20201122号 粤ICP备14089240号