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

学习

案例学习 - 为Apple Watch简化现有产品的设计思路 »

周六晚间,木头的小床头桌,上面有一个2009年买的宜家闹钟,方方正正的,顶上一个条状的大按钮,平时按一下屏幕会有背光,闹钟响起时看都不用看直接伸手随便一拍就能拍到然后闹钟停止,好棒的设计。那些年习惯给它定好夜里3点闹一次,为的是醒来发现还有那么长时间可以睡,徒增幸福感。

前面在朋友圈看到一篇摄影师跟拍无人领养的喵汪被安乐死的文章,如鲠在喉,心里剜着的那么难受。只代表我自己,做出一些微不足道的呼吁:如果哪位朋友有养喵养汪的打算,并且生活状况确实允许长期守护,还请以领养代替购买;它们当中有太多,平白无故就等待着被人类终结生命。

自从2006年开始养喵,整个人从过去无所顾忌无心无虑,到如今对家庭卫生环境细节神经质一般的维护以及对外面喵汪的关注,自己回头看看,也是百感交集。我好希望自己死后能化作某种,能够在冥冥之中守护所有这些小动物的,存在,让这些单纯而美好的生灵在这个世界上自然的发展着,而不被人类这种丑陋的物种伤害。

说正事吧。最近一两周陆续看到一些实实在在的Watch app设计案例文章,而不是过去那些概念设计或是臆想,于是想要拿来一些做掉译文。今天是第一篇,希望接下来还会多做些。下面进入译文。

英文原文:4 Ways we Simplified Our App for the Apple Watch By by Michelle Li and Abby Deering

UX路漫漫 - 产品设计当中常见的5个误区 »

周末傍晚,拉着窗帘在屋里开着昏黄的台灯,几乎失去了对时间的感知。正听着Neil Young的一首27分钟的歌,这首歌在此张专辑(Psychedelic Pill)当中从长度上来说排名第二,比第一名短了整整10分钟。

很多时候觉得要靠微信朋友圈来了解外部世界,但那无非只是所有人吃喝玩乐的时间轴。发生在别人身上的喜怒哀乐,就像世界名胜他乡异地风土文化,对我有什么意义。"What the hell i'm doing here?"

陷入这种静的让人沉下去的身心状态当中,落到文字上却是要给人看的,我想让别人看到什么,从而让自己获得怎样的共鸣与认同呢?"But i'm a creep."

表演仍要继续,我们来看本周的译文。原文标题看的我觉得挺无趣的(优叉路漫漫几个字是我自己更加无趣的加上去的),仔细读过觉得站的层面比标题表达出来的要高一些,于是很喜欢。原文作者Julie Zhuo,Facebook产品设计director,貌似在Medium上看过好几篇她写的东西了。开始吧。

学习的过程中没有不犯错误的。本文当中提到的这些产品设计流程当中的错误,我(英文原文作者)个人犯过很多次,也见过很多人同样在犯着。幸运的是,有种东西叫做互联网,有种媒介叫做文章,我们可以讨论这些错误及其背后的成因,今后在条件允许的情况下尽可能的避免。

图标,文字,还是图标加文字? »

周六傍晚,白天天气不错,这时间还是亮堂堂的没有哪怕一丝夜色要融入进来的意思。

前面刚刚拍了新的身份证照片;提起这事儿才发觉现在手里这张塑料卡片已然是10年前拿到的了;2005年那天早上去拍照片然后被工作人员把头发别到耳朵后面的情形还历历在目,最终拍出一张哭丧的衰脸。这次我也一点都没笑,脸上跟抹了胶一样。

话说,本来天真的以为这个月底开始就能基于实际设备来念叨Apple Watch那些事儿了,只是没有想到需等到6月才能拿到,也是一阵肝儿颤与恶寒。

更新译文一篇,关于UI当中图标的使用。其实吧,我觉得像上周末那样,不做译文,只是边喝边听歌边絮叨,还是蛮舒服的。正文吧。

图标是界面的基本组成部分之一,然而在很多时候,图标本身也在破坏着界面的清晰性。

