BeFor Web

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

好短暂的周末，在一天当中压缩了很多事情。学车、照料喵、做博客、看书，还睡了个很久没那么舒服了的午觉。眼下已经快到晚上11点，发好这篇早点躺倒了。

仍然有很多朋友在关注关心着小喵推推的健康情况，我在这里再次向各位表示真心的谢意了；目前情况仍算稳定，看上去每天6、7个小时的照料还是有些正面反馈的；明天带去医院复查一下。想到上周有天下午实在困的不行，在桌前趴了会，很快就开始做梦了，梦到自己中午回到家里照顾推推，累了便睡会，突然想到下午要上班，要赶紧回公司；然后便惊醒了，发现自己就在公司；各种穿越和失真的感觉。

说正经的，来看本周更新吧。又是议论文一篇，简短而明了；正好前几天和老同事聊到这方面的事情，很共鸣，拿来分享给大家。

这里进入译文。苹果发布iOS7之后，我们听到最多的流行用语就是“扁平化设计”了。显然有不少人认定，iOS7特定的视觉美学使其看上去比iOS6要更平，因此，人们也应该以这种方式来设计应用。

问题在于，iOS7从本质上讲并不扁平。实际上，它是非常细腻且具有层次的；那些使用”扁平化“一词来描述iOS7的人，他们无非是在重复那些从一开始就这样误解iOS7的科技名人的话。道理何在？我们一起来看看。

10月3日，似乎是假期的第三天了，日子已经过到无可名状的样子了。把小病猫从医院接了回来，病情稳定了些，至少眼下还没有继续恶化下去。每天喂5种药，并且将猫粮泡成浆糊强行喂食。那么像现在这样可以在间歇当中抽些时间出来专心打几个字，更新一下博客，已经变成了奢侈的享受，很珍惜。

不知这样的日子什么时候可以结束，希望是以好的方式逐渐恢复正常。但不知哪里来的勇气，在这样的状态里却悄悄鼓起了一些力气，一方面尽力维护小猫的状态，一方面努力珍惜分分秒秒空闲的时间看些书，做做事。总会好起来的。不过还是买了瓶JD陪着自己，这种时候还是需要一些的，半口下去头疼就能好些。另外也真心感谢在微博和微信里给小猫祝福，给我鼓励的各位朋友们。

那么就来看本周译文呗；之前的几篇都是资源和参考方面的更新，今天恢复一下常态吧。

这里开始译文。乍看上去，“为iOS7重设计”无非就是新的应用图标、无边框按钮、与导航栏配色相匹配的状态栏等等。不过如果你再深入挖掘一些，便会发现很多耀眼的地方都体现着iOS7的三大设计主题，即“依从、清晰、纵深”。

对于某些应用来说，这些改变带来了设计上的极大改善，而另外一些则甚至比从前还要糟糕，不仅可用性被破坏，而且品牌识别效应也大打折扣。本文会围绕着iOS7 UI过渡指南当中提出的一些关键性的设计解决方案，介绍一些比较有代表性的应用案例。如果你正计划着升级自己的产品，或是以iOS7风格为准绳从零开始设计应用，那么这些例子可能会帮你更好的起步。

不知怎样形容刚刚过去的七天，感觉上像是度过了七年。上周的更新当中提到家里一只喵的身体出了问题；虽然当时很揪心，但觉得至多是消化道方面因为毛球一类而产生的问题。而这一周下来，整个事情已经变成，能否帮喵尽量稳定住心脏方面的病情，能否让情况不再那样恶化下去，能否找到一种相对有效的治疗方法可以给她更多希望。每天中午和晚上都尽量到医院去多陪陪她，而回到家仍旧难以习惯她不在这里的状态。

同样养喵的朋友们，到了他们6、7岁的年龄，一定要带他们去做体检，好吗？

这种状态下的时间精力完全没法得到保证，本周只能趁这一天不用上班的时间把前面看到的一些不错的资源汇总下。东西都比较新，iPhone 5S和5C的设备模板PSD为主打；找几款合适的拿去下载，用来展示应用界面或是制作原型，再合适不过了。如果你觉得有用，不妨也分享给更多道上的兄弟姐妹吧。开始验货。

大家中秋节过的都好吗？有吃到五仁月饼没？有靠在窗前吹着凉爽的晚风仰望明月没？各位当中有赛亚人没？...

