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

iOS

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

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

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

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

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

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

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

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

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

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

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

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

点亮你的应用展示 - iOS设备及界面模板免费资源汇总 »

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

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

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

导读文摘130906 - App体验记录、更多iOS7设计规范译文 »

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

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

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

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

是否应该将iOS7设计风格融入你的应用? »

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

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

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

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

十佳应用的故事(1) - 想法、产品定义与交互设计 »

眼看着进入8月下旬,天气相比前面几周有所凉爽;所谓凉爽,也只是高温从40来度降到36、7度的样子。

刚刚过去的几天怕是要成为人生回忆当中的经典之一了。依次看掉Metallica和Korn的现场,回想起来,有好多像梦一样不那么真实的情景在里面:夏季的夜晚、暴躁的吉他音墙、灯光、嘶喊、摇摆、泪水、满眼的黑T恤和金属礼、散场后打不到车而坐在路灯下抽烟到半夜...然而,如果要我判断,是现在这样安静的坐在屋里吹着空调做博客更像真实的存在,还是那些回忆里的东西更像,我真的难以回答。

想吃曼妥思了。说正经的。本周及接下来一周的话题,原文来自Jeremy Olson,北卡罗来纳州大学生一枚,Languages的作者。关于产品是如何从想法概念开始最终走向市场,他所谈到的一些经验和实践方法,值得借鉴。

这里进入译文。之所以写这篇文章,是因为我相信,相比于失败,我们能从成功当中学到更多。爱迪生在发明电灯泡的过程中经历了数千次的失败,如果我们仍然要基于各种试验和错误来重新发明灯泡,那简直是愚蠢的。怎样从成功的产品中汲取经验?如今我们有了完整的实践模型。

移动应用产业当中有非常多的闪光点。虽然我很想说我的成功源于自己的才能,但事实并非如此。经过对那些在App Store当中获得成功的独立开发者的反复学习,我掌握了一些用来获取成功的基本原则和实践方法;我也希望这篇文章可以帮助各位读者学到同样的东西。

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

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

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

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

iOS7体验报告 - 关于视觉风格、界面结构、字体、动效和可用性 »

好热的一周,似乎只凭视觉就能感到温度了;特别是中午,出去觅食的时候,周身都是被火焰包围的赶脚,但我却很开心,不知为什么。我从来都很喜欢夏天,穿衣脱衣也不像冬天那么麻烦,可以省去很多时间。

最近似乎在微博上念叨过多次,我开始爱上iOS7了,爱上它的各种细节,当然不包括那些过分艳丽、缺乏坚决的内置应用图标。今天这篇文章的性质,印象里在Beforweb这边还真没有先例;从前所有文章都是关于怎样做某些事情,而这篇纯粹是作者的体验报告。个人感觉还算中肯,我能在里面找到一些共鸣;不知其他朋友会有怎样的体会。正文走起吧。

这里进入译文。新版本的iOS进行了彻底的重设计。相比于过去栩栩如生的拟物化界面风格,它走向了另一个极端——光洁的令人震惊。一向以精益求精著称的苹果,这次似乎无法履行自己的诺言了。乍看上去,应用图标有些令人难过,用户界面缺乏结构,所有东西都给人一种未经打磨的感觉。

实际上,iOS7并不那么差劲,远远不是。

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

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

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

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

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

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

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

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

Pages