用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

最近逛朋友圈,发现之前专访过的一位腾讯高手,竟然做了两套Sketch 线框稿组件库

关于这位交互设计师的专访 → 《优设访谈!腾讯高级交互设计师C7210的十年设计路》

仔细看了下这两套线框稿组件库,发现不仅组件全面,样式丰富,而且最新的一个还免费赠送了常用的中文数据,包括中国主要省份/城市名,中文段落内容等等,让设计师可以很方便地通过 Data 功能进行自动替换。

下面详细介绍下:

WireframeKit for Sketch

用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

WireframeKit for Sketch - Social,C7210自制线框风格 Sketch 组件库,聚焦于社交类产品/模块的设计需求,为提升线框原型的质效与保真度而精心打造。

“Social”库共提供12种颜色定义,52种样式定义,504种文字风格定义,33类共计183个界面组件,112个常用图标,13个典型社交界面范例与组件替换指南。

用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

△ 颜色、样式与文字风格定义

用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

△ 组件定义

用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

△ 典型界面范例

所有元素即拖即用,适于快速创建中/高保真线框原型。组件的可配置项丰富,具备良好的灵活性和扩展性,可与 Data 等新功能完美配合,快速定制内容与样式,并能自适应各类常见的设备规格。

用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

△ Feed 细节设置

用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

△ 列表细节设置

用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

△ 更多组件细节

“Social”库针对典型界面范例提供了详细的组件替换指南,使你对可选组件的特征与调用路径一目了然。

用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

“Social”基于 WireframeKit “iOS 12”打造,两者的颜色、样式及文字风格定义完全通用,组件命名各自独立,搭配使用可以满足更加丰富多样的设计需求。

WireframeKit for Sketch - iOS

基于 iOS 原生风格打造,共提供12种颜色定义,52种样式定义,504种文字风格定义,22类共计114个典型元件模板,103个常用图标,针对两款设备规格共计16个完整界面范例。

用高手精心打造的Sketch 组件库,省下80%的原型制作时间! 用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

如果这两套Sketch 组件库能用到我们日常的工作中,相信大家能清晰感受到效率的提升!

获取方式

WireframeKit for Sketch 是付费的线框稿组件库系列,目前仅在 Beforweb 微店提供。

扫码访问微店购买(附上优设专属优惠券,购买立减10元)。付费后,你将得到下载链接及密码。(由C7210 本人发送邮件,大部分能秒发,最晚会在24小时内发送)

Social:129元 ,附赠Sketch 常用中文数据源

用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

iOS 12:99元

用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

Social + iOS 12 超值套装:仅需199元

用高手精心打造的Sketch 组件库,省下80%的原型制作时间!

再次感谢各位新老朋友的支持。一如既往,希望 WireframeKit 能为你的线框原型设计工作带来质量与效能的强劲助推~

收藏 129
点赞 13

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。