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

全新 Sketch 组件库“Ecommerce”上架

全新 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 能为你的线框原型设计工作带来质量与效能的强劲助推~