BeFor Web
为网而生 - 原创译文博客 - 关注移动、VR及互联网产品的用户体验设计

视觉设计

为Apple Watch进行设计的五点原则 »

风吹的蛮冷的。明天要降温将近10度吗。终于像冬天了。

之前在朋友圈念叨来着,最近对Apple Watch各种YY,幻想每天生活里哪些小任务可以经由这款设备而提升效率质量。越想越离不开,我想我应该买一块Sport深空灰配黑色表带那款吧。好想放到嘴里吃掉。

上周把Apple Watch界面设计规范全部放出,也是蛮多的。今天这篇类似于对其中一些设计要点的归纳提炼。进入译文。

在为Apple Watch进行设计时,以下五点是设计师们需要注意的:

Apple Watch界面设计规范(21) - 菜单图标 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

情境菜单中的图标都是基于模板创建的,其中的图形样式是由alpha通道的形状决定的。图片文件中的颜色信息会被忽略。

图标的背景画布比图标当中的实际内容要大。图形四周的多余空间可以确保图标边缘与形状内容之间的框架足够清晰。

对于不同规格的Apple Watch,菜单图标的画布尺寸及图标内容尺寸见下表:

Apple Watch界面设计规范(20) - 图标与图片尺寸 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

每个应用都需要漂亮而独特的应用图标,使用户容易记住,便于辨识。在系统主屏当中,用户只能通过图标来识别应用,所以你的图标一定要易于记忆,与iOS版本的图标相似,并且要表达出应用的功能。

Apple Watch界面设计规范(19) - UI元素 - 菜单 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

在Apple Watch上使用按压手势可以唤出与当前界面相关的情境菜单。那些与当前界面内容相关的功能可以默认收起到情境菜单当中,平时无需占用界面空间。

Apple Watch界面设计规范(18) - UI元素 - 日期与计时器 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

日期与计时器控件是Apple Watch上的一种特定的标签(label),用来显示与时间相关的信息。

Apple Watch界面设计规范(17) - UI元素 - 地图 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

地图可以向用户传达地理位置信息。你可以在应用中通过地图来展示终点或POI(point-of-interest)位置。你的应用所展示的地图是静态截图,不具有交互性;点击该地图会打开Apple Watch的地图应用。

Apple Watch界面设计规范(16) - UI元素 - 滑块 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

用户可以通过滑块在一组互相分离的数值当中进行调整。点击滑块左右两侧的图标即可调整数值。

Apple Watch界面设计规范(15) - UI元素 - 切换  »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

切换控件用来呈现两个互斥的选项或状态。

切换控件具有以下特性:

  • 用于指示一个元素的二元状态
  • 要始终搭配标签使用

使用切换控件为用户提供一种在两个互斥选项当中做出选择的方式,例如“是”与“否”,“开”与“关”。

Apple Watch界面设计规范(14) - UI元素 - 按钮 »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

按钮可以执行由应用定义的功能行为。

按钮具有以下特性:

  • 可以设置背景
  • 拥有圆角
  • 其中可以包含标签(label)或分组对象(group object)

你可以在程序中设置按钮的背景色或背景图片。

Apple Watch界面设计规范(13) - UI元素 - 列表(Tables) »

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

列表会以单列的形式分行呈现数据。要使用列表来呈现那些会动态变化的数据内容。

列表对象具有以下特性:

  • 支持多行内容展示
  • 可滚动
  • 可以设置背景色或背景图片

Pages