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

Sketch

Sketch 官方推荐的五款流程效率类插件 »

举手示意早安。夜里下了磅礴的雨,有凉快些没?倒是更闷了;蝉也不见动静,怕是被蒸的萎蔫了。

难得见到 Sketch 官方推荐插件和扩展服务;也是很好的;于是临时来一发。另外,再小作提醒,WireframeKit for Sketch 线框稿风格组件库近来有升级到 V1.1版本,在样式定义方面做了蛮大的调整,老用户们请记得及时更新(依然免费)。

WireframeKit for Sketch 免费升级至V1.1 »

WireframeKit for Sketch 线框稿组件库已升级至V1.1,在样式方面进行了较大的更新:

  • 将所有字体由 SF Pro 更新为 PingFang SC,更适于中文界面设计。
  • 优化了所有文字风格与样式定义的命名方式,更便于理解和调用。

升级同时涵盖到 iOS 11 与 Impart 两个库,当然也包括“iOS 11+Impart 套装”。

老用户依然免费升级,直接使用购买时收到的下载链接与密码即可获取。

还没有使用过 WireframeKit for 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 的过程中所学到的一些东西,包括制作和维护组件库的意义,组件库的组织方式,色彩、样式及文字风格的定义策略,全局化命名规则的制定,以及相关插件的使用。

Pages