BeFor Web
为网而生 - 原创译文博客 - 关注移动、VR及互联网产品的用户体验设计

Sketch

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

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

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

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

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

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

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

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

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

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

念叨 - 关于Keynote与Sketch、UX与音乐,以及Xcode 7 »

这个博客从2011年秋天开始做到现在,我就从来没学会怎样起个像样点的标题。随便翻翻这里那里的各种科技频道,无数充满创意与时代气息的标题时常让我自惭形愧。

话说这周是实在找不到什么有欲望做掉的译文,周末下午大好时光总不好荒废过去,雨下的固然疯狂,昏昏沉沉有的没的随便念叨念叨好了。做译文其实挺省心的;换到自己念叨的时候,思路容易飘飞,如若刻意收敛又写不出几句人话;亦或是认真起来扯个一万多字好像之前有篇Apple Watch平台认知什么的文章那样写完照照镜子发现有脑浆从耳朵里面流出来,也是蛮危险的。

念叨三件事吧。我不得不说现在各位看到的已经是自己砍掉各种过分飘飞的闲言碎语之后的字了。

念叨 - 关于Sketch、Origami、Swift及Apple Watch »

周末,清明,所谓弹簧式天气,夏日般的高温,高温之后的风,雨,乌云,尴尬的阳光,一屋子猫毛,Pearl Jam MTV Unplugged 1992,威士忌,扔在门外的Air Force 1,晚间21:55,凌波丽,Eddie Vedder正在绝望的嘶吼“We belong together,together”,目光神经质且坚毅着。

翻开朋友圈满眼都是精致的文艺的酒吧餐厅餐盘美食小清新民谣Live吧啦吧啦...just fuck off...

话说,这周没有看到像样的或是愿意做的文章,想想就自己念叨念叨好了。从来都只是在正式译文前念叨,这次搞大了;记得以前有些朋友评论说每篇开始的念叨属于信息噪音,尽快进入正文才好;也是个角度,不过抱歉今次怕是没正文了,都是念叨呢。我几乎把自己逗乐了。

当然念叨的也是正经东西居多,只是随性了吧,毕竟不是一板一眼的做译文或团队博客,脑子里没什么中心思想啊框架啊提纲一类,想哪说哪好了。谁知道会不会念叨上瘾以至于以后越来越多这样呢。谁知道。

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

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

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

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

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

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

Sketch 3视频教程专辑 »

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

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

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

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

Sketch的一些常用技巧 »

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

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

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

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

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

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

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

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

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

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

优雅之钻 - Sketch 3带来的新变化 »

周六傍晚,一会有小龙虾吃了,不过眼下还不大想喝冰啤酒。冷冷暖暖,晴晴雨雨,够啦。上海的同学有多少在今天凌晨或清晨听到外面哗啦哗啦好大雨声的?整个白天都冷飕飕的赶脚。

话说这周入了Sketch 3。其实平时用到的时候真心不多,只是,看见这颗黄钻,就很想放进嘴里吃掉,很想买回来玩儿。今天拿来的这篇文章来自Medium,也是Sketch官方推荐阅读的简介,所以拿来科普一下。What's new不是教程,只是简要的介绍Sketch 3当中的一些新功能、新变化。用着之前版本的同学在入手之前可以通过本文稍作了解。下面进入译文。

我从2014年2月底开始试用Sketch 3,今天就来向各位介绍一下此版本当中的一些新功能新变化,希望能让大家知道在拿到之后有哪些东西可以重点关注一下。

过去的一年里,我写了一些介绍Sketch的文章,同时也在Google内部做了相关的workshop,使很多人(不只是设计师)开始转向这款产品。通过此次的大版本更新,Bohemian Coding也对他们设计开发Sketch的简明思路做出了良好的声明:倾听、打造、发布。这个由三名设计师和两名工程师所组成的团队一直保持着快速且令人印象深刻的前进步伐,我在之前一篇关于Sketch的文章当中提到的一些需要改进的东西几乎都被他们落实到了最新的版本当中。