BestHub
Sign in
Tagged articles
109 articles
Page 2 of 2
网易UEDC
网易UEDC
Oct 30, 2019 · Frontend Development

How to Build an Enterprise‑Level UI Component Library: Principles and Practices

This article explains why standardized component libraries are essential for large‑scale products, outlines design principles, color and layout guidelines, categorizes components, and demonstrates how FishDesign’s enterprise UI library improves consistency, efficiency, and collaboration across product, design, and development teams.

Design SystemUI Component Librarycomponent classification
0 likes · 14 min read
How to Build an Enterprise‑Level UI Component Library: Principles and Practices
Youzan Coder
Youzan Coder
Jul 19, 2019 · User Experience Design

How UI Standardization Transformed Youzan Retail’s Mobile Apps

This article details the background, challenges, and step‑by‑step solution for standardizing UI across Youzan Retail’s iOS and Android apps, covering designer and developer perspectives, the creation of a shared style library, component architecture, resource management, delivery outcomes, pitfalls, and future automation plans.

AndroidComponent LibraryDesign System
0 likes · 17 min read
How UI Standardization Transformed Youzan Retail’s Mobile Apps
Ctrip Technology
Ctrip Technology
Jun 19, 2019 · Frontend Development

Kirby: A Comprehensive Sketch Plugin System for Design Resource Management and Development

This article details the development of Kirby, a Sketch plugin created by Ctrip's front‑end team to manage design resources, enforce design language standards, and provide a full stack of features—including design token handling, static scans, WebView GUIs, and native integrations—while explaining the underlying Sketch plugin architecture, APIs, and tooling.

Design SystemFrontendPlugin Development
0 likes · 15 min read
Kirby: A Comprehensive Sketch Plugin System for Design Resource Management and Development
360 Tech Engineering
360 Tech Engineering
May 14, 2018 · Frontend Development

Weekly Tech Newsletter Summary – Highlights on Design Systems, Shaders, Observers, ResizeObserver, Async/Await, Code Literacy, Flutter Beta 3, and Drop‑Shadow

This weekly tech newsletter presents concise overviews of design systems, shader usage, modern browser observers, JavaScript ResizeObserver, advanced scrolling techniques, async/await pitfalls, font‑spider‑plus features, code literacy principles, Flutter Beta 3 updates, and creative applications of CSS drop‑shadow, offering valuable insights for developers.

Design SystemFlutterWeb Performance
0 likes · 4 min read
Weekly Tech Newsletter Summary – Highlights on Design Systems, Shaders, Observers, ResizeObserver, Async/Await, Code Literacy, Flutter Beta 3, and Drop‑Shadow
Qunar Tech Salon
Qunar Tech Salon
Jan 16, 2018 · Frontend Development

Analysis of Ant Design Color Palette Generation Algorithms Across Versions 1.x, 2.x, and 3.x

This article examines the evolution of Ant Design's color‑palette generation algorithms from the simple tint/shade approach in 1.x, through the HSL‑based Bézier‑easing method in 2.x, to the HSV‑driven implementation in 3.x, highlighting their principles, code implementations, strengths, and shortcomings.

Ant DesignBézierDesign System
0 likes · 15 min read
Analysis of Ant Design Color Palette Generation Algorithms Across Versions 1.x, 2.x, and 3.x
AntTech
AntTech
Jan 9, 2018 · Frontend Development

Ant Design 3.0: The Story Behind the Design System and Its Principles

The article recounts the first Ant Financial SEE Conf 2018, then details the conception, mathematical foundations, and practical implementation of Ant Design 3.0's design system—including design language, assets, typography, layout, and color—aimed at improving efficiency, consistency, and user experience for enterprise products.

Ant DesignDesign SystemFrontend
0 likes · 22 min read
Ant Design 3.0: The Story Behind the Design System and Its Principles
网易UEDC
网易UEDC
Dec 13, 2017 · Product Management

Designing NetEase Snail Reading: Brand Experience from Zero to Launch

Over the past year, I independently led the design of NetEase’s new reading app “Snail Reading,” covering brand research, visual identity, UI/UX, motion design, and design guidelines, sharing the process, principles, and insights that helped the product achieve multiple awards and a cohesive brand experience.

Design SystemUI/UXbrand experience
0 likes · 13 min read
Designing NetEase Snail Reading: Brand Experience from Zero to Launch
AI Cyberspace
AI Cyberspace
Jul 29, 2016 · Product Management

Why Design Specs Matter: Boost Team Efficiency and Brand Consistency

This article explains how well‑crafted design specifications improve multi‑designer collaboration, reduce development redundancy, and preserve brand identity across product iterations, while also highlighting common pitfalls and offering a step‑by‑step guide to building an effective design system for newcomers.

Design GuidelinesDesign SystemTeam Collaboration
0 likes · 15 min read
Why Design Specs Matter: Boost Team Efficiency and Brand Consistency