ClassIn Icons Guidelines & Update Design

Background

项目背景

With over 500 existing ClassIn product icons used across various scenarios, following the upgrade to the new design language, we addressed issues like the lack of global consistency and low recognizability. Leading the initiative, we optimized the global icon upgrade to enhance symbolism and align with the new design language.

原有ClassIn产品图标500+ , 使用场景分布广泛, 跟随新设计语言升级,解决原有缺少全局一致性、 识别性低等存在问题, 主导进行全局图标升级优化

We defined icon optimization objectives and created icon guidelines for uniformity, established an icon library, and improved design collaboration and development efficiency.

确定图标优化目标,增强图标表意性与新设计语言风格统一创建图标规范, 提高设计一致性建立图标库, 提高设计协同开发效率

Formulate basic guidelines for icons, applying them across various business lines. Establish details such as grid, rounded corners, dimensions, etc., to ensure the feasibility of application.

制定图标的基础规范,应用到各业务线。确立网格、圆角、尺寸等细节,以保证应用的可执行性。

Design

图标概览

Develop a design methodology for internal and cross-departmental presentations and sharing.

形成设计方法论进行组内、跨部门宣讲分享

End :)

NEXT

Tencent Wealth Management App - Portfolio Diagnosis|腾讯理财通APP 持仓诊断产品设计

Study Room Visual Design|自习室视觉设计

ClassIn Icons Guidelines & Update Design | ClassIn 全局图标升级设计

ClassIn Visual Design Upgrade| ClassIn 视觉升级

XiaoMi News Product Design|小米必看资讯设计

QIFU Mindfulnes APP Design |起伏APP产品设计