【】来为苹果手表设计一个app吧！( 三 )
当你在苹果手表上创建动画时 ， 你不能只是给你的开发者一个GIF并告诉他去动态创建它 。你需要为每一帧提供单独的静态图像 ， 以创建更快更流畅的固定动画 。最好的方法是将你的动画文件导入AfterEffects或Photoshop中 ， 然后提取单独的帧 。快捷菜单
文章图片
文章图片
快捷菜单最多可以显示四个操作 ， 并以带有标签的圆形图像显示 。在点击操作项或屏幕上的其他任何地方后 ， 菜单将被取消 。在设计快捷菜单项时 ， 你不需要担心颜色 。与iOSapp中的选项卡图标类似 ， 快捷菜单图标是模板图像 ， 颜色只定义图标的形状 。
文章图片
文章图片
对于快捷菜单图标 ， 你需要为每个图标提供两个图像大小 。在42毫米的手表上 ， 线重一般应比38毫米的手表多1像素 。字体
文章图片
文章图片
苹果开发了一种名为SanFrancisco的无衬线字体 ， 专门针对苹果手表的易读性 ， 有23种变体 。虽然你可以为你的app使用自定义字体 ， 但苹果建议使用内置文本样式 ， 因为它们是为小屏幕设计的 。
使用默认苹果系统字体的另一个好处是 ， 如果标签太长 ， 文本会自动调整大小 。随着字体大小的增加 ， 字体跟踪减少 。如果你决定指定字体大小 ， 那么对于19点或更小的文本 ， 建议使用SanFrancisco Text字体 ， 对于20点或更大的文本 ， 建议使用SanFrancisco Display字体 。APP图标
文章图片
文章图片
就像ios app的主屏幕图标一样 ， 苹果手表也需要一个app图标 。iPhone的图标和app名称是方形的 ， 而苹果手表的app图标是圆形的 ， 没有标签 。这使得你的图标必须是可识别的 ， 类似于对应的iOSapp图标 ， 同时仍然传达它的功能 。
在为如此小的屏幕设计app图标时 ， 首先要注重简洁性 。在众多的app图标中 ， app图标是用户在启动app之前看到的第一个东西 ， 所以你希望用一个设计精美的图标给人留下良好的第一印象 。
文章图片
文章图片
创建不同大小的app图标 ， 以支持手表的大小和图标可能出现的各种屏幕 。系统会自动在你的图标上放置一个圆形的蒙版 ， 所以根据苹果提供的指南创建一个正方形的图标 。你可以下载这个方便的苹果手表图标模板来生成图标 。总结
苹果手表为用户提供了一种不显眼的方式来获取对他们来说很重要的数据 。通过了解app的结构、交互方式和最佳设计原则 ， 我们可以在苹果手表上创造出更美丽、更愉悦的体验 。
翻译：马克笔设计留学
推荐阅读
- 『音频怪物』苹果手机诚意之作，还未开售就预约完毕，难道真的价格良心？
- 『苹果』原创 iPhone12再次传来好消息，首发A14仿生处理器，价格更感人！
- 苹果：iPhone12 CAD图纸意外曝光！全新外观设计
- 『智八斗』就这么被苹果欺负？余承东如何反击
- 【苹果】苹果彻底下架iPhone8/8 Plus：一代神机正式退场！
- [苹果]准备入iphoneSE二代了吗？别急，四月还有4款国产机发布，很凶猛
- 蚕豆■三星新无线耳机渲染图曝光：设计完全改版神似蚕豆搭配三款配色
- 【刘海】iPhone12基本确定，设计有亮点，可以和三星S20U说再见了
- 「Tian」苹果音乐在网上发布
- 「」继拼多多后天猫也抢滩iPhone 9 补贴价：2799元