最专业的八方代购网站源码!

资讯热点
内部教程!支付宝设计规范超级详细的图形设计

发布时间:2021-10-16 分类: 电商动态

I.概述

组织图形设计文档有助于更好地传达支付宝品牌的视觉语言,保持平台的统一性,提高团队工作效率,完善细节体验。

模式图形是支付宝品牌DNA的重要组成部分。通过几何图形(矩形,圆形,三角形)的组合,形状清晰,可以传达支付宝品牌的安全性,信任性和专业性;基本几何是灵活的。组合,可以营造出多种造型感,富有想象力的品牌色调; 30度角度给人一种速度感,图案图形通过角落位置30°;多种视觉处理原则可以传达支付宝方便的音调。通过以上描述创建的模式图形可以传达支付宝安全性,信任和专业性的品牌色调。

二,原则关键字

几何形状,方形稳定性,30°;多圈,在外圈内。

1.图标

它必须由几何形状组成,具有清晰的形状,稳定感和对称性和一致性。

拐角出现的角落必须是30°的倍数。

在外圈内。

2.卡片,基本地图

卡是矩形的,角是圆的,圆角很小。

3.插图

必须符合组图像规范。

蚂蚁的形状有3像素的笔触,颜色值为333,333。

插图有明暗变化。

4.图标规范

规范1:图标的大小

功能与宫殿:48 * 48px

头部:60 * 60px

规范2:图标功能

它必须由几何形状组成,具有清晰的形状,稳定感和对称性和一致性。

拐角出现的角落必须是30°的倍数。

规范3:端点的并行关系

图形线或块的末尾应与图标平行。

图标外圈的内侧(2px圆形)。

三,卡/基地图

卡片样式是一个矩形(包括按钮圆角),圆角是4px。

1.插图说明

规范1:模型设计

头部触手更丰满,更圆。

口腔和口腔结构应适当减弱。

规范2:颜色组合

颜色组成受ALIPAY DESING DNA辅助颜色规范的约束。

规范3:梯度组成

颜色组成受ALIPAY DESING DNA辅助颜色规范的约束。

规范4:页面中使用的比例规范

一般错误页面上插图的整体可视范围是400 x 400px。

插图的大小范围为290 x 290px。

考虑到蚂蚁运动和形态的多样性,可以从290px大小的顶部向上或向下出血55px。

« 快速手动3亿用户和他们的江湖 | 品牌高级指南:掌握品牌的三大系统 »