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

视觉设计

Apple Watch界面设计规范(3) - Glance »

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

Glance是Apple Watch当中的一种快捷视图功能,它能将应用当中的重要信息提取出来,并以简明的形式呈现。理想情况下,Glance具有适时性和情境关联性。成组的Glance(s)汇总了用户最为关注的应用当中的重要信息。Glance采用的是拉取机制,而非推送。所以,与推送提示有所不同,是否通过Glance访问信息是由佩戴者自己决定的。

Apple Watch界面设计规范(2) - 应用解析 »

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

Apple Watch必须配合用户的iPhone才可以运行你的应用。

Apple Watch界面设计规范(1) - 为Apple Watch而设计 »

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

Apple Watch体现着如下几个方面的主题思想:

  • 个人。Apple Watch是面向穿戴而设计的,所以其UI需要与佩戴者自身相协调。抬起手腕的动作可以使Apple Watch显示当前时间及通知信息。通过Digital Touch来“传心跳”或“传画” - 这些全新的沟通方式是极具个人色彩的。加速感应器和心率传感器可以日复一日的向佩戴者提供其运动行为方面的个人数据。苹果推出的其他任何设备都不曾与用户建立起如此紧密的关联。在你为Apple Watch设计应用的时候,时刻留意这种个人化的关联是非常重要的。
  • 整体。Apple Watch旨在使硬件与软件的边界更加模糊。数码表冠是经过精心打造的实体控件,帮助用户在软件当中进行精巧的导航操作。Taptic Engine可以与提示信息或界面操作结合起来,为用户提供微妙的触觉反馈。Force Touch - 一种可以由硬件感知按压力度的触摸方式 - 为软件的情境化控制方式带来了一个全新的维度。即便是Retina显示屏的物理边缘也被考虑了进来 - 隐性的边缘渲染方式允许你打造出“边到边”的全屏UI设计。上乘的应用设计方案需要贯彻这种软、硬件一体的体验原则。
  • 轻量。Apple Watch应用在设计上要注重快速、轻量的交互流程,并充分利用屏幕显示空间及其位于手腕位置的这一重要特性。出于隐私和可用性方面的考虑,界面当中信息的获取和移除方式都应该是非常快捷的。举个例子,Apple Watch上的Short Look信息提示方式的设计原则,就是首先以最小化的方式提供少量提示信息,如果用户持续关注,再为其展示更全面的信息。Glance则是通过一种易访问的、可通过轻扫手势操作的界面形式将应用内部的信息呈现出来。为Apple Watch设计应用时,要遵从于佩戴者使用该设备时的体验情境,例如短暂而高频次的交互会话,以及狭小的屏幕显示空间等等。

Apple Watch界面设计规范(预发布版本) - 目录 »

这是一个好时代;至少是一个好时代的开端。我就是这么觉得。

苹果如约发布了Apple Watch设计规范(预发布版)及开发资源。开始上手做译文。希望可以为各位设计同行和开发同学带来一定的参考价值。接下来一段时间Beforweb这边会持续放这套文档,我尽量把这段时间压缩的短一些。

此外,谁都没玩过实际的Watch,对应用设计的认知也尚未开蒙;自发翻译,质量还请各位朋友监督,我自己就当作学习来做这件事了。以下是设计规范目录。

重要:这是针对于正在开发中的API或技术的预备文档(预发布版本)。苹果提供这份机要文档的目的,是帮助你按照文中描述的方式对技术的选择及界面的设计开发进行规划。这些信息有可能发生变化,届时,你的设计开发方式需要基于最终版本的操作系统及文档进行相应的调整和测试。该文档或许会随着API或相关技术在未来的发展而进行更新。

怎样为Apple Watch打造应用体验 »

贫嘴张大民的幸福生活,一个月里看的第二遍了,酸甜苦辣,嬉笑怒骂,难言。

依稀记得在4岁左右全家搬出了大杂院,住进了楼房,约么是1987年吧;从南开附近折腾到了天拖。天拖,就是马志明的《纠纷》里那个丁文元上班的地方,天津拖拉机厂;现在这么想起来,还真有股子老工业的味道,那时则完全无感。无论平房还是楼房,炉子和暖气都是好东西,2003年举家搬来南方之后,心里总觉得缺两样东西,一是暖气二是煎饼果子嘎巴菜。

人整天奔命图惜点什么呢,年头越多,越发现,值得珍惜却再也没机会珍惜的东西正在变多。

闲话先说到这吧,眼看着天晚了。又来聊Apple Watch了;原文作者做了一些很赞的app概念稿,总结了一些想法。还是那句话,在设计规范和实际产品发布之前一切都是浮云;大家就当热身。下面进入译文。

过不了多久,我们就要为一种新设备的体验设计操心了 - Apple Watch。最近,我(英文原文作者)决定在日常工作之外花些时间尝试些新东西,于是打造了一套我们常用的app在Apple Watch上的界面概念稿。在此过程中,我逐渐开始了解怎样为Apple Watch打造应用体验,在此分享给各位。废话不多说,我们一起来看看吧。

关于动效 - 要潜移默化,还是要引人注目? »

周日下午,天气好的又有些不真实。

