首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从WeChat部件库学习制作自定义部件库

原型图的设计,是产品经理在设计产品方案时,需要展现的能力和专业性。在制作原型的时候,我们之前一直有在讲可以制作一套自己的部件库,或者下载一套比较权威的部件库。

我们为什么要有部件库呢?

1. 主要解决的矛盾

产品经理给设计产品方案需要展现能力和专业性,原型图的设计是其中的一环。原型在功能展示方面没问题,但由于大多产品经理不是设计师,在原型图本身的气质,档次上会稍有欠缺。

2. 目标

为产品经理提供一套方便使用,而且设计统一,视觉美观的原型部件库。

3. 人群

产品经理。

这里我们就先来看看一套WeChat的部件库,通过这套部件库,来学习一下部件库可以怎么去制作。

这套部件库分为了几大类的部件:常规、导航/模块、基础控件、列表、选择/输入、卡片、弹窗、颜色、微信。

常规的部件包含了图片规格、文本规格、提示、标签规格、背景规格等。

导航/模式部件包括了不同规格的标题栏、搜索栏、导航栏等。

基础控件包括开关、进度、各种按钮、各种提示等。

列表部件

选择/输入部件

卡片部件

弹窗部件

颜色规格

微信部件

上面的部件库在设计上还是比较合理的,大家在平时自己制作部件库的时候可以进行参考。获取这个部件库可以联系我们。

听说关注了我们的人

都升职加薪啦

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190812A0LJ9O00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券