发布时间: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。