QIGUOSEN
国信证券股份有限公司企业标准
Q/GUOSEN-ENG-ALM03-2023
国信证券移动端金太阳视觉规范
设计的目的
03设计框架布局
02设计准则
04设计风格
06设计评审机制
1.本视觉规范适用于国信证券金太阳手机APP；2.本规范使用人群为金太阳产品、交互、视觉、前端等岗位；3.本规范以iPhone750*1334px作为设计标准尺寸；4.规范中使用字体iOS系统和安卓系统，均使用系统自带字体；
01设计的目的
Design to
视觉设计决定了用户在使用APP时的第一印象.产品的视觉设计也是设计师建立品牌形象的重要通道.国信证券的金太阳手机APP是个有着庞大功能的产品，致力于打造个性、私密、品位、享受的产品，为用户提供更好的服务和体验.随着产品功能的日益完善，为了应对快速的迭代，需要设计师与开发人员作出快速响应.同时用户与制作团队对用户体验有了更高的要求，我们带着这样的目标，打磨了一套适用于金太阳的视觉规范，服务于金太阳设计体系，提高团队协作效率，让设计师更专注用户体验.
1.为什么要制定设计规范？
1.1保持产品统一性：
金太阳产品功能庞大设计师多人合作，每个人会有各自思路，有时会造成相同元素做出不同方案，所以视觉规范来制定基本元素，便于不同设计师做出有统一性的产品；
1.2提升团队协作效率：
交互、视觉、前端都会根据视觉规范的基本元素设计相似的控件减少沟通成本，视觉设计师能够统一设计标准和工作方法，提升效率；
1.3塑造品牌形象传递品牌价值：
向用户传递品牌形象，让产品功能和用户需求建立更多连接，让品牌价值被发现；
02设计准则
Design principle standard
2.1对比Contrast
对比的基本思想是，要避免页面上的元素太多相似，如果元素不相同，那就干脆让他们截然不同，要让页面引人注目，对比通常是最重要的一个因素，真是它能是读者首先看到这个页面.
2.2重复Repetition
让设计中的视觉要素在整个做种重复出现，可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片等.技能增加条理性，还可以加强统一性.
2.3对齐Alignment
任何东西都不能在页面上随意安防，每个元素都应该与页面上的另一个元素有某种视觉联系.建立一种清晰、精巧而且清爽的外观.
2.4亲密性Proximity
亲密性指彼此相关的项应当靠近，归组在一起，如果多个项目之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素.这有助于组织信息，减少混乱，为读者提供清晰的结构.
摘自《给大家看的设计书》「美RobinWilliams
