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

Sketch

Sketch终于带来Library样式调用 »

一早收到订阅邮件(是的,古早又现代的阅读习惯,详见“设计文章那么多,读不过来怎么办?”),见到很简单的一则关于Sketch 51 Beta版本的消息:

New in Sketch 51

Library Styles - Text Styles and Layer Styles defined in Libraries are now available in all documents, just like Symbols are.

我们在Libraries当中定义的文字与图层样式,终于可以像Symbols一样被全局统一调用了。超感动。

全新组件库 WireframeKit for Sketch - Impart 上架 »

不久前与鹅厂老同事合作了一个关于艺术画作与创意灵感的App概念设计项目,“Impart - iOS App Design Concept”,涵盖视觉设计、交互动效、Logo设计等多方面要素,特别是卡片/画廊形式的界面元素尝试;详情请移步Behance上的案例展示

在项目中,我基于之前的系统级组件库 WireframeKit for Sketch (iOS 11) 制作了相关线框原型,并进一步优化整理成这套全新的应用级线框稿组件库,WireframeKit for Sketch - Impart。

怎样使WireframeKit组件库变得更好? »

各位新年好。虽然不是正日子,氛围却已如此了,拜早年先。

发了半年多的WireframeKit for Sketch近来也更新到iOS 11版本了(老用户免费升级),接下来一年的上新计划也一点点制定了起来,希望新的产出可以更加丰富、实用,更加产品模式化,突破以元模式为主的系统原生层面。

与现实中的产品设计流程类似,在迭代开始之前,还需经由必要的调研才能进入更细化的目标定位与需求分析阶段。因此希望向各位购买过WireframeKit for Sketch的朋友们进行了解:大家平时是怎样使用这套组件库的?

WireframeKit for Sketch 现已升级至 iOS 11 »

去年在 Beforweb 微店上架了 WireframeKit for Sketch (iOS) 线框稿组件库,半年多以来不断有朋友惠顾,好评率100%,也是非常感谢大家的支持了。

近两个月来断断续续地在抽空进行版本升级 (iOS 11),如今终于完成。字体、系统组件、图标、范例界面均升级扩充,完美适配iPhone X,可以上架了,老用户就免费更新吧。

不怎么说闲话,我们直接进入主题,本文包含以下部分:

使用Sketch Libraries构建组件库/设计体系 »

昨天降了温,一下子从不温不火的暖湿秋天变成了冬日的样子。

眼看着一年距离结束已不遥远,偶尔翻看年初立下的一些目标,多数已有完成,略感慰藉。这种所谓慰藉之后不久,通常会买些什么大件的东西来犒劳自己一类。多巴胺无时无刻不在寻找着机会为宿主制造一些对于奖励的渴望罢了。

会播放John Coltrane的咖啡店都是好咖啡店。我若开一间自己的咖啡店,怕是会终日放着JC不停歇;与村上春树的原则完全相反。我想我可能付不起足够的薪水去请有名的乐队来表演;不如请一些老伙计过来吧,只要为他们提供足够的啤酒。

本期是一篇很长的译文,Using Sketch Libraries to build better design systems,从理论方法到实践演示,一应俱全;耗掉了两个周末的时间终于完成,期间原文还有过一次更新。其中的流程思路和我在做WireframeKit For iOS(线框稿风格Sketch组件库)以及现在团队内部的组件库时所用的大致相同,个人比较推荐。

Sketch 47 Libraries功能图文详解 »

每日劳作到充实和兴奋的即将飞起,唯一的担心便是一周一周积攒的内容与想法会因缺乏时间而难以形成文字。固然痛快吃喝与纵情玩乐可以作为对自己一周忙碌的犒赏,但这下午时光用来坐在办公区吧台前敲敲键盘也是惬意不过。

外面烈日当头又秋意四溢,说起来也是浮躁不安。苦的是美式,凉的是风,平静而纵情的是朴树。“关于未来,就请你坦然,不要离开,不要离开”。

正事是关于Sketch 47 Beta带来的Libraries功能。终于。可以被调用的库文件。一些第三方插件早已实现,确实,但原生功能是另一码事;在如此重要的、可能涉及诸如设计体系这样庞大项目的功能上,依赖第三方解决方案的做法终归有所牵制。

想来想去还是感到Sketch官方文档对Libraries新功能的概念和用法解释的最为全面和恰当;当然Medium上还有一些很棒的实践经验供参考。

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

Pages