(转) Apple Watch平台认知与产品设计 »

想说很久没有这么轻松的周末,自己却也不大确定了;天气很好倒是真的,只是下周又要风风雨雨的样子,我该给我的自行车配块挡泥板了。

我能确定的是自从2011年开始做这个博客,这是第一次转载;破例也没所谓,因为是自己发布在团队博客上的东西,这周就偷个懒拿过来罢;关于Apple Watch,一直以来想说的很多东西都在这篇当中了,也算是给自己乱七八糟零零散散的想法做以整理。不多说了,进入正文。

本文由腾讯ISUX版权所有,如需转载请注明原文出处。

时至今日,Apple Watch已然高调进入我们的视野,却仍未正式进入我们的世界,绝大多数人的信息来源仍限于Apple官方的介绍。大家有期许,有探索,也有失望。持负面态度者的普遍看法是,“这些事情在iPhone上都能做…手机屏幕那么大,看起来更爽用起来更舒服…令人心塞的续航能力仅支持5个小时的高强度使用…买它何用…”,而乐观者则普遍相信作为Apple设备生态圈的新生力量,Watch在技术上虽尚未成熟,却具有其他设备难以比拟的优势,并且会像前辈们那样欲扬先抑,在恰当的时间点爆发于消费市场。

提升Sketch使用效率的6个实用技巧 »

春节假期什么也没怎么发生便这么过掉了,新的春天倒是冷了起来,冰渣子和雨一类的随便什么也都下了一些的样子。

开工了,城市当中的人和车也忽然多了起来,一如既往的吵闹,于是我又开始期待下一个春节。小时候期待春节是指它本身,而如今所向往的,则是春节前后那几天里上下班路上不那么拥堵的生存状态。上海本身似乎并没那么多人,也许北京也是这样,也许任何一个所谓“机遇与挑战并存”的大城市都是如此 - 平日是生存与奋斗的竞赛,争先恐后不亦乐乎,春节了却又抛个“回家”的话题出来 - 蛮无聊的。whatever了。

一篇关于Sketch的文章,实用技巧一类,我先学习了。下面进入译文。

Sketch 3 - Bohemian Coding带给我们的这款优秀的设计工具,在速度及灵活性等方面的表现都是其竞争对手难以匹敌的。

我(英文原文作者)自己是一名自由交互设计师,很早就开始使用Sketch了,它已然成为我设计工作流程当中不可或缺的组成部分。我很愿意与各位分享自己的一些经验,例如本文当中介绍的6个技巧,就可以帮你有效提升Sketch的使用效率。

临摹,理解,启发,提升 »

很快要过年了倒是真的。却也完全感受不到。大约明天上班看到回家的同学留下的空座位时才会有那样的感觉吧;突然想起去年春节之前坐2号线下班时一车的人都安然出站而只有我被警察叔叔拦下搜包的段子,那所谓的警犬白白的真的很萌,搞不好是兼职小狗。

楼外突然开始放炮;厌恶至极。

这周末虽然只有一天休息,不过更新要做掉两篇。都很短,一篇关于日常积累,一篇关于对设计潮流的反思。其实说起来两篇当中的某些点看上去甚至互有矛盾;抓住核心就好,例如本篇作者平时是怎样关注产品并取其精华为我所用的。之前在一篇关于草图的文章当中我也提到自己喜欢对着随便什么应用用纸币临摹界面,差不多的样子 - 实际动手临摹,会比“看”更加投入。下面进入译文。

我(英文原文作者)每年都会设计不少应用,方法和技巧还是有一些的;其中之一,就是每天花很多时间去寻找和汲取灵感。

我会去看那些设计模式收集站点还有设计师的个人作品集,会去读UI设计相关的新闻,会去下载排名靠前的应用并仔细把玩。

Sketch 3视频教程专辑 »

本周末微忙,暂不做译文更新了。电视里小白龙正在砍九头虫。

