本文主要包含App原型,交互原型,交互组件库,原型素材,界面组件,经验分享等相关知识,Stwo希望在学习及工作中可以帮助到您
原型图的设计，是项目经理给甲方提案时，需要展现的能力和专业性。本文主要是为项目经理提供一套方便使用，而且设计统一，视觉美观的原型组件库。
下载链接：https://pan.baidu.com/s/117_dd9KQZTUvOlcJ7jKHwQ 密码：fj2t
设计这套组件库
1. 主要解决的矛盾
项目经理给甲方提案需要展现能力和专业性，原型图的设计是其中的一环。原型在功能展示方面没问题，但由于大多项目经理不是设计师，在原型图本身的气质，档次上会稍有欠缺。
2. 目标
为项目经理提供一套方便使用，而且设计统一，视觉美观的原型组件库。
3. 人群
项目经理。
对此，我们采访了一些项目经理，并综合进行了用户画像。
分析的重点难点
- 使用：易用，元素分类清晰，不同种类元素齐全，考虑各种常用组合。
- 趋势：采用 iPhoneX 的边框外形，但是齐刘海，上下圆角为处理难点，不要为了视觉强行给产品经理增加制图的负担。
- 展示：整体版面色调要统一，不要花哨，但是要体现档次和专业。在向甲方展示的时候给自己和项目加分。
组件库的特点是组件元素要尽量齐全，我还考虑了加入一些常用的组合，让使用更加方便。
考虑到也许会有新人不会使用，附上使用教程，和设计流程。
欢迎关注作者微信公众号：「原型不再low」
图片素材作者：Stwo
「组件化设计怎么做」
- 《为什么我们都应该学会组件化设计思维？》
- 《进阶必读！可能是最全面的组件化开发与设计指南》
- 《实用全面！教你用Sketch Libraries构建组件库/设计体系》
================明星栏目推荐================
优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。
设计导航：国内人气最高的设计网址导航，设计师必备： http://hao..com
