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

交互设计

更有趣的现实 - ARKit的典型运用领域 »

据说虹桥路红坊园区即将迁移/改建。消息也有些时日了,时不时再过来会见到一些店家/展馆正在搬迁,想必也是不假了。Musee Cafe,俊美的虎斑阿喵正盘踞在门口的大花盆中,略警惕又很温和的看着我。店里播放着Clapton不插电版本的Layla;时至午间,客人渐渐多了起来。

日子就这样时而摧枯拉朽的疲劳,时而不那么真实的突然一切都宁静下来,张力十足,像近来入伏之后的天气,日晒与雨水轮番登场。隐约感到有一些还不坏的事情即将发生。这种感觉在酷热的夏天还是蛮少见的。

是的仍是一篇AR方面的译文。最近有连续做这样几篇,留在不同的时间发布而已。短时间沉浸式的专注在一个特定的点上进行了解和学习,会比较高效。但这件事做起来也有些像是自说自话;仍是希望能够为同样有兴趣关注AR领域的同学带来一些启发,大家共同学习。

之前的两篇文章分别是“更有趣的现实 - 五分钟带你了解AR”以及“ARKit与移动AR的未来”,今天则侧重于讨论新技术在一些典型领域当中有可能的运用方式。

ARKit与移动AR的未来 »

周日午后,虹桥地铁站附近,des Cafe新门店二楼凉快的角落,澳洲黑咖啡。楼下的人们都蛮忙碌的,花臂小哥(妹?)一杯杯做着饮品。一个姑娘正在我正前方玩着超级玛丽,红白机游戏投影在墙上,旁边另一些姑娘讨论着这是什么东西。

忙里偷闲来看朋友,以及他们开咖啡店的样子。有朝一日可以终日在这样的场所工作、写字、读书,便是幸福的样子了。或者干脆自己开一间,有足够资本时?白天给自己放放黑胶,招待客人,夜里开金属场,一众摩托党喝酒打架掰腕子,这样。

店的名字,就叫作Cafe7210好了。如果什么时候你看到有这样一家店,就进来坐坐吧。

然后回过头来说些开咖啡店之前的事,比如AR。昨天的更新是更有趣的现实 - 五分钟带你了解AR,今天再来一发小科普文,聚焦于ARKit与移动AR。

ARKit Demo 视频集锦 第一期 »

开篇语:讲真,ARKit 发布之后,突然意识到,过去几年间踉踉跄跄所学的那些 iOS 开发知识,以及最近一年里对 VR、Unity 的探索与浅尝,使我看到面前似乎有一条崎岖蜿蜒的路正在似有若无的悄悄展开着,一点点铺向前方。

竟然有开篇语了。说起来也有想过以怎样的方式着陆 AR 领域,譬如铺垫一些科普、常识方面的话题文章。想着想着 ARKit 便入了局,接下来3、4个月之内可能发生的状况会让我想到年初纹到胸前的文字:

Look,if you had one shot,or one opportunity...would you capture it,or just let it slip?

于是,不想了,硬着陆吧。

世界各地的开发者们已经开始基于 ARKit 与 iOS 11 测试版本制作起了形形色色的 demo,几乎每天都有看到上新;这是技术的预研阶段,也是产品、设计模式的探索阶段;很多事情在刚刚开始时的那段日子总是最为美好与丰盈的,我们别错过。

Sketch 44 新版响应式缩放功能详解 »

途径 Maan Coffee 时会想到去年此时坐在露天座位打字和看风景的样子。

17岁那年听了很多许巍,19岁那年和乐队、琴行的朋友们在梅园校区门口的“橘子店”酒吧每日欢快时也常常听到;如今34岁,却又开始喜欢在写字时听一听了。我甚至在和朋友去K歌时唱了两遍“故乡”。

“那是你衣裙漫飞,那是你温柔如水。”

我想读书。突然像失学儿童发出的渴慕。是很想读书来的,近两个多月用了太多有效读书时间来阅读圣经及相关读本,之前积累的一些杂书便很久没有碰了。只是买书这件事不会停下,山本耀司的《我投下一枚炸弹》,与《谷物》杂志,大约稍后会拿到。

此外也有很久没做译文了。当然并没有赋闲,在忙些 Store 的物件。本周恢复,一篇讲解 Sketch 44 新版响应式缩放功能的小文,其实看看里面的演示视频,把两张 cheat sheet 图片保存下来留在手边时不时参考一下即可。

说起来,我初次尝试的 WireframeKit Sketch 组件库接下来也会针对这些新功能以及 iOS 11 进行必要的升级了,基础层面需要更新(已经购买过的朋友无需另外付费),计划中还会制作一些完整的、典型的系统 app 界面。哦,很开心看到 iOS 11 在信息可读性方面做出的显著提升;对于那些仍在不适宜的地方坚守着“纤细、淡雅”风格的同学来说,最后一个理由 - “iOS 就是这么做的” - 终于破碎不再了。呵。苹果爸爸不亲力亲为的话,你们一辈子都不会明白字号和字重都是构建信息对比度的最基础的要素吗?科班出身都学了些什么。

Befoweb 订制书签与《触类旁通》译者赠言套装 »

最近在捣鼓 WireframeKit 的同时,也在 Beforweb Store 上架了一些新东西,包括我的译作《触类旁通:多终端时代的触屏界面设计》套装,以及漂亮的 Beforweb 订制书签套装。其中:

有兴趣的朋友可以直接扫上面的二维码进入微店逛逛。记得《触类旁通》套装本身已经包括4枚书签,所以无需另外购买;而已经在其他平台买过书的朋友,如果喜欢书签的话,也可以单独带一套回家。

我在制作 Sketch 组件库时学到了一些东西 »