之前从Youtube上扒下来一套Sketch 3视频教程,放在了Youku作为一套专辑。教程由LevelUpTuts出品,共19集,蛮全面的,也不是很长,适合准备接触或刚刚上手Sketch 3的同学用来入门。

话说Sketch本就没什么学习曲线倒是真的,界面风格、使用模式一类与Xcode、Keynote等等典型Mac应用工具如出一辙。

此外LevelUpTuts家还有不少其他方面的免费视频教程,只是都在Youtube,有兴趣的朋友请自便了。

让用户在输入密码时看到明文吧 »

漂亮的眼球图标。今天回金山海边爸妈家了。好静。不赶上节假日回去的话,便不会有那么多从城里过去的除了制造喧嚣和垃圾以外不会做任何事的人。2003年爸妈把家搬到那里,当时沿着海滩或海堤走着并不会有特别的感觉;十多年之后才知道那种宁静的珍贵。

这又是要怀旧的节奏吗,是又怎样?从来都觉得2003年是最完美的一年,朋友、家、乐队、感情、校园生活,都有新的发展和变化;暑假闷在寝室玩GTA,一首接一首的录demo,寒假便窝在海边的新家用当时难得的光纤宽带连线对战Aliens Versus Predator,晚上玩饿了就跑去逛逛卖场买点咖啡和泡面回来,爸妈也接受了我在家抽烟喝二锅头的事实,只是冬天夜里开窗通风的寒冷须由自己承担;呵,搞不好那时去海边溜一圈还会看见在月光下刺猹的少年闰土呢,如果猹没有冬眠一类的习性。

我知道这一切虽已成往事但都和冬夜里海浪拍打在堤石上发出的声音一样真实,这使我开心。生活早已变得不那么可爱,不过,无论白天还是夜晚总还是有很多事让自己觉得幸运,也是福气。

那么,有的没的扯完了,就放本周的更新吧;此外也开始在Beforweb的公众号上有的没的放一些所谓Inspirational Quotes了,都是版式还不错、对设计相关工作有所启发的英文引言,我自己很喜欢。下面进入译文。

在2012年时,我(英文原文作者)曾解释过为什么应该让人们在输入密码时看到明文,尤其是在移动设备上。两年过去了,相关的实践模式越来越多的进入我们的视野。

Sketch的一些常用技巧 »

吃好晚饭洗好了热热的一个澡。果然开始听相声了。嗓子痒又不高兴去抽烟的时候例如现在这样便很想吃润喉糖,最近一天能吃掉一条荷氏,也是够凉的说真的。

好了,继续更新前面提到的关于Sketch的话题。谈不上译文,汇总了一些文章当中介绍的tips,包括常用快捷键和一些小技巧。最后一条还蛮亮的,很实用,我怎么没想到这样做。

怎样从Sketch向Xcode自动导出图形资源 »

不太明白为什么元旦假期这么快就到最后一天了;不太明白为什么下周一的气温有21度,周二又降到8度;不太明白为什么到现在我还是一遍一遍的看着《编辑部的故事》。

不太明白为什么在本该安心的守着家人开心祥和的夜晚在外面看到那么多人拥挤在一处却仍要一门心思的扎进去只为什么跨年狂欢。还有多少人长着正常的人脑子?

我不觉得是我太宅了或是心态太老了。我觉得很多人错了。有些人还有知错的机会,有些人已经没了。

我也不觉得这些絮叨是负面的。话说今天这篇只是讲了一个实验性的小方法,不使用Sketch和Xcode的同学其实无需浪费时间了。下面进入正文。哦btw,新年快乐。

Bohemian Coding(Sketch的制作团队)发布过一款名为SketchTool的命令行工具,用来自动导出.sketch文件当中的界面和切片。

越来越多的设计师和开发者开始在iOS开发流程当中使用起Sketch。通常,整个流程中会包含很多重复性的工作,例如在Sketch当中修改设计方案,重新导出,然后将更新后的图形资源移入Xcode的Asset Catalogs当中,并再次运行Xcode项目以查看实际效果。

而通过SketchTool配合Xcode,这些都可以自动化完成。

Pages