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

视觉设计

案例学习 - 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...有些地方看起来真的很赞。视差效果、界面的缩放、各种微妙的物理动效...我为这些新的、尚未被充分探索的界面概念感到兴奋。

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

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

设计师与"少即是多" »

各位在看到这篇的时候,有没正在听歌的?我正在听The Rolling Stones的《Sticky Fingers》,这是滚石的专辑当中我最喜欢的一张(封面是一个穿着牛仔裤的下半身形象;据说上世纪70年代早期版本的封面上,裤链是真的可以拉开的)。你在听些什么呗?

这个周末可以用来做事的时间非常有限,于是找来一篇较短的文章;读下来觉得是一篇很棒的小文,是我很喜欢的那类篇幅不长却高度聚焦于一个主题的东西。关于简化、关于动机、关于设计与功能的关系、关于片面的扁平化风潮;分享给各位,希望能带来一些共鸣。

这里进入译文。过去几个月当中,我一直在马德里的一家创业公司的设计团队当中任职。我的主要工作是为他们的一款主要应用产品进行重设计,这其中确实遇到了不少挑战。我们每天都会问自己同样一个问题,那就是怎样在保证功能性与吸引力的同时尽可能的对产品进行简化。

每轮迭代,我们都会解决掉一些矛盾,然后再回头看看以前的版本,就会觉得从前的体验真是噩梦,看上去也不怎么漂亮。不错,我们是在进步。

作为设计师,我们不断的寻找着能够简化产品的创新方式。我们希望自己的设计方案能使产品用起来更有效率,更具功能性,当然,也要更顺眼。毕竟,我们是设计师。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

十佳应用的故事(2) - 视觉设计与开发 »

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Pages