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

全新“Social”组件库上架,附赠《设计体系》全书译文

全新“Social”组件库上架,附赠《设计体系》全书译文

Hello 大家,WireframeKit for Sketch 系列的第三款组件库“Social”正式发布上架。

不同于系统原生风格的“iOS”库,以及概念设计风格的“Impart”库,这次的“Social”完全基于真实产品打造,聚焦于主流的社交类设计模式,提炼了超过180种界面组件,110余个常用图标,13个典型页面范例及详细的组件替换清单,以期快速满足实战需求,减免改造的负担,并提升参考学习价值。

“Social”库同时还包含两款超值赠品:

  • 《设计体系》C7210版全书译文(PDF)。今年夏天翻译了 Design Systems 一书,并在公众号连载10余期,期间得到很多朋友的支持;我自己同样学到很多,特别是在关键任务分析和设计模式清查等方面,诸多方法都运用到了“Social”库的制作当中。
  • 自制 Sketch 常用中文数据源。Sketch 52 带来了 Data 数据源功能,便于随机生成范例内容;我自制了一些常用中文数据,包括中国主要省份/城市名,中文段落内容等等;“Social”库中的段落演示基本都来自于这些文件,你可以很方便地通过 Data 功能进行自动替换。

新库的制作过程对我而言也收获颇丰,架构设计及细节中的实现方法相比之前两个库也有较大优化;得益于 Sketch 近几次大更新带来的实用功能,譬如 Symbols 样式定制、Data 等等,新库的制作与使用方式都更加灵活便利;计划接下来做几篇相关的总结分享。

此外,一如既往:

  • 组件库可能会进行不定期的更新;除非另行通知,否则更新无需另付费。
  • 同时提供“Social”与“iOS”库的超值套装供你选择;搭配使用更灵活。

事情大体这样;接下来是关于“Social”库的更多图文介绍,以及具体的获取方式。

关于“Social”库

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

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

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

组件定义

典型界面范例

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

Feed 细节设置

列表细节设置

更多组件细节

更多组件细节

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

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

获取方式

WireframeKit for Sketch 是付费组件库系列,目前仅在 Beforweb 微店提供:

  • Social:129元 ,附赠:
    • C7210版《设计体系》全书译文(PDF)。
    • Sketch 常用中文数据源。
  • iOS 12:99元
  • Social + iOS 12 超值套装:仅需199元

请通过以下小程序码访问微店获取(系统通常随机附送1至88元不等的红包)。付费后,你将得到下载链接及密码。

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