BestHub
Sign in
Tag

UI design

0 views collected around this technical thread.

Qunhe Technology User Experience Design
Qunhe Technology User Experience Design
Nov 22, 2024 · Frontend Development

Taming Unstable 3D Tool Interactions with a Systematic Trigger Design

This article examines the challenges of unstable and inconsistent basic-function triggers in the Kujiale 3D design platform, analyzes root causes such as module isolation, compatibility gaps, and high coupling, and proposes a systematic, entropy-aware interaction architecture with layered trigger logic, progressive optimization strategies, and flexible user-centric configurations to improve stability, extensibility, and user adoption.

3D softwareUI designfrontend
0 likes · 11 min read
Taming Unstable 3D Tool Interactions with a Systematic Trigger Design
We-Design
We-Design
Oct 30, 2024 · Fundamentals

How Perspective Shaped Art and UI Design Across Millennia

From ancient Egyptian flat depictions to Renaissance linear perspective, through Impressionist challenges and modern UI design shifts, this article traces the evolution of visual perspective, revealing how artistic and interface conventions have repeatedly broken, refined, and reimagined spatial representation to align with cultural, technological, and perceptual changes.

UI designart historydesign evolution
0 likes · 15 min read
How Perspective Shaped Art and UI Design Across Millennia
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 1, 2024 · Frontend Development

Implementing Frosted Glass, Acrylic, Neumorphism, and Glassmorphism UI Effects with CSS

This article explains the evolution and practical CSS techniques for creating Frosted Glass, Acrylic Material, Neumorphism, and Glassmorphism UI effects, providing design background, accessibility considerations, and complete code examples for implementing these styles in modern web projects.

CSSFrosted GlassGlassmorphism
0 likes · 17 min read
Implementing Frosted Glass, Acrylic, Neumorphism, and Glassmorphism UI Effects with CSS
Architecture Digest
Architecture Digest
Jul 26, 2024 · Fundamentals

JetBrains Announces New Default UI for the Upcoming 2024.2 IDE Release

JetBrains revealed that its upcoming 2024.2 release will introduce a brand‑new default UI across all IDEs, featuring a modern light and dark theme, redesigned window bars, tool windows, navigation bar, compact mode, and a classic UI plugin for users who prefer the old look, while also offering a free programmer book promotion.

2024.2JetBrainsUI design
0 likes · 3 min read
JetBrains Announces New Default UI for the Upcoming 2024.2 IDE Release
Sohu Tech Products
Sohu Tech Products
Jan 31, 2024 · Frontend Development

An In-Depth Overview of shadcn/ui: Features, Architecture, and Usage

shadcn/ui is a rapidly popular, copy‑and‑paste component collection that provides accessible, highly customizable Tailwind‑styled UI elements with a two‑layer architecture, theme editor, dark‑mode support, and CLI, offering simplicity and fine‑grained control while requiring manual integration and careful bundle‑size management.

ReactTailwindCSSUI design
0 likes · 26 min read
An In-Depth Overview of shadcn/ui: Features, Architecture, and Usage
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 26, 2024 · Frontend Development

Visual Hierarchy in UI Design: Using Font Weight, Color, and Layout to Emphasize Elements

This article explains how visual hierarchy in UI design can be achieved by strategically using font weight, color, and contrast instead of size, offering practical examples of emphasizing primary elements, weakening secondary ones, handling label-value patterns, and applying semantic HTML for clearer, more effective interfaces.

UI designcolor contrastfont weight
0 likes · 8 min read
Visual Hierarchy in UI Design: Using Font Weight, Color, and Layout to Emphasize Elements
Ximalaya Technology Team
Ximalaya Technology Team
Nov 15, 2023 · Mobile Development

Implementing Gradient Text Effects for Android Live Chat Nicknames

The article explains how to give privileged Android live‑chat users gradient nicknames by applying a LinearGradient shader via a custom GradientColorSpan, handling multi‑line text with restart or continuous strategies, and integrating these spans in a LiveGradientTextView that measures, inflates, and renders the gradient consistently across all live‑room scenarios.

AndroidCustom SpanShader
0 likes · 14 min read
Implementing Gradient Text Effects for Android Live Chat Nicknames
We-Design
We-Design
Aug 16, 2023 · Frontend Development

Mastering Keyboard Shortcuts: Design Principles and Best Practices

This article explains why keyboard shortcuts boost efficiency, reduce fatigue, and improve precision, classifies accelerators and access keys, outlines discoverable, conflict‑free, and memorable design principles, and provides a step‑by‑step workflow for creating a robust shortcut system across platforms.

Human-Computer InteractionUI designfrontend development
0 likes · 7 min read
Mastering Keyboard Shortcuts: Design Principles and Best Practices
政采云技术
政采云技术
Apr 20, 2023 · Mobile Development

Mobile Navigation Design: Types, Patterns, and Design Guidelines

This article explains the classification of mobile navigation into global, instant, and hybrid types, describes six basic navigation patterns and two emerging hybrid patterns, and provides design guidelines and real‑world examples for selecting and combining navigation modes in mobile apps.

Design GuidelinesUI designmobile app
0 likes · 5 min read
Mobile Navigation Design: Types, Patterns, and Design Guidelines
We-Design
We-Design
Mar 3, 2023 · Frontend Development

When Design Systems Fail: Lessons from Architecture, Industry, and UI

