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

Sketch

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

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

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

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

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

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

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

我在制作 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)进行简要的介绍,包括获取方式组件清单也会给到。

你可能忽略掉的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,这些都可以自动化完成。

Pages