经验丨sketch组件化设计思考

就在今年五月份,公司部门全系标配了iMacRetina 5K, 27-inch。我也有幸在有生之年可以接触到UI设计工具的圣经:sketch。

这就是我的工位了

在接触到Sketch的三个月里,对我的整体设计思路产生了巨大的影响,在适应了这种影响带来的变化后,觉得已经无法离开它。不过这篇日记我们只聊聊sketch对设计师的工作带来的2个很重要的变化。

如果Photoshop像一个精于技艺的艺术家,它对界面性创作的艺术性具有无限的可能性。那么sketch则更像一个产品经理。它迫使设计师站在一个更加宏观的角度以更加整体的方式去构架一个产品,另外在协同办公上也有着更加合理的方式。

组件化的思考方式

sketch的组件化的设计方式其实说白了就是去年传的很神乎的分子设计,往浅的方面说分子设计就是将产品中各个模块当做独立的模块进行设计然后进行组装到一起。就像拼接乐高,将拼好的各个部件组装到一起来完成一个整体的设计。往更深入的层面来讲, 分子设计是通过观察、认识在设计过程中各个控件的使用频率、使用效率、不同模块(功能)之间的协同工作中令产品产生更加复杂的功能变化,进而分析、重组及再创造。这个流派致力于在传统设计基础上,通过各个控件的组合将产品的功能更加科学化、系统化。说白了,作为用户,你可以享受到具有更加好用的产品设计,而这些设计呢,又是用更加创新的、科学的方法制作出来的。 sketch的出现

(vision47以上)对这种“组件化”或者说“分子设计”的设计方式具有非常好的支持。

类似于控制器一样的模块化设计

SKETCH47开始加入了全新的symbol和library的概念,它允许用户像开发人员一样模拟封装自己的功能模块。模块内部的样式提前预设好,并在外部提供了可以修改内容的接口。并且在library中,可以将设计好的symbol放入库中方便日后调用。

library在设计中的运用

清晰的协作逻辑

sketch将团队的设计工作进行了清晰的划分,对基础模块的修改将影响到所有调用相关模块的产品设计。这样划分可能导致团队设计人员工作性质的划分。一部分人对底层的库进行维护和更新,并对所有调用此接口的模块进行维护。一部分人负责具体的产品设计,并考虑是否调用库中的模块。就像南极的冰山,可以说他人看到的产品设计的样式其实只是浮在海面上的冰山一角,而更深层次的底层模块库的支撑则是海面下的冰山根基。

sketch中的协作关系

在协作中,如果是多人设计,可以把Libraries文件 存放在公司公共网盘里,方便团队协作。如果是远程办公可以借助 Dropbox 或者蓝湖来同步。

如果你是一个人完成设计,也可以用 Library 集中管理图标文件和色彩文件,方便在不同的项目中调用。即使Libraries文件位置改变也不会影响调用。如果你彻底删掉某个 Library 文件,当前调用的组件就会转化本地 symbol。并不会出现重大错误。

-The end-

我是一鸣

Hikvision UI desinger

一个辛勤更新的博主 Dribbble

一个无聊玩玩吉他的设计狗 Bilibili

UI中国责编内容来自:UI中国 (源链) | 更多关于

阅读提示:酷辣虫无法对本内容的真实性提供任何保证,请自行验证并承担相关的风险与后果!
本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 产品设计 » 经验丨sketch组件化设计思考

喜欢 (0)or分享给?

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录