BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计 - Since 2011

学习

关于iOS7,设计师需要了解的十件事 »

40度的高温天气仍在持续,不知将来自己回头看到现在写的这些能不能感觉到这种热到麻木甚至绝望的天气,还有整个夏天所经历的这些东西。环境所带来的某种极致而持续的感受往往让人觉得眼前的东西不那么真实,让人想睡去。

算上这次,就是连续三周的iOS7话题了。目前已经到了Beta5;等天气凉快一些的时候,便会正式发布了;大家早晚都要做起来的事情,多了解一些作为基础是有必要的。让我很诧异的是,时至今日,那些在平日里需要接触及配合的一些程序员们,甚至还没亲眼看过亲手操作过iOS7,甚至会认为那些半透明控件只是网上流传的概念稿当中的花拳绣腿。那,微博上的很多朋友都了解,一旦说起程序员的话题,我蛮容易收不住的;这事不是这里的重点,其实根本也不值得提及。还是说正经的吧。

这里进入译文。在今年的WWDC上,苹果推出了采用全新设计语言打造的iOS7。新系统弃用了诸如皮革、木质一类的伪3D拟真效果,取而代之的是更加简洁轻量的设计路线,其中文字排版成了重头戏,另外在某些方面也受到了扁平化设计的影响。

对于负责打造iOS应用界面的设计师们来说,长久以来的设计习惯和规则即将被改变。在iOS7的这些变化当中,哪些与设计师们最为相关?苹果公司在转变了自身的设计思维之后,又会希望我们这些应用设计者们将哪些新东西体现到自己的应用当中?

我们分析了苹果的iOS7 UI过渡指南,并从中挑选出了设计师们需要知道的最重要的10条设计方面的变化。希望你能通过本文了解到iOS7的这些新特性将会怎样影响到你的内容呈现方式。

夏日清凉福利 - iOS7免费设计资源汇总 »

过去一周多的时间里连续跑去影院看掉了White House Down、环太平洋、速度与激情6这三部片子。对我来说,看电影和看Live没什么区别,只要够爽,够响,肝儿颤,就是极好的。说起来,还有8天的时间就可以去看Metallica了,还有16天的时间就可以去看Aerosmith了。不坏。你知道8天时间或16天时间里能发生多少事情?我不知道。

然则过去几周的时间里几乎一直沉浸在iOS7的事情当中,这也是事实,常来这边的朋友们也看的出来。我真的是越来越爱这东西了。btw,不觉得Beforweb博客皮肤本身就有点7的意味吗?...

上周破例发了一篇iOS7体验报告,而今次仍是与常规的风格有所不同。我确实很少做这种资源汇总一类的东西,除非是对自己很热、很有实际用处的玩意儿,那这次就是这样了。参考了几篇国外的相关介绍,另外到dribbble逛了逛,简单汇总了一些目前市面上比较过的去的iOS7免费设计资源,拿过来分享给各位,也留给自己平时找起来方便。资源包含图标、界面及控件、重设计mockup三个方面。

Foodspotting创始人谈移动应用的体验设计 »

本周最开心的事情就是买到了8月14号Metallica的票。琢磨着买件新T恤以及一些链子、耳环什么的。算起来约莫有6、7年没这样黑T恤银首饰的在外面招摇了。要不要看过演出之后纹个Metallica的logo去呢。

然后还有和朋友们碰头、唱歌喝啤酒啊,对我来说这可不是每周都可以发生的事,所以同样很开心。突然想到其实就这么点信息量已经足够去YY一些比较接地气的产品了吧?本周的译文与这方面的话题也有些许相关。只有自己的生活够丰富,才会有更坚实的基础来做出接地气的产品吧?从这个角度讲我还是蛮惭愧的。开始说正经的,我很喜欢的一篇小文章。

这里进入译文。今年1月,28岁的Alexa Andrzejewski把她的美食发现类应用Foodspotting卖给了餐饮预订平台Open Table,售价是1千万美金——够买很多饺子和杏仁饼了(哪跟哪这都是?译者C7210注)。

Foodspotting的成功秘诀是什么?Andrzejewski相信,该产品取得成功所依赖的最重要的一点,就是其“扩展到屏幕以外”的能力,也就是充分利用移动设备独有的体验模式来帮助人们将现实生活体验变得更好些的能力。

实际上,催化出Foodspotting产品概念的,正是Andrzejewski本人在改进个人餐饮体验方面的需求。2009年在日本时,Andrzejewski发现了很多闻所未闻的美食,回到美国后,她感觉要在本土找到供应这些美食的店家,实在是件难事。“我觉得,做这么个小项目,比如让你可以找到某种特定的美食,而不只是某类餐馆,可能是个比较酷的主意。” 然后,Foodspotting就诞生了。

谈导航栏返回按钮的替代方案 »

