全新 Sketch 组件库“Ecommerce”上架

​Hello 大家，WireframeKit for Sketch 系列的第四款组件库“Ecommerce”正式发布上架。

不同于系统原生风格的“iOS 13”库，以及社交产品风格的“Social”库，“Ecommerce”聚焦于电商类界面设计模式。基于一系列国内主流的电商 app，“Ecommerce”提炼了超过360个界面组件，90余个常用图标，22个典型页面范例及详细的组件替换清单，以期快速满足实战需求，减免改造负担，并提升参考学习价值。

“Ecommerce”库同时附赠《设计体系》C7210版全书译文及 Sketch 常用中文数据源。一如既往，“Ecommerce”库也会长期提供免费更新。WireframeKit 系列的老用户还可以享受额外优惠。

在本文中，你将了解：

• “Ecommerce”库简介。
• 具体获取方式，包括单品与超值套装。
• WireframeKit 系列简介。
• 赠品简介。

关于“Ecommerce”库

WireframeKit for Sketch - Ecommerce，C7210自制线框风格 Sketch 组件库，聚焦于电商类产品的设计需求，为提升线框原型的质效与保真度而精心打造。

“Ecommerce”库共提供12种颜色定义，53种样式定义，504种文字风格定义，30类共超过360个界面组件，94个常用图标，22个典型电商类界面范例与组件替换指南。

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

丰富的界面组件定义

典型的电商类产品界面范例

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

商品列表细节设置

卡片视图细节设置

商品详情页细节设置

订单列表细节设置

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

结合“Social”库提供的社交类界面组件，你将能快捷构建完整的大电商类产品线框原型。

WireframeKit for Sketch - Social

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

WireframeKit for Sketch - iOS 13

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

• Ecommerce：149元，附赠：
  • C7210版《设计体系》全书译文（PDF）
  • Sketch 常用中文数据源
• Social：129元，附赠：
  • C7210版《设计体系》全书译文（PDF）
  • Sketch 常用中文数据源
• iOS 13：99元
• Impart：79元

购买超值套装享受更大优惠：

• Ecommerce+Social 套装：仅249元
• Ecommerce+iOS 13 套装：仅219元
• Ecommerce+Social+iOS 13：仅309元
• Social+iOS 13 套装：仅199元

WireframeKit 系列的老用户购买 Ecommerce 单品或套装再减10元。

一如既往，所有库提供长期免费更新。

请通过以下小程序码访问微店获取。付费后，你将得到下载链接及密码。老用户在拍下后请提供曾经的订单号，以便修改价格。

WireframeKit 系列简介

WireframeKit for Sketch，C7210自制自用的线框稿风格 Sketch 组件库，面向移动端产品交互设计工作而精心打造。

所有组件即拖即用，适于快速创建中/高保真线框原型。元件模板配置项丰富，具备良好的灵活性与扩展性，便于根据特定的需求进行改造复用，并能自适应各类常见的设备规格。

WireframeKit for Sketch - Social

聚焦于主流的社交类设计模式，共提供12种颜色定义，53种样式定义，504种文字风格定义，33类共计183个界面组件，112个常用图标，13个典型社交界面范例与组件替换指南。

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

WireframeKit for Sketch - iOS

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

WireframeKit for Sketch - Impart

基于 WireframeKit for Sketch “iOS”打造，卡片风格，适用于内容/社交/电商等领域的产品线框原型制作。

去年翻译了 Design Systems 一书，并在公众号连载10余期，期间得到很多朋友的支持；我自己同样学到很多，特别是在关键任务分析和设计模式清查等方面，诸多方法都运用到了组件库的制作当中。全书译文整理成 PDF 文件后，作为组件库赠品附于“Ecommerce”库与“Social”库当中，希望可以为各位朋友带来参考价值。

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