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

iOS7

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

周一晚间,插播个资源帖吧。标题呼应去年8月的夏日清凉福利 - iOS7免费设计资源汇总。那篇也不错呀,那些资源放到现在也仍很适用。

恩今次的黄钻就是Sketch 3喽;汇总了20个Sketch的免费模板资源,例如iOS7(+)系统界面及元素、应用界面mockup、iPhone及iPad机身、比较新的Yosemite等等,请各位使用Sketch的同学按需索取,自行下载吧。

对于Sketch还不是很了解的朋友,可以参考之前的“优雅之钻 - Sketch 3带来的新变化”稍作了解。

关于iOS7当中“编辑”与“新增”按钮的布局问题 »

放假便该有放假的样子,哪怕只有一天;书也看得,电视也看得,游戏也玩得,博客也做得,还不止一篇;之前发掉关于智能眼镜应用设计的文章,以及一篇腾讯ISUX招聘信息,今天看到一篇小文,就趁天气好时做一下;不消多看,留意便好的一些东西,其实是在平时工作中常会遇到的小问题。下面进入译文。

初次使用iOS7的时候,我便有些受挫的感觉,其中最典型的问题包括大家所质疑的“这是按钮还是普通文字?”,“这个按钮可点击吗?”一类。在接下来的几个月里,我又逐渐发现细节当中更多的体验问题,例如“编辑”与“新增”按钮的布局。

接下来我们来看看这个问题在以下几款iOS自带应用当中的体现:

案例学习 - Grocery List的iOS7重设计 »

周六中午,仍没什么阳光,却也不算阴沉,说冷不冷说暖不暖,我把这种天气叫做棉花天。太棉花了,打不碎揉不开,蒸不熟煮不烂的。

这个博客,就像个日历,一周又一周,一月又一月,一年又一年;有时自己不太敢看以前的东西,特别是开篇的闲言碎语,看到想到,岁月的感觉就出来了;得到的,失去的,纠结的,茫然的...过去的东西却是最安全的,因为都已了然在心;过去的东西又是近在眼前想抓却抓不到的,看的越多,越觉得无力。

棉花天里容易惆怅...说正经的吧。新的一篇iOS7重设计案例文章,和我们之前的Luvocracy改版Commit改版等等相同性质,拿实际产品的重设计工作说事儿,有实战参考价值(更多关于iOS7设计的文章可以戳右边栏里的iOS7应用设计系列)。好呗,开始呗。

这里进入译文。最初在WWDC上看到iOS7的时候,我们看着自己的应用Grocery List,琢磨着:这次的iOS更新够彻底好吗,就像当年iPhone刚刚推出时的那种感觉呢。要让产品适应新系统,简单的修改界面设计是不够的,我们必须重新思考,重新创建,使其能够真正融入新系统的环境当中。然后我们就这么干了。

另外,虽然应用的基本功能不会发生变动,但我们还是决定基于用户的反馈以及我们自己的需求来改进一些流程,例如在过去的版本中,为清单中的条目设置数量需要多个步骤才能实现,在这次的Grocery List 2中,我们会将此类功能简化到在同一屏内即可完成。

自力更生,不求开发 - 设计师怎样使用Xcode 5制作app原型 »

连续5天的休假业已开始,于是怎样都觉得今天是元旦的样子。天气倒是不坏,可屋里还是会冷的让人站不是坐不是,每到冬天便会一堆牢骚着怀念起北方的暖气,那是怎样的一种幸福呵。

然后呢,之前在微博也念叨过,读到几篇Xcode科普文章,第一反应就是搬来噜。我一直是这样认为的轰:希望能够看掉几篇科普文章就掌握iOS开发基础,这确实不是件很现实的事,但只要你想向目标迈进,俺们就一步一步的向前走。看过文章,觉得有所了解,具体工作还是留给开发,那也合情合理;有了些心得,觉得有兴趣有欲望进一步学习,以求真正掌握开发技能摆脱该死的束缚,则再好不过。我要在这里做的,就是把更多信息分享给更多设计师,让大家看到更多可能性。

今天的这篇,不涉及任何代码编程,纯粹通过大量图片与少许说明来展示实践方式;作者还提供了该案例的完整项目文件,我们可以边参考边学习。我个人建议,可以先读一遍我们之前的“设计师应该了解的iOS应用开发基础知识”一文,对相关的一点点理论知识有所认知,然后再跟着今天这篇文章进行实践。那我就不多念叨了。