The article examines the rise of UI design systems, their promised efficiencies, and the hidden risks they inherit from historical precedents in industrial, architectural, and transportation design, urging designers to maintain critical reflection and avoid over‑reliance on rigid standards.

UI designdesign critiquedesign systems
0 likes · 12 min read
When Design Systems Fail: Lessons from Architecture, Industry, and UI
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jan 9, 2023 · Mobile Development

Design and Implementation of a Standardized IM Message Flow Interaction Layer for iOS

The paper presents a customizable, dependency‑injected iOS IM framework that separates message‑flow structure from interaction, defines reusable MessageView components with pluggable size‑strategies and a snapshot cache, and exposes standard service protocols, enabling low‑cost integration, business extensibility, and reduced maintenance across diverse chat scenarios.

Instant MessagingMessage FlowUI design
0 likes · 12 min read
Design and Implementation of a Standardized IM Message Flow Interaction Layer for iOS
JD Retail Technology
JD Retail Technology
Dec 21, 2022 · Frontend Development

Introduction and Design of JD Waterdrop Low-Code Canvas

The article presents an overview of JD's Waterdrop low-code platform, detailing the canvas concept, types, research on existing solutions, development goals, design architecture, adaptive layout algorithms, common layout patterns, and future plans for enhancing the front‑end building experience.

Drag and DropUI designcanvas
0 likes · 11 min read
Introduction and Design of JD Waterdrop Low-Code Canvas
政采云技术
政采云技术
Dec 15, 2022 · Frontend Development

Visual Hierarchy: Building Effective Information Architecture for UI Design

Visual hierarchy is fundamental to building effective information architecture, helping designers structure and organize interface elements through size, color, contrast, spacing, proximity, and weight to create clear, professional, and visually appealing pages.

UI designdesign principlesfrontend development
0 likes · 2 min read
Visual Hierarchy: Building Effective Information Architecture for UI Design
We-Design
We-Design
Dec 12, 2022 · Product Management

Designing Multilingual Mobile UI: Key Adaptation Principles for WeChat

This article explains how to adapt mobile UI designs for multiple languages by addressing script differences, text length, layout adjustments, icon usage, and strategies for displaying long strings, providing practical guidelines for creating a seamless experience for both Chinese and non‑Chinese users.

UI designlayoutmobile
0 likes · 5 min read
Designing Multilingual Mobile UI: Key Adaptation Principles for WeChat
NetEase LeiHuo Testing Center
NetEase LeiHuo Testing Center
Nov 25, 2022 · Game Development

Designing Interaction for Complex Game Mechanics: From Abstract Concepts to Concrete Player Experiences

The article analyzes how game UI and interaction design translate abstract game mechanics into concrete player actions, using examples like Just Dance, Naraka: Bladepoint, and It Takes Two, and discusses tutorials, HUD layout, visual/audio cues, and hidden information to enhance playability in complex games.

Game developmentUI designgame mechanics
0 likes · 12 min read
Designing Interaction for Complex Game Mechanics: From Abstract Concepts to Concrete Player Experiences
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 14, 2022 · Mobile Development

Building an Add Identity Card Page with SwiftUI

This tutorial walks through designing and implementing an "Add Identity Card" screen in a SwiftUI iOS app, covering UI element priority, state variable declarations, custom platform selector with LazyVGrid, multiline link input, and data binding to persist new cards.

LazyVGridSwiftSwiftUI
0 likes · 12 min read
Building an Add Identity Card Page with SwiftUI
Coolpad Technology Team
Coolpad Technology Team
Nov 11, 2022 · Frontend Development

Quantitative Color Extraction and Optimization for UI Design

This article presents a scientific color adaptation solution that uses a quantization algorithm to extract dominant image colors, refines them via HSB adjustments, validates against WCAG contrast standards, and demonstrates practical deployment in app store and game center interfaces.

Android PaletteHSBUI design
0 likes · 8 min read
Quantitative Color Extraction and Optimization for UI Design
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 10, 2022 · Mobile Development

Step‑by‑Step SwiftUI Tutorial: Building a Digital Woodfish App

This tutorial walks through creating a SwiftUI iOS app called Digital Woodfish, covering project setup, asset import, UI layout with Image, navigation titles, state handling, tap gestures, animations, and dynamic text updates to simulate a click‑to‑count wooden fish experience.

SwiftSwiftUITutorial
0 likes · 13 min read
Step‑by‑Step SwiftUI Tutorial: Building a Digital Woodfish App
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 30, 2022 · Frontend Development

Introduction to Building a Business Component Library with Vite

This article introduces a Vite‑based business component library series, explaining why building custom UI components can add value, outlining design principles such as clear I/O, high cohesion, low coupling, extensibility, and documentation, and previewing the topics the series will cover.

TypeScriptUI designbest practices
0 likes · 17 min read
Introduction to Building a Business Component Library with Vite
NetEase LeiHuo Testing Center
NetEase LeiHuo Testing Center
Sep 23, 2022 · Game Development

Design Analysis of Lost in Random: Narrative, Dice‑Driven Card Combat, and UI Integration

The article examines Zoink’s action‑adventure title Lost in Random, detailing its narrative premise, gothic visual style, dice‑driven card combat system, streamlined UI, and intuitive controls, and explains how these elements combine to create a cohesive, engaging gameplay experience.

Lost in RandomUI designaction-adventure
0 likes · 10 min read
Design Analysis of Lost in Random: Narrative, Dice‑Driven Card Combat, and UI Integration