呼,又要夜间上新了。其实自己偶尔还会进去关于Be For Web里面看看将近两年前写的博客开篇语。当时的动力现在仍在,当时爱的那个世界现在仍在爱,并且越来越让我觉得自豪;这让我开心了些。周六晚上有在喝冰啤酒的兄弟姐妹吗,有的话我们虚拟碰个杯吧先,周末愉快=)

前面连续做了13篇iOS7预发布版界面设计规范,这周开始重新回到正常节奏,上一些小文。今次的小话题是关于返回按钮的;其实还少谈了一种越来越普及的替代方案,也就是将返回按钮做到底部标签栏或是工具栏最左侧;当然,准确的说,这种情况下容器本身也不能再叫做标签栏或工具栏了。那开始吧。

这里进入译文。我(英文原文作者)爱iPhone5,那多出来的640×176像素的空间非常有用。不过我时常会在点击那个最重要的按钮时遇到麻烦,是的,就是返回按钮。UX设计当中有一条规则,如果某个功能是很常用的,那么它应该被放在最容易点击到的位置上。

49%的移动用户在使用手机时是单手操作的,这就意味着每两个用户当中就有一个会每天多次通过单手来点击返回按钮;算起来的话这可是数以亿计的点击率。如果手机尺寸略大,那么你将不得不使用另一只手来点击返回按钮。我猜这也是很多安卓手机会在左下角放置硬件返回按钮的原因之一;不过这种解决方案也不是最优的,因为在安卓平台中,应用内的“返回上一级”按钮与硬件返回按钮的功能还是有所区别的。

iOS7界面设计规范(13) - UI基础 - 与iOS的系统整合 »

突然就到了周日傍晚。你永远不会知道自己的生活在接下来的一周当中能够发生多少变化;各种不可预知性所带来的更多是快感还是焦虑与不安,冷暖自知。相比之下,白天工作当中那些需求列表与排期文档就显得那么可爱了,哪怕有各种临时任务或需求变更,也最多只是让人在身体上疲劳一些而已。但有些事就远没这么简单了。

无名无状的话说到这里。今天的这篇更新是iOS7界面设计规范预发布版本第一章的最后一个小节了;我这边的汉化工程暂时告一段落。正如之前提到的,接下来会有我现在的一些同事参与进来,大家一起贡献更多的力量。届时,相关内容可能会首发到团队博客当中。那,眼下先感谢各位最近两周的鼓励与支持呗;从下周开始,没有意外的话,Beforweb会继续回到各种UX文章的更新上来。

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

译文最后更新时间:2013-06-30

iOS7界面设计规范(12) - UI基础 - 品牌 »

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

译文最后更新时间:2013-06-29

iOS7界面设计规范(11) - UI基础 - 图标与图形 »

不知别人如何,我自己来讲,平时很习惯很有动力去做的一些事,譬如博客吧,一旦生活中出现一些让自己很难受的状况,就很容易受到影响;像是,你平时所习惯的生活状态都是基于某种东西的,一旦这种东西崩塌,会影响到的范围远远超过自己的想象。不过现在还是决定锻炼自己喽,让自己应该做的事尽量不要受到生活的影响。不以物喜,不以己悲。不因外物的好坏和自己的得失而喜或悲,要做到真心好难。这算麻木么?

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

译文最后更新时间:2013-06-29

iOS7界面设计规范(10) - UI基础 - 文字排版与配色 »

明天就是周四了。貌似前几天还在恨周一呢。话说今天几乎开了一整天的会,正经事情没做多少;这种感觉比一整天从早到晚12个小时的忙碌于一件事情还要让人感到疲惫的对叭?那今天的iOS7设计规范更新又是一篇很简短的话题,关于文字及配色。

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

译文最后更新时间:2013-06-26

iOS7界面设计规范(9) - UI基础 - 动画 »

傍晚下了场大雨,现在坐在屋里也真是很风凉,听着Everlong突然觉得好像去年秋天的气息。每个季节都有各自的气息,每一年也是,如果你留意,便会感觉到。话说这几天,外面的猫猫狗狗们可以补些水来喝了,这也是不坏的。上今天的更新,动画效果一节。

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

译文最后更新时间:2013-06-25

iOS7界面设计规范(8) - UI基础 - 术语和措辞 »

讨厌周一,讨厌一周。今天中午交互组聚餐,却很开心;大家都是很厉害的人,你可以感到他们身上的能量,可以感到有些什么东西正在推着自己尽力向前走。这是一种很健康的状态,同时也很难得,自然越发需要珍惜。从无到有组建并壮大UX团队的过程,这是我经历的第二次;之前一次,有过很多开心,也有过莫大的遗憾甚至是愤慨;而这次我则有了更多的信心,因为看到了更多值得信赖的人。

那么继续我们的iOS7人机界面设计规范译文工程吧;接下来还会有更多来自WXD(携程无线体验设计中心。也称“无线电”。)的优秀设计师参与到这个事情当中,敬请期待叭=)

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

译文最后更新时间:2013-06-24

应用当中所显示的任何一个词汇都是你与用户之间交流对话的一部分。要将这些对话看做是帮助人们提升舒适感的机会。

Pages