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

Design System

组件库物语 - Sketch Hack 之浮动居中 »

要到圣诞了。买了一套巴赫的圣诞清唱剧黑胶套装送给自己做礼物,希望可以快些拿到。说起来真想试试直播呢,譬如就让唱片或老磁带在那边旋转发声。

我说吧,2018真的就剩下这么几天了;近来看到有朋友认真地写了年度总结,突然发现自己竟然完全没有心情做复盘,很是惭愧。超戏剧性的一年,有坑有雷,也有着近在咫尺可期许的理想;有丰盛的产出,也有空洞的日夜;岂能不做总结呢。看心情吧。

组件库物语 - 通用性与易用性的权衡 »

周日晚间,“猎户星座”,全家便利店的美式咖啡,酝酿着困倦与新一周的未知,初冬的天气却毫不冷静。“有时你乘起风,有时你沉没,有时午夜有彩虹”。

一周前上架了新的 Sketch 组件库,也就是聚焦于社交类产品设计需求的 WireframeKit “Social”,同时也开始以这样的形式进行总结,包括思路、原则、工作方法、细节技巧等等;复盘于己,分享于人。

组件库物语 - 定义目标,以小为始 »

Hello 各位周五好,一周又要过去了;眼看着一年也只剩下最后一个月了。

本周上架了 WireframeKit for Sketch 系列的第三款组件库,“Social”。库如其名,聚焦于主流的社交类设计模式;和之前的系统库或概念库不同,这次完全基于市面上的真实产品,提炼了大量典型元素打造而成。

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组件库)以及现在团队内部的组件库时所用的大致相同,个人比较推荐。

Pages