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重设计历程。

浮动式表单标签(Label)的设计模式 »

这是一篇准备在一周中间的时间里发布的短文。其实每周会汇总到不少文章和资源一类,固定的周末更新基本就是一篇译文,总是有些,浪费的赶脚。那么平日略微有些碎片时间可以用的话,做些小更新也还不坏。

正在听滚石的Miss You,够骚的歌;Slash有句名言,好歌要么让你想fight,要么让你想fuck;必须的啊。

有点闹了,说正经的了。简短的一篇小文,介绍了一种有点意思的表单标签设计模式。

这里进入译文。表单当中比较常见的内联标签(inline label,将label直接置于输入框中的模式)容易引起不少麻烦,但与此同时,移动设备屏幕的局限又迫使设计师不得不紧缩空间。这种局面比较尴尬。我们首先来分析一下传统内联标签的优缺点:

15个最新的响应式设计前端框架 »

眼下是较为宁静的周日下午(但这篇没打算周日发),滚石和Led Zeppelin一张一张的放着。别说我老了,10多年前同样是在听这些,特别是在没有多余的精力可以发泄或是没有特别负面的情绪需要抑制的时候。老东西总是最有沉淀感和安全感的,毫无疑问。

正坐在沙发正中间,左右一边一只喵,都盘成个团安静的睡着;从10.1假期把推推从医院接回家开始,每天基本没有晚于6点起床了,加之这一两个月学车的频率也变高了,周末也便是同样的起床时间。搞得这样的下午恍恍惚惚的像是每一个感官都要逐渐睡去的样子了。据说人在将睡未睡的时候,脑波是最利于记忆和创造什么什么的,真真么?倒是记得好多年前以设计博客模板为职业的时候,有几次在睡着之前好像突然看到些特别赞的页面,但接下来要么是没办法让自己醒来,要么是起来试图描画出来的时候又寻它不见了;挺奇妙的。

那么不多说了,和上周的15个响应式前端设计框架同属一个系列,时间较新,用的到的朋友可以看看有无所需。以下文字内容均来自原汇总帖

你会发现,随着响应式Web设计的不断成熟,各类框架也变得越发健壮和可靠。也许是受到了Bootstrap、Foundation和Gumby的影响,如今很多新的框架都开始向一体化多功能的模式进化,它们提供了更多的功能,同时会包含可复用的组件和模块,例如图标、对话框、页码导航、面包屑、导航栏等等。

当然,不是所有的框架都塞入了大量的功能,有些只是简洁的提供了固定布局的基础。接下来是15个最新的响应式框架。

iOS应用开发基础 - 起步 »

还算是个阳光周六,喵正在我身后的砂盆里埋便便,唰唰唰的;一会带她过去医院复诊,希望是好结果。

念旧的毛病改不掉。这个多事之秋里,总是回想起2005年大学毕业之后那几个月的日子。当时的第一份工作是在徐家汇附近一家掌上电脑公司卖Palm和HP一类的PDA,各种智能机也从那时开始被越来越多的人接受。每天身为一个“卖手机的”工作一天,晚上回到家(在中山公园和朋友合租的两室一厅,月租金每人800元)随便糊弄点粮食吃掉,然后就是吹着风扇喝着啤酒尽情的学Photoshop啊Illustrator一类;似乎每晚都有用不完的时间,从7点到夜里2点,任由自己安排。那时一心往Web行当里扎,约莫是不想一辈子被人叫做“卖手机”的吧。其实现在想想,如果从那时老老实实卖到现在的话,却也早该赚的盆满钵满了吧。只是自己不喜欢。

那时的状态幸福的有些不可思议,而如今每晚可以利用的时间加在一起写不了几行字也看不了几页书;一事无成的感觉越发强烈,而自己却已年入而立。真想有什么办法可以把每天的时间透支到25或26个小时,让我再可以多学些东西,多做点事,在自己变成一个庸碌无为的中年大叔之前。

那就说正经的吧。之前在微博念叨过,想做些iOS开发基础方面文章。找到一个还算比较新的教程系列,今天做第一篇。大约从第五篇起,原作者开始使用Xcode 5;前面四篇基于Xcode 4的范例倒也不会造成很大困扰。再多念叨两句,做这类文章,目的就是希望更多和我一样的设计师能对开发方面的那点事有些概念、常识和认知;真正的开发能力绝非看几篇文章或听几次技术人员的分享会就可以掌握的,这点还希望各位能够了解。

这里进入译文。如今,开发一款iOS应用已经变得相对容易了很多,因为有大量的工具可以帮助我们更轻松的完成整个开发流程。我向你保证,一旦你开发出一款iOS应用并上架到App Store当中,你一定会觉得无比兴奋的。

本教程系列将帮你从零开始学习开发一款iOS应用,同时还会帮你了解Xcode以及一些关于iOS编程的基础概念。

15个响应式设计前端框架 »

不年不节不周末的,临时加演一篇资源帖。响应式框架,偏前端的同学可能会有所欲求。

之前念叨过,但凡资源帖,多数是自己眼前用的着的东西,才会趁自己搜罗的机会汇总一下放到这边。话说回来,根本也没做过几篇的样子,印象里有iOS7免费设计资源汇总iOS设备及界面模板免费资源汇总吧。这次拿来15个响应式前端框架;声明,我自己没用过,做这事起初只是为了我们自己有可能的项目收集有可能的素材和解决方案而已。如果您需要,可以挨个访问过去了解详情,也可以直接从Github获取,我最多算个牵线儿的,不做任何support方面的工作,还请理解了。

不多说了,直接上货吧。

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

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

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

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

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

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

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

Pages