这里进入译文。过去几个月里,我每天都早上7点起床,然后持续工作到晚上7点,为的就是既能把我自己的应用Ripple搞出来,同时又能保住我在Carshare.hk的全职工作。这个月里,我整个人都扑在iOS的体验设计上了,我的挑战有两点:确保上面说的两个应用在年内发布,并且在这些项目中同时扮演设计师与前端开发的角色。

案例学习 - Luvocracy的iOS7重设计 »

现在是阳光着的周日午后。接下来要敲的字,让我觉得很艰难。

2013年11月29日,我的小喵,推推,永远的离开了我。

仍然有些难以相信这是真的,哪怕是这样写下来。回头看看最近两个月博客当中的记录,从9月底开始,推推生病,确诊心脏病,到住院、监护、带回家调养、状态好转、恶化...终于到了这么一天,需要将终点记录下来。2006年到如今,这7年半的时间,我好想和推推一起再重新来过一次,好想。

每天都觉得眼泪已经哭干了,每天仍时不时的就会哭出来,心疼、想念、愧疚,各种情绪交织在一起无法停下;夜里梦到她,也会叫着她的名字哭着醒来。这周末本不想再做任何事情,包括更新博客,但是什么都不做时,难受便没有止境一样,所以还是尽力做些事,尽力让自己知道生活还要继续下去,带着对推推的想念。总有一天,还会可以再见到的,推推一定还会记得我,会钻到我怀里窝起来,再也不分开了。

就说到这里吧,来看这次的译文,又是一篇iOS7重设计案例。

这里进入译文。iOS7刚刚发布时,我们正好在打造一款用在iPhone和iPad上的新应用,同时也在改良我们的品牌和视觉设计策略。iOS7的发布让我们看到了一个独特的机遇,我们可以利用这个机会来推动视觉风格的转变,使其更贴近新系统的设计主题。

我们将iOS7的三大设计主旨——“依从”、“清晰”和“纵深”牢记在心,并运用到我们的界面和体验设计工作当中。

从外观的角度讲,iOS6版本的Luvocracy已经相当扁平了,界面元素简洁易用,其实在很多方面已经符合iOS7的设计主题了。在重设计过程中,我们很小心的将其中的重要元素保留下来,而同时对应用当中一些特定的部分进行了微调或大改。本文中,我将为大家介绍一下这次视觉升级工作中的一些重设计要点。

面对iOS7,设计师们该何去何从? »

目下是星期日晚间,吃过晚饭,把自己埋在沙发里,困倦的很。几乎练了一整天的车,风风雨雨,神马也看不见,倒库倒的一塌糊涂,话说两天之后就要小路了,坏天气的不要;好天气还未必能过呢。

过去的一周里,病喵又经历了一次住院,心脏病引起的肺水肿,还没到很严重的胸水程度。这次只住了一天,因为喵的应激反应实在过大,医生碰都碰不得,干脆还是带回来自己给喂药喂饭。话说,前面几天有没来上海参加User Friendly 2013的朋友?我在陪护病喵期间忙里抽了个“闲”过去参加了一个工作坊。大约,也就是那个样子吧;一向对这类东西没多大兴趣,较真说起来的话,信息量不会有自己每周能获取到的更大。何苦扎堆,又不是搞社会关系的。是吗?

这次放一篇iOS7重设计方面的文章,篇幅比较简短,但角度切合实际,一些观点和建议很值得参考;原文作者就是之前做Commit改版案例分享的那位。走。

眼下,很多设计师还在纠结于要不要将自己的设计过渡到iOS7风格。即使他们知道怎样去设计一款适配于iOS7风格的应用,要弄清楚如何让设计方案变得更加独特也是一件很难的事。

今年,当iOS7刚刚与世人见面时,我的朋友Jeremy Olson写道:

iOS7...有些地方看起来真的很赞。视差效果、界面的缩放、各种微妙的物理动效...我为这些新的、尚未被充分探索的界面概念感到兴奋。

但是,我说,那些应用图标是怎么回事...还有那些无边框的按钮!?