电视里编辑部的故事在哇啦哇啦放着,恍惚之间回想着小学3年级每天中午回家自己用电饭锅热热午饭,然后把碗和盘子放在方凳子上搬到电视前面一边看一边吃的样子。我几乎记得这二、三十年间所有的事情。

“投入蓝天,你就是白云;投入白云,你就是细雨...”,多好的歌词儿。现在想来,那个时候,人所行事,大多是认真和真诚的,没那么多浮夸和杂念;经历过八、九十年代,也算有幸。

扯哪去了?自己觉得没头没脑说了很多,看看却也只有两段字,大约是想到那些就开始做起白日梦好像自己回到了小时候一样,以至于感到时间过去了很久。说正事儿吧?关于界面动效的话题;算的上是大道理。下面进入正文。

看完这篇文章之后,你也许会意识到,你在各种应用里看到的所有动效,其中有80%可能是不恰当的,或是根本没必要存在的。

Apple Watch应用设计预热(1) »

我想的挺好:既然假期要好好照顾喵,哪里都去不了,便安心在家做事,看书,玩游戏;这也是若干年来的传统。然后就倒下了。也许保持平日的规律还不会有问题,一旦放假有了更多时间让自己休息吧,反而挂了。

这不是一篇正经的更新。所谓“设计预热”,其实就是收集的一些概念设计而已。我不喜欢概念稿,这是真的;最让我反胃的就是从前那些充满科幻气息的Apple Watch概念稿。话说那种东西倒真是有很多人点赞,难怪本尊发布之后反倒被各种吐槽了。说着说着又来劲了;之前在“Apple Watch UI动效解析”一文中已经聊过一些自己的看法了,不多说了。

有朋友要问了那你现在为嘛要看概念稿了呢?主要是硬件概念设计里面无聊的YY太多太多,而眼下要看的这些Apple Watch应用概念设计则主要是你我这样的第三方应用设计师根据目前苹果放出的展示进行的摸索,不至于过分的空中楼阁。

恩,下面就只有图片没有文字了。5个比较完整的设计展示。再叨咕一句,苹果官方尚未放出任何关于Apple Watch的设计规范,概念设计中的优点槽点请自行判断;纯当看热闹也无妨。

关于Apple Watch的字体设计 »

十月二日晚间11点,刚看掉教父2,现在是甲方乙方,脑子有点转不过来。

当然译文不是一边看片子一边做的;之前就做好;假期,大家两便,看些小文。其实说小也真不算是小事儿,苹果在新设备里使用新字体。恩,仍然是Apple Watch方面的话题。直接进入正文吧;btw,各位假期愉快。

市面上关于Apple Watch的各种评价仍在继续,不过透过一个小小的设计元素,我们也许能瞥见库比蒂诺的那些家伙在UI方面的新策略:开发新字体。

虽然苹果有过开发字体的历史,不过近20年来,他们主要依赖的还是Helvetica系,即使在新的iPhone及桌面系统中也是如此。但Apple Watch却带来了一套由苹果自己全新开发的、尚未知名的无衬线字体;正如官网中所讲:“我们甚至专门开发了一种更易阅读的新字体。”

Apple Watch UI动效解析 »

快到十一假期了。我讨厌十一假期,和讨厌中秋一样讨厌。从去年开始的。

要倒假期,只休个周六;那么姑且把今天当做一个加班的周六好了,明天是周日。又有什么不同呢,骗自己骗的还这么站不住脚。

于是周五晚间把更新做掉;开始关注Apple Watch。爱这东西,有拥有欲。看到那么多“丑”、“没设计感”、“没有特色”、“没创新”一类的评论,无论当时心情多差的时候都会笑出来;你们以为苹果会把Watch做的像网上那些充满各种科技感的无聊的概念设计那样吗?这是和人体关联极致密切的最个人化的设备,什么叫个人化?就是它要依附于你的个性你的特质而存在;科技感?未来感?极客?拜托,那样人反而成为陪衬了好吗?我想要的是风格中性而工艺考究、毫不张扬却值得信赖的东西,而Apple Watch就是这样的东西。

不多扯了,还不到10点就有点困了;今晚我要稍微多喝一点点;走吧。文中的GIF图片较大,需等。

看过Apple Watch的keynote之后,我们惊讶于其UI体验当中所包含的大量动效。也许是出于渲染效率和电量消耗等方面的考虑,Apple Watch的UI本身相当简约,没有过多的视觉元素;这也使得其中所包含的各种转场动效成为提升使用体验的关键要素之一。

此外我们还会发现,苹果向我们展示的不只是少数几个所谓的“标准动效”,实际上几乎每个界面当中的动效都是针对其特定的内容形式所打造的;这也体现出了苹果在其交互设计方面所下的功夫。

收集的一些音乐类App设计参考(1) »

周五晚间,啤酒威士忌什么鬼的也下去了一些的样子。

听着Layla,满满的爱意却无法触及的无力与无奈,说是Eric Clapton最牛掰的作品也不为过。

这周应该没有正经的周末译文了;前面几天插播了两篇关于汉堡包图标A/B测试的段子,其实相关话题还没完,今天临时乱入一篇设计参考资源。说“篇”,也谈不上,只是一些图片而已,我不高兴在Pin或花瓣里直接做,拿来自己这里心里踏实。都是音乐类App的设计,与当前所做的事情相关,没有多少普世参考性,不喜误入吧,先说个抱歉了。

Pages