一、概述
整理圖案圖形設計文檔有助於更好的傳遞支付寶品牌的視覺語言、保持平臺的統一性、提升團隊工作效率和打磨細節體驗。
圖案圖形是支付寶品牌 DNA 的重要部分，通過幾何圖形（矩形、圓形、三角形）的組合，造型鮮明，可以傳遞出支付寶品牌的安全感、信賴感和專業感；基礎的幾何圖形通過不同的靈活組合，可以創造出千變萬化的造型感，符合想象力的品牌調性；30° 角度給人以速度感，圖案圖形通過轉角位30°倍數的原則做視覺處理可以傳遞支付寶的便捷調性。通過以上描述打造出來的圖案圖形可以傳遞支付寶安全感、信賴感和專業感的品牌調性。
二、原則關鍵詞
幾何圖形、方正穩重、30°倍數、外圓內方。
1. 圖標
必須由幾何圖形所組成，形狀鮮明、方正穩重感、對稱且一致。
出現轉角的地方必須為30°的倍數。
外圓內方。
2.卡片、底圖
卡片為矩形，轉角為圓角，圓角角度要小。
3. 插圖
必須符合集團螞蟻形象規範。
螞蟻的形體有3像素的描邊，色值為333333。
插圖中帶有光影明暗變化。
4. 圖標規範
規範一：icon 的尺寸
功能和宮格：48*48px
頭部：60*60px
規範二：icon 特徵
必須由幾何圖形所組成，形狀鮮明、方正穩重感、對稱且一致。
出現轉角的地方必須為30°的倍數。
規範三：端點的平行關係
圖形線條或塊面結束處要和圖標成平行關係。
icon 邊緣外圓內方（圓角為2px）。
三、卡片/底圖
卡片樣式為矩形（包括按鈕圓角），圓角為4px。
1. 插圖規範
規範一：造型設計
頭部觸鬚更飽滿和圓潤。
嘴巴和嘴部結構要適當弱化。
規範二：色彩構成
色彩構成需要遵守 ALIPAY DESING DNA 輔助色系規範。
規範三：漸變構成
色彩構成需要遵守 ALIPAY DESING DNA 輔助色系規範。
規範四：在頁面中使用的比例規範示意
插圖在通用報錯頁的整體視覺範圍為400 x 400px。
插圖的尺寸範圍為290 x 290px。
考慮到螞蟻動作和形態的多樣性允許在290px的尺寸外有距上下或者距左右55px的出血。
閱讀更多 路漫UED 的文章
