How Design Brings Beijing’s Central Axis to Life in a Mini‑Program
This article details how a collaborative digital heritage project transformed Beijing’s historic central axis into an interactive mini‑program, tackling challenges of color, iconography, building illustration, and page layout to deliver a truthful, culturally resonant user experience that blends design, history, and technology.
Preface
Beijing’s central axis, described as a masterpiece of Chinese ideal city order, was digitized in a joint project by the Beijing Cultural Heritage Administration and Tencent in December 2021, aiming to make its history accessible worldwide.
Designing a Truthful Narrative
Four main challenges were identified: appropriate color palette, distinctive icon, accurate building forms, and page structure that reflects the axis’s order.
1. Color Palette
The royal colors “red walls and yellow tiles” dominate the axis; the design uses “Luan Hall Gold” as primary and “City Wall Red” as accent to convey vitality and cultural heritage.
2. Icon Design
The mini‑program icon centers on the symmetrical Chinese character “中”, combined with roof and wall elements; a muted “luhe” brown conveys historic depth, while the composition uses positive‑negative space for strong recognizability.
3. Building Illustrations
Over 70 building sketches were created, with 39 selected after consultation with Tsinghua architecture faculty; colors and structures faithfully follow historical references, down to roof types and proportions.
4. Page Structure
The interface mirrors the axis’s symmetry and order; users scroll vertically to explore buildings and horizontally to view the axis’s evolution, with a time‑wheel at the bottom to navigate different historical periods.
Conclusion
Through truthful design, the “Cloud‑Based Central Axis” mini‑program helps users experience Beijing’s cultural legacy, demonstrating how design can serve heritage preservation.
Tencent Mobility Industry Design Center
The Tencent Mobility Industry Design Center (SMD) is Tencent's user experience team focused on the industrial internet.
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.