日常工作当中,每完成一轮迭代,或多或少都会做一些设计小结,譬如回顾一些典型方案背后的思路、权衡与决策的过程等等,同时也可以作为备忘与学习笔记。

工作是这样,个人项目亦应如此。最近在 Beforweb Store 上架的线框稿风格 Sketch 组件库(WireframeKit for Sketch),从开工到完成,似乎也有将近两个月的样子了,期间零零散散的利用日常工作之外的时间一点点的制作和打磨,回头看来也是一件让自己很有成就感的事。在制作过程中,不止一次想到在完工之后要记录些什么,因为感到真的有在过去的基础上学到了一些新的、重要的东西。

那么现在就来做这件事情。在本文中,我将向各位介绍我在制作 WireframeKit for Sketch 的过程中所学到的一些东西,包括制作和维护组件库的意义,组件库的组织方式,色彩、样式及文字风格的定义策略,全局化命名规则的制定,以及相关插件的使用。

自制组件库 WireframeKit for Sketch (iOS) 已上架 »

感谢各位的关注,一直以来念叨的自制 WireframeKit for Sketch (iOS) 终于上架。

说起来其实已上架将近两天,因为信息最初发布于公众号微博。这48小时内,新老朋友们的信任与支持扑面而来。看到一些评价,譬如“终于得到神器啦”、“好东东,终于等到了”、“做交互稿很方便,挺好用的”、“画原型方便好多”、“高质量,良心价”,C感觉备受鼓励,大致可以确认自己做了一次还算不坏的尝试,接下来再接再厉好了。

这次开设了 Beforweb Store 微店,同样是第一次尝试;接下来,订制版《触类旁通:多终端时代的触屏界面设计》以及 Beforweb 书签等等也会陆续上架,届时C会在第一时间邀请各位来逛。

下面就对WireframeKit for Sketch (iOS)进行简要的介绍,包括获取方式组件清单也会给到。

神队友带你了解《触类旁通:多终端时代的触屏界面设计》 »

仍会占用一期的时间含蓄的安利着我的译作《触类旁通:多终端时代的触屏界面设计》

上期放出了原书序言;之后的一段时间里,亚马逊、当当、京东等主流平台都开始陆续上架,很多朋友留言或发来消息告知已购,C在这里真挚感谢各位的支持,希望大家喜欢本书。

之前提到过这次邀请了一些业界神队友来写推荐序,这事还是要念叨一下。

这些年,自己时常被很多朋友叫做“大神”一类,心知肚明这是大家捧场,毫无忘乎所以,也不会认真,我从来都只是一名普普通通的、时常感到危机重重的交互设计师;而这次帮忙作序的几位朋友,在我心里是才是真正的“大神”,或是说前辈、师长 - 刚刚开始做交互时,便是读着elya妞、Amy的文章而起步的;老包的译作自然是入门经典;而龚佳毅更是我进入鹅厂之后的直属leader,同时也是战斗在工作一线的交互设计高手。自己的第一本译作能够请到他们来站场,实属我的荣幸。

本期,我将从他们的推荐序当中摘录一部分内容,连同自己的译者序一起放出。一方面再次对他们的帮助表示感谢,一方面也能让更多朋友了解本书的大致内容,并判断是否适合自己购买阅读。

《触类旁通:多终端时代的触屏界面设计》即将上架 »

Mellower Coffee,轻巧的爵士吉他与灵动的钢琴交相辉映,对面砖墙上的灯光忽明忽暗,分明是老化陈旧,却营造出不那么真实的静谧情趣。服务生礼貌而有条不紊的穿梭忙碌着,咖啡机不时作响,所有这些的节奏与韵律让你觉得一切都还不坏。

过去一年间,不时会念叨起自己正在翻译的 Josh Clark 的新作“Designing For Touch” - 回顾起来也是有些恍然 - 几个月的初译与精耕,而后是编辑与补遗,包括邀请业界神队友捧场作序等等,如今这样将样书捧在手里,看着自己的名字与 Josh 并列印在封面,看着那些日复一日纠结不已的词句变成铅字...感觉同样有些不那么真实。

经过与出版社的老师们的反复商讨,这本书的译名最终确定为《触类旁通 - 多终端时代的触屏界面设计》,其中“触”对应原书名中的“Touch”,即“触屏设备”;“触类旁通”一词整体又凝炼着触屏界面设计当中“相通存异”的原则内涵;而“多终端时代”则体现着从单一设备类型到多平台多情境的时代进化背景。还不坏嗯?

你可能忽略掉的Sketch实用技巧 »

笔记本还有19%电时在咖啡店里一张低调美丽的沙发里窝下,试着发出本周更新。身后两个姑娘聊着朋友圈与点赞,开心开怀。我为什么在这样的时间在这样的地方做这样的事,而再不终日窝在家里守着斑斑做着事或玩着GTA就像过去几年里司空见惯所做的那样。18%电。

时间像永不会停靠歇息的地铁,从一个个站点前飞驰而过,候车的人们被灯光映出一道道剪影。驻留在记忆里的,擦肩而过的,视而不见的。时间只是乖巧的飞奔着绝不停歇。

很少如此花上周末的一个下午做软件工具技术层面的文章,况且并不是什么新东西。但近来身边的一些朋友终于开始愿意尝试Sketch,有句话叫做“It’s better late than never”,于是打算做些对他们有帮助的东西,同时换换脑子。

Sketch毕竟没有什么学习曲线,颇易上手,相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧,而将一些稍许费力耗时的方式一路沿用下去。这篇内容所针对的便是这样的情况。几乎没有进阶的要点,只针对初学的同学培养正确习惯,还望各位老司机们见谅。下面进入正文。

Pages