对于干掉皮革效果一类的视觉元素这件事,我充分理解,但是,难道所有的拟物元素突然都失掉了全部的价值吗?

案例学习 - Commit的iOS7重设计 »

我这套肠胃,从小到大就没消停过。最近一个月因为要打起精神照顾喵,着实煮了不少咖啡,到这一两周里果然开始盯不住了,每喝必拉。想想两年半之前有阵子咖啡喝过量了差点挂掉,最后还做了肠镜,而且是人生第一次用那种静脉麻药,还记得那股凉嗖嗖的东西被灌进胳膊里的赶脚,然后一下子就涌进了脑子里面,接下来就迷糊过去了;且醒来之后的几分钟是没有记忆的,恢复意识之后发现自己已经把裤子穿上了。

这是扯哪去了呢。还是说正经的。今次更新放上来iOS7重设计实战案例一篇。之前已经做过一篇Luke Wroblewski重设计他家Polar的案例了;而这次的故事讲述了一个非常简单的小App的iOS7重设计之旅,我们一起看看吧。

这里进入译文。几年前,我(英文原文作者)设计了一款名叫Commit的应用,它给我带来的间接收益比我做过的任何事情所带来的都多。所谓“间接收入”,是指Commit帮我形成的良好习惯,而不是它的销售业绩。

具体介绍一下Commit。这是一款基于Jerry Seinfield的生产力理论打造的习惯养成工具。大致的产品概念就是,如果你希望自己能够擅长某些事情(譬如写笑话),那么你应该每天都去做这件事。Commit可以追踪你每天的行为,将记录串联起来,长此以往,“保持记录连贯完整”就会成为你持续练习的动机之一了。

这个理念是奏效的。我从2012年3月开始每天坚持写一千个单词(书、博客、客座文章等等),截止今年7月,这个习惯已经保持了超过400天了。

产品就介绍到这;接下来,我将和各位分享Commit的iOS7重设计历程。

案例学习 - 为iOS7设计的利与弊 »

搞的一写开篇语就想先聊下喵的事情了。推推本周情况仍然继续稳定着,上周一的复查结果还不错,血液化验、X光、B超一类检查下来,都有比较积极的进展,这让我自己的状态也好起来很多的赶脚;只是另外一位公喵略受冷落的样子。

这种日子过的不是非常顺心、需要付出很多时间精力和金钱才能尽量扭转或维系状态的时候,反而会更加尽力让自己拿出些所谓的潜力或什么力,来保持一种不至于悲观和消极的状态,例如在零散的时间里多看些书,或是把哪怕几分钟的时间全身心的投入到自己喜欢的事情上面。不过不能否认的是,一口清咖啡一口威士忌轮着喝的时间也越来越长了。

之前在微博上念叨了自己的想法,接下来可能会在这边做些iOS开发基础知识方面的内容,“目的是让更多做设计的兄弟姐妹少被忽悠,少受委屈,或是可以入手做些自己的产品”;我确实是抱着这样的目标来学习这些的,虽然完全没到能自己做东西的程度,但至少不能算一穷二白,所以拿些技术科普文章来翻译下还是可行的,况且之前已经做过一篇来着。

闲话说的有点多,进入今天的话题吧,Luke Wroblewski和我们分享了他们在为iOS7进行重设计的过程中所学到的一些东西;真真正正在实战中会遇到的一些问题,以及相应的思考方式及解决方案。

这里进入译文。和其他很多公司一样,我们最近花了不少时间来重新设计我们的iPhone应用Polar,使其能够适配苹果最新推出的操作系统。在漫长的重设计过程当中,我们真切地了解到了很多关于为iOS7进行设计的利与弊,甚至是一些说不清道不明的地方。

当我们开始着手将Polar已有的界面元素与iOS7的整体美学及设计语言进行适配的时候,有一件事情变得很清楚——我们不会仅仅满足于让应用适配iOS7,我们想要确保重设计之后的方案确实比之前的版本要更好。从某些方面来讲,iOS7让我们可以更轻松改进现有的设计方案;而在另外一些方面上,事情却变得困难了很多,我们的多数时间也正是花在了这些地方。

别再说iOS7是扁平化设计了,好吗? »

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

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

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

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

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

iOS7第三方应用重设计的解决方案及案例参考 »

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

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

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

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

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

Pages