finclip设计指南与小程序设计指南

FinClip = Finogeeks + Clips，是由凡泰极客团队开发，“Fin”是公司凡泰极客公司英文名称 Finogeeks 的缩写，Clip 则来自 Apple 公司在 2020 年 WWDC 中提出的 App Clip 概念。我们将二者进行结合，希望能帮助开发者提供一款简单，好用的小程序容器框架，从而让每一款 APP 都能具备运行小程序的能力。

截止目前，FinClip 已经有超过 20000 名开发者，6000 款已上架小程序，75 已集成小程序的移动应用所组成的小程序生态，覆盖终端用户已经超过 2000 万。

官网是 finclip.com

FinClip小程序支持多种灵活的自定义方式，为使小程序整体视觉统一，做如下约定，开发者可根据本约定进行UI设计。

#2. 小程序菜单

#2.1 胶囊控件

小程序“更多”菜单可通过小程序右上角中的“…”图标打开，默认打开后出现“转发”、“回到首页”（当已经处于首页时、默认置灰）以及“投诉反馈”三个按钮。

除这三个基础按钮功能外，开发者还可以自行注入其他功能，对于自行注入的功能，请按照下方所示进行图标设计。
 

#2.2 小程序菜单深浅配色方案（iOS和Android）

开发者可根据界面需要，选择深色或浅色小程序菜单，打造适合小程序的设计风格。

#3.字体/颜色

#3.1 字体

#3.2 颜色

#4. 基础控件

#4.1 启动加载

#4.2 选项卡