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

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

2018/12/18 14430评论 8

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

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

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

下面详细介绍下:

WireframeKit for Sketch

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

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

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

△ 组件定义

△ 典型界面范例

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

△ Feed 细节设置

△ 列表细节设置

△ 更多组件细节

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

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

WireframeKit for Sketch – iOS

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

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

获取方式

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

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

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

iOS 12:99元

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/wireframekit-for-sketch-beforweb

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

转场动效 优设专访 设计师 扁平化设计 交互设计师 优设大课堂 界面设计 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 设计师专访 AI教程 设计理论 平面设计 神器下载 字体下载 设计趋势 用户体验设计 psd下载 海报设计 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里