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

Design System

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一样被全局统一调用了。超感动。

如何规避Design System架构设计中的逻辑陷阱 »

各位好。自从尝试录音之后,再写字就会有一种和从前不一样的感觉 - 要表达的东西像是更加口语化,要脱口而出的样子;但通过键盘落到文字上时,口吻又被另一个自己所占领,像是一直以来的文字人格。

周六的夜聊(关于黑胶、文青与Design System的架构设计)似乎是到目前为止我个人感到最舒适的一期录音。没什么事先规划,也没有急迫的正经事要讲,只是聊天说话的样子,伴着1938年爵士乐现场的黑胶唱片与Jim Beam。

既然从一开始这个文字版的博客就是自娱自乐为主,换了内容载体也没必要为任何事情而变化吧。那我自便了。尽量不去想太多“你们”,而回过头来更多关注“我”自己。我随意,大家也随意。

上周说到了“像做产品一样对Design System进行前期规划”,包括目标、原则、范围与架构,这四个方面。本周在最关键的部分深入推进一步,聊聊“架构”当中的一些问题。

像做产品一样对Design System进行前期规划 »

难得周六。一点儿也不难得,每周都会有。昨天任性的暴雨过后整个天地还是灰色的,倒是凉快些。我近半年来听的中文歌比过去十几年加起来都要多的样子。

说起来,自己回听了一下昨晚发的“夜聊-终于有背景音乐了”,感到处理方式还是有些生疏和暴力;音量、距离一类,接下来会尝试优化。对,所以接下来的播客当中还是会用人肉DJ的方式举着手机对着麦做BGM哦。

昨天有提到关于Design System的话题,今天趁热做掉。简单聊聊好了,因为近来的工作主要聚焦在这方面,且又是几乎从零开始的状态,所以这次想要至少通过这样非正式的方式做做记录。

《Design Systems》精华摘译(一)关于本书 »

我试试看做这件事,但并不大确定。连“摘译”这个词本身的含义也是昨晚查了一下才确认基本符合自己的意图。摘译,先摘后译,区别于“全译”与“节译”,取文之精华而(相对)快速译成。“精华”的标准或许会有主观之嫌;同样不确定。

原本计划全书翻译出版,却因版权相关问题耽搁而一直无法落实;这种情况下以任何形式全译并发布内容都有不妥,于是我们先做类似摘译或读书笔记的形式好了。

大体原则,是依照完整的章节顺序,选取精华段落,或段落中的精华语句组织成文;以快速传达原文核心思想为首要目标,而不在形式上严格遵循原文词句。突然隐隐感到这是比全译更加费脑力的差事,不知为什么;试试看先。

Design System - 以小为始,持久进化 »

忽冷忽热的春季,善变着又有些讨巧,耳边的音乐里也有着光与风,就像坐在漫咖啡(继续感谢各位支援的美式)二楼窗旁。灯光昏黄着华丽着,足够亮到可以读书便可。

许巍说自己是高晓松的粉儿,于是唱了《生活不止眼前的苟且》。“你赤手空拳来到人世间,为找到那片海不顾一切”,多好。

今天的译文于我个人而言完全是用来换脑子的,抽空将自己从书中抽离,这样。抽离这个词是这么用的么?感觉像是pia飞一类。

原文“The Minimum Viable Design System”,将设计体系与“最小化可用产品”进行了类比,强调其永无止境的、动态迭代的特性;作者Marcin Treder,在线原型设计工具UXPin的CEO,写过蛮多Design System方面的文章,有机会会分享给各位更多。下面进入译文。

Design Systems 读书笔记 »

编者按:C问各位周五安,又是新的周末即将来到;这样讲起来会不会显得周末更加值得期待?藏在编者按里弱弱地讲几句就退下,格外珍惜这时光;微笑。即将到来的不止周末,更是四月;因人而异,但回头看过去的十几年,较大的变故通常发生在四月,从已知跨越到未知的时日充斥着不安与兴奋,如今这般,且行且欣赏。

今天继续为各位介绍新的合作作者,来自爱奇艺的高级交互设计师Hesivell,带来一篇Beforweb过去不曾有的内容形式 - 读书笔记 - 关于设计体系,并配有涂鸦笔记风格的手绘插图;强烈推荐。  - C7210

不知道大家还记得么,前几个月,Beforweb曾经推荐过一本书,SmashingMagazine 的 Design Systems。

我也是这本书的读者之一,此时此刻在BFW聊这本书,似乎非常应景。

这个体系像是渗透在产品中的一种语言,让产品人员、设计师、程序员用同一种语言交流,提升协作效率;又像是一个自动化智能化的工具,让整个团队进行自循环,尽量减少人工维护。

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

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

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

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

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

我们的第一个设计模式库 »

入冬了。今天是双十一来着。仔细看太阳也确实是冬天时的样子,因为比较斜。不像夏天时的那样挂在正当空肆无忌惮地哈哈大笑。

团队群里若是在埋汰某位同学,大家往往会发出各自标志性的哈哈大笑的表情,捂着脸的,龇牙咧嘴的,捂着肚子飚着泪水的,形象而多姿,仿佛可以隔着屏幕听到那摧枯拉朽的杠铃般的笑声。

就让他们都去吧,随着风远远去吧,让该来的来,我们在这里等待。

简直对这歌着了迷,在这样的午后;对任何应景的、共情的、如流一般的事物都如此着迷。难怪会做UX设计这个行当?但你/我们要知道,UX/产品设计,从来也不是感性至上的设计形式。感性与理性的比例,一定要我说出那三个字的话,我想一定是“三七开”。

设计体系的目标、价值及构成原理 »

我买了一顶新帽子,头顶处绣着一张木讷智障脸。一整天我都把这顶帽子摆在办公桌上,不时瞥上一眼,觉得魔怔又亲切。“帅气”,同事们如是说。

我还买了一本Smashing Magazine出版的新书,叫做《Design Systems》,关于如何规划、创建和维护设计模式库/设计体系。上周刚刚在公众号发过一篇“接下来会切入一些Design System方面的话题”,今天便看到这本书,感到很开心。

“如此这般体现着体系性与逻辑性的,需要你一方面站在全局去归纳信息、梳理架构,一方面从最基础最细节的层面入手去精雕细琢的系统概念,总是能让人为之着迷不是么。”

Sketch 47 Libraries功能图文详解 »

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

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

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

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