其实我过的并不好，准确的说不是我，而是家里的喵又开始出健康问题了。两年前差不多这个时候，两只喵轮流生病，有些东西也零零散散的记录在了那一两个月的文章里，有时自己回头看看仍会觉得揪心；而眼下似乎又到了那样的日子。明天去看医生；真的好希望是自己代替它们生病，至少我可以知道自己哪里难受，知道去医院做检查，知道吃药和治疗，而喵身上发生这些事情则需要人付出非常多的时间精力来确保执行。

中秋的第二篇“灵感激发”类内容。上次看了18个极简风格的家庭办公室，今天回到屏幕前，看一些不错的响应式设计案例。其实我不太喜欢拿响应式设计的东西出来说事儿，Beforweb这里刚刚起步的时候做过几篇，仅此而已了。不多说了，进入正文，希望有需要的朋友能找到些参考价值。

什么日子了呢，明天就是吃月饼的日子。吃日饼的月子。先祝大家中秋节快乐。另外今天还相当诚意的给俺们的程序员们祝了个快乐，有点意思，详见微博。

三天假期安排的很紧张，怕是没什么时间来做译文了；整理了一些之前看到的“灵感激发”类内容放上来，譬如“xx个oo设计”这样的东西。我不知道这类内容有没有什么专有名词来指代，反正就是图多字少，可作参考，各位在假期当中也不用花费很多时间读太多文字，轻松休息为主。

然则第一篇又更特别一些，和设计工作本身没有直接关联；这里展示了18个极简风格的“家庭办公室”照片，没事溜两眼，琢磨琢磨怎么折腾下自己的小屋子，也是个乐事。也是个薯片。走起。

无论你需要在家工作，还是仅在晚间或周末做事，家庭办公室都是很棒的地方。在这里，我们有机会充分依照自己的心愿来打造属于自己的空间。

对有些人来说，这意味着使用那些能带来灵感的物件来填满空间，例如艺术品或是小装饰品。而另外一部分人则会秉着“少即是多”的原则，打造一种线条简练的极简风格的家庭办公室，通过最少量的必需品来构成完美的工作环境。

我正在采用卧佛的姿态倒在沙发上打着这些字，脚和傻喵的脚互相抵着，电视里放着过把瘾，方言和杜梅离婚了。话说这俩字在这个周末是热词了吧。说真的，人家的事我们似乎压根管不着，只是周五那个雷雨交加的晚上，多少人都堵在路上和地铁上，一切都显得那么怪异与不真实；不知为什么，那晚虽然黑压压的，我印象里的各种东西却像是被闪光灯照着一样空洞的明亮着。

这周拿来一篇InfoQ做的Josh Clark访谈，译文稍长，相对务虚，左顾右盼，畅想未来；其间Josh谈到的话题包括移动应用界面设计、响应式设计、交互模式与隐私、传感技术、和智能手表等话题，有兴趣的朋友可以稍作阅读。今天不多说废话了，开始正经的。

这里进入译文。移动设备的崛起带来了用户界面设计的变革。除了我们所熟悉小尺寸触屏设备之外，物联网的概念也逐渐浮出水面，随之而来的是更多新设备类型；相应的，我们在设计内容输出格式以及诸如语音和手势这样的自然化输入模式的时候，需要考虑的问题以及要面对的挑战就逐渐多了起来。

Josh Clark——业界知名的用户界面设计顾问，《触动人心 - 设计优秀的iPhone应用》的作者——时常在全球各地的设计开发大会中发表关于界面设计的现状及未来的见解。今天，我们(InfoQ)有幸与他面对面就这些问题进行交流探讨。

本该昨晚就更新上来，却因为家里的破事而耽搁到今天上午。想想最近几个月里有多少个周末甚至工作日的夜晚是以让人身心俱疲的折腾来结束的，自己都懒得计算了。每当这种时候就会觉得，除了日复一日的努力让自己的各种目标尽量实现以外，别无他人别无他法可以依赖。可惜产生认知总是需要付出代价，总是需要经历过才能开始觉察。

平时生活和工作中，与他人之间的互动成本，总是能够被自己很敏感的体察到。往往到最后，互动所产生的收益甚至要被自己忽略掉了，而互动成本几乎要成为决定是否继续保持互动的根本要素；归根结底，也许还是因为自己预期当中的或是实际当中的收益没有高到能够让自己接受那样的成本；生活本身就像产品，而我们自己一方面是产品的组成部分，一方面又是它的用户。如此莫名其妙不着边际的言语，其实是这篇译文做下来之后结合自己的生活工作而产生的结论。挺好的一篇文章，来自Nielsen Norman Group，结合具体案例诠释了一个比较理论化的概念。然后我就举一反三发散思维了么。说正事儿吧。

这里进入译文。交互成本指的是用户在网站或应用中为了完成目标而产生的费力度总和，包括心智与肢体操作两个方面。

理论上讲，我们都希望用户在打开网站或应用后能够立刻看到他们所需的信息。这种情况下，交互成本为零——简直是可用性领域中的圣杯。

不幸的是，零交互成本在现实当中是相当罕见的，因为绝大多数网站和应用都会为用户带来很多他们有可能需要的东西。很多时候，用户必须四处观察，阅读，可能还要滚屏，然后找到一个链接，点击它，等待页面加载，如此往复很多次。有时可能还会有新窗口弹出来覆盖在之前的内容上面，然后用户就必须将注意力切换到新窗口上，可能还需要重新回到原来的页面上，以便将两个窗口中的内容关联到一起。有些情况下，用户还需要记住一个页面上的内容，然后再提交到另一个页面当中。所有这些行为都需要认知成本，相应的提升了交互成本。

周五晚上还算精神，既没有一周工作结束后的轻松与愉悦，也没有摧枯拉朽的疲劳与无力；平常心。

于是临时来一发导读；不过眼看着已然10点半了，今天能不能发上来还两说的；平常心。靠在沙发上，看着傻猫猫仰面朝天的睡着，偶尔抖抖爪子，然后自己抱住自己的小脑袋瓜，也许是在做梦吧；听着Foo Fighters，完全是去年这个时节的节奏，仍是秋高气爽，却物是人非。

今次的导读包括两篇已经放在Beforapps上面的App体验记录(均为投稿作品，欢迎各位投稿或瞎聊呗，发coda7210的gmail或者到微博联系我都好)，以及我目前所在团队中几位交互设计师翻译的若干章节的iOS7设计规范；个人认为是HIG中最关键的几个章节，关于各类栏、控件的外观、交互规则等方面。

哦另外说，最近试着在这边一些页面侧边增加了一个“推广”，链到一笔一画的iPhone5草图本；她家还有其他一些不错的本子，喜欢的朋友可以看看呗。

一周，跌宕起伏的一周，无比焦虑和茫然的一周，做了人生第一次油压和刮痧的一周，和老同事们又一次开心碰头聚会的一周。周五晚上开始，天气凉快了下来，风吹的整个人都好清爽。

每到这样的季节就会很想听Wish You Were Here，平心静气；去年或者前年的这个时候有在博客里提到过没？似乎有。话说这种天气给人的感觉有点像iOS7；不过也许是因为最近几周做了太多这方面的工作，所以在完全不搭界的事物之间莫名其妙的建立起关联也是有可能的。今天见到一篇小文，篇幅很短，却言简意赅的表达了一两个重要的核心观点；拿来翻掉放上来分享给大家，希望能帮助各位道上的朋友在iOS7风格的问题上看的更清楚一些。

这里进入译文。眼下，也许所有的iOS应用设计师都在琢磨着是否应该开始向产品中融入iOS7原生的外观样式，还是应该继续保持已有的视觉风格。

iOS7还是不iOS7？两条路线都有各自的好处，包括市场、业务和设计机遇等方面。

周日傍晚了，心情不好。每次发博客，就像是给过去的一周做个记号；一周又一周，发生过的、想忘记的、要到来的...虽然这里不是个人的生活博客，但在自己看来却像是刻满了记号的墙壁或石碑一样。不说了。

继续“十佳应用的故事”。上周的译文中，Languages的作者Jeremy Olson和我们分享了关于想法、产品定义和交互设计方面的实战经验，今次来看视觉设计与开发方面的话题。

这里进入译文。从这里开始，事情变得真正让人兴奋起来；从这里开始，想法一点点变为现实；从这里开始，我们要将那些被用户真实触控到的界面元素设计并开发出来。

有些人认为，这个阶段就是关于设计制作漂亮的图片的，这是庸人之见。在这个阶段，我们要在每个层次上对界面进行抛光打磨，包括交互方式、可用性和视觉表现方式。一个好的应用会从这里开始变的优秀。

虽然我们希望在交互阶段制作的草图或线框图可以呈现出一个清晰的产品轮廓，但每当看到更加可视化的视觉稿，或是把玩着通过真实代码制作的高保真原型时，我们意识到草图和线框稿是远远不够的。

同样，当我们仅仅在画草图时，很难去设想出一些极具创意性的细节设计方案，而正是这些细节有可能将我们的应用推动至更高的层次上，超越可用性，给用户带来更多更真实的乐趣。当我们开始进行视觉隐喻、配色和纹理质感方面的工作时，将会更容易想到各种有趣的细节设计方案。