Google is experimenting with a new homepage for unsigned users that replaces the traditional Search button with AI‑driven shortcuts like Create Image, Ask File, and Brainstorm, some of which work without signing in, a change observed in Chrome, Edge, and Perplexity’s Comet browser.
The author evaluates Qwen-Image 3.0 against GPT‑Image 2 by generating images for six typical design tasks—data‑visualization dashboard, TikTok live screen, app UI, poster, badge icons, and portfolio website—and finds that Qwen‑Image 3.0 generally matches Chinese aesthetic preferences better, though it still trails GPT‑Image 2 in some areas and may improve with further iterations.
Using pure whites, greys, or blacks for backgrounds, shadows, and text strips a UI of its subtle brand temperature, making it feel assembled rather than crafted; mixing a small amount of brand hue into every neutral layer creates cohesion, depth, and a premium visual experience.
The author describes creating a lightweight local dashboard that monitors Binance Alpha, crypto and US stocks, records purchase quantities and amounts, auto‑calculates averages and profits, and evolves through concrete AI prompts and iterative UI tweaks, all stored in a local JSON file.
The article analyzes why AI‑generated front‑end pages often feel like a collection of cards rather than a cohesive product, showing how a redesign that adds a clear hero, narrative hierarchy, unified visual language, and purposeful CTA transforms a functional UI into a mature, immersive experience for Java/Spring Boot developers.
This article details how the OpenSpec v1.3.1 project upgraded its UI visual layer with a new color palette, icons, and animations, uncovered why AI‑generated tasks.md ignored schema instructions, fixed the issue by editing the template, and verified the changes through a full apply‑verify‑archive cycle.
This guide lists eight AI‑powered agent skills for UI designers, explains why the installation order matters, provides concrete CLI commands and example workflows, and shows how these skills turn Claude Code from a code generator into a full‑featured design partner.
The article clarifies the difference between visual style and brand theme color, shows how to implement each with CSS, provides design guidelines and code snippets for various product types, and warns common pitfalls so you can create cohesive, recognizable layouts for public‑account content.
Tailscale released a macOS windowed version that eliminates the notch‑induced menu‑bar icon hiding problem by introducing dual‑mode interfaces, a hybrid AppKit‑SwiftUI architecture, performance and security upgrades, and developer‑friendly features, turning a UI limitation into a richer user experience.
The article analyzes how AI tools and market shifts are forcing product managers, UI designers, and interaction designers to evolve from narrow, visual‑only tasks toward full‑stack, data‑driven, and technically integrated roles, illustrated with real‑world case studies and hiring data.
This article showcases five recent mobile app design case studies—Xianyu’s AI‑generated listings, Alipay’s gamified banner, Qunar’s ticket‑refund retention flow, Endel’s shake‑to‑unlock subscription, and QQ Music’s pull‑down coin center—highlighting how low‑friction interactions, gamification, and visual cues can dramatically improve user engagement and conversion rates.
This guide explores Google’s Nano Banana AI model, offering three actionable prompt templates for UI concept generation, low‑fidelity wireframing, and component design, along with tips on crafting clear, detailed prompts to achieve high‑quality, style‑consistent visual outputs using the free Google AI Studio.
This guide outlines a unified UI style system covering color palettes, typography rules, component styling, layout spacing, and Axure custom widget definitions, referencing popular design frameworks to help product teams create cohesive and visually appealing interfaces.
This article explores how AI-powered workflows transform UI icon creation by dramatically reducing manual tweaking, ensuring consistent style across series, and enabling designers to focus on user experience, while outlining practical steps, real‑world cases, and best practices for integrating AI into the design process.
This guide walks you through creating, loading, editing, and using Axure RP component libraries—showing how to package complex widgets like image carousels into reusable assets that can be dragged onto any prototype with a single click.
This article showcases five recent UI motion design cases—from Airbnb's envelope invitation to Grab's infinite‑saving symbol—illustrating how animated visual cues can strengthen trust, highlight discounts, and create a sense of ceremony that boosts user engagement and perception.
This article introduces the 9‑slice scaling technique, explains how CSS border‑image properties can create non‑distorting stretchable UI elements, and provides step‑by‑step code examples with visual demos to help front‑end developers reduce asset duplication while maintaining design fidelity.
This guide explains what the Axure Repeater widget is, how to add and configure it, bind data, manage rows (add, delete, update), apply filtering, pagination, layout options, and understand its item and repeater properties for efficient UI prototyping.
This guide explains Microsoft’s redesigned Windows 11 start menu that removes the secondary All‑apps list in favor of a grid view, compares it with the list view, shows how to enable the feature via ViveTool, and discusses its usability pros and cons.
This article shares a practical methodology for creating high‑quality design components, outlining how to make them understandable, usable, and maintainable through multi‑layer nesting, flexible‑yet‑convergent construction, systematic variant mapping, and data‑driven maintenance, with a focus on Figma‑based workflows.
This article explains how premature or overly aggressive error messages can frustrate users, outlines Nielsen's relevant usability principles, and provides practical guidelines with real‑world examples to help designers display errors only when necessary and use error styling appropriately.
Leveraging Baidu’s AI large‑model capabilities, the MEUX team reimagined the app’s homepage with a pinch‑gesture‑triggered ‘Morning‑Evening Report’, introducing a structured framework, avant‑garde visual language, and intelligent content generation to boost reading efficiency and deliver a magazine‑like experience.
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.
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.
This article explores what constitutes dangerous actions in UI design and presents various confirmation strategies—such as modal dialogs, extra user input, danger zones, inline guards, two‑factor authentication, and undo mechanisms—to prevent accidental irreversible operations and improve user safety.
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.
This article explains how JD Finance’s dynamic UI framework leverages standard Flex layout and the Yoga engine to achieve consistent cross‑platform designs, detailing container and item concepts, key Flex properties, list and absolute layouts, visibility controls, and common layout troubleshooting tips.
This article showcases five recent mobile UI/UX case studies—from Xianyu’s IP‑driven two‑screen entry to Alipay’s AI life assistant—demonstrating how visual hierarchy, hidden ads, humorous interactions, and AI features can boost user engagement and conversion.
This article showcases six real‑world mobile app examples—Taco Bell, Swiggy, Zomato, Cubox, Signal, and Gojek—demonstrating how thoughtful illustrations, animations, and empathetic copy turn ordinary screens into engaging, emotionally resonant experiences that reduce user frustration and strengthen brand connection.
This comprehensive guide explains what popups are, distinguishes modal and non‑modal varieties, outlines essential design principles for titles, content, buttons, and overlays, and provides a step‑by‑step workflow for selecting and implementing the right popup type to improve user experience.
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.
This article showcases six practical design case studies—from Dazhong Dianping’s animated ranking entry to Tik‑Tok‑style interactive maps—highlighting how animation, brand perception, user experience, and clever visual cues can inspire more engaging mobile app interfaces.
Microsoft engineer Dave Plummer recounts how a quick‑and‑dirty formatting dialog he built in 1994 using VC++ 2.0 became a 30‑year‑old UI staple, persisting unchanged into Windows 11 and even imposing the 32 GB FAT volume limit due to an early design shortcut.
Huawei's HarmonyOS design guide outlines UI principles for 2‑in‑1 devices, covering interface highlights, window framework, size specifications, column structures, and responsive rules to help developers create efficient and immersive applications across tablet‑laptop hybrids.
This case study details Vivo Game Center's strategic redesign of its homepage, addressing content exposure, navigation efficiency, and visual immersion through a restructured layout, dynamic video integration, and a refined waterfall flow that together boost game activation rates and user engagement across devices.
This article shares six recent online UI design cases—from Alipay's scrolling bullet to Hema's stylised comment shortcuts—highlighting how interactive elements, animations, and AI assistance can attract attention, improve user experience, and inspire fresh product design ideas.
This article walks through the mathematical analysis, coordinate calculations, and step‑by‑step Android code needed to draw an inverted equilateral triangle, animate a red/black tracing line, and rotate the shape with rounded corners, while addressing common pitfalls such as frame drops and aliasing.
This article outlines practical UI design guidelines for building a multimodal AI platform, covering layout simplification, emphasis on key content, color schemes, typography consistency, icon style, interaction uniformity, and cross‑browser/device compatibility to create an intuitive and efficient user experience.
This guide explains how to choose and implement map visualization layouts—primary map focus, side‑by‑side view, or dual‑panel designs—and details point, line, and area visual elements along with common chart types to improve logistics efficiency and user experience.
The article explains how product‑team decisions at Apple and Microsoft led to the absence of a built‑in calculator on iPadOS and a three‑decade‑old disk‑formatting UI in Windows NT, highlighting the lasting impact of temporary design choices.
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.
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.
This article showcases five recent UI/UX case studies—including NAVER's interactive banner, Agoda's coupon animation, Airbnb's direct review button, Zomato's membership effects, and TooGoodToGo's dynamic pricing—highlighting how motion design and thoughtful interaction can capture attention, reinforce brand messaging, and improve user experience.
This article explains what layout design is, why it matters, and walks you through the four fundamental principles—contrast, alignment, grouping, and repetition—illustrated with real UI examples to help designers create clear, engaging, and visually balanced interfaces.
This article examines the vital role of tables in B‑end CRM applications, identifies common visual and interaction problems, and presents a set of readability‑ and operability‑focused design guidelines—including typography, component sizing, hover feedback, header handling, row and column treatments—to enhance user efficiency and experience.
This article explains what UI design adaptation is, why it’s essential for consistent mobile experiences, introduces key concepts such as logical and physical resolution, and details practical methods—including fixed‑size and responsive techniques—to streamline design work across diverse screen sizes.
This article explains what a design system is, how design patterns and shared design language work together, the role of pattern libraries, effective design principles, and a practical case study, offering frontend developers a comprehensive guide to building cohesive, user‑focused interfaces.
At the Mobius 2023 conference in St. Petersburg, Russia’s Open Mobile Platform unveiled Aurora OS 5.0, showcasing a revamped UI, gesture controls, and enhanced multitasking for large‑screen tablets, while tracing its roots to Sailfish OS and its government‑focused deployment.
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.
This article shares Huolala's experience designing a unified monitoring platform UI, covering the evolution from open‑source dashboards to a fully self‑developed solution, simplification of PromQL, computed metrics, log and trace integration, and the challenges of alert configuration and visualization.
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.
This article translates the "16 Little UI Design Rules" into practical guidelines, showing how applying spacing, consistency, contrast, typography, and accessibility principles can dramatically improve the usability and visual hierarchy of a short‑term rental property detail page.
This article explains the core Gestalt principles—simplicity, proximity, similarity, continuity, closure, figure‑ground, and common fate—and the five interaction‑design laws (Occam's razor, Miller's law, the 400 ms response threshold, Jakob Nielsen's law, and the "save effort" principle), showing how they can be applied to create clearer, more efficient, and more engaging interfaces.
This article curates recent front‑end engineering insights, including a ChatGPT‑driven pair‑programming approach using the driver‑observer model, a rapid 200‑line Vue‑like framework built with AI assistance, practical JavaScript code‑cleanliness techniques, strategies for optimistic UI design, and a lightweight method for measuring user‑experience metrics.
This article explores Baidu's incentive video ad framework, detailing layout consistency, component selection, reward timing, video playback strategies, landing‑page integration, exit‑retention tactics, and conversion‑step reduction to maximize user engagement and revenue.
Explore the essential visual elements of UI shape design—including icon, card, and banner forms—by learning their definitions, key principles such as uniformity, semantics, balance, brand relevance, and innovation, and practical guidelines for creating effective, responsive, and engaging interfaces.
The article reviews Ant Design 5.0’s redesign, explaining how its focus on clearer visuals, reduced distractions, and a relaxed feel—through updated color palettes, larger interaction zones, and a flexible corner‑radius algorithm—enhances user efficiency and creates a more pleasant virtual office experience.
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.
This article explains what microinteractions are, why they are crucial for user experience, outlines common types such as click, long‑press, pull‑to‑refresh, and scroll effects, and showcases real‑world examples like NetEase Cloud Music that demonstrate how tiny UI animations can boost engagement and usability.
This article curates key front‑end and emerging tech topics—including Inversion of Control in JavaScript, the overload of JS frameworks, Facebook's iOS codebase evolution, GPT‑4's launch, prompt‑engineering automation, and nuanced UI control design—offering concise insights for modern developers.
The article explains visual flow concepts—originating from interior design and Gutenberg’s printing principles—and describes how the Gutenberg, F‑shaped, and Z‑shaped models guide UI layout on both web and mobile, offering practical examples and tips for designers to improve readability and user experience.
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.
This article outlines how cultural preferences, reading directions, address formats, and visual conventions across more than 220 countries shape international B2B UI design, and provides concrete presentation, behavior, and business‑level strategies for creating inclusive, adaptable interfaces.
This guide outlines practical UI design techniques—such as typographic hierarchy, strategic spacing, precise alignment, consistent styling, micro‑textures, and proper image proportions—to help designers create visually rich, high‑quality interfaces that delight users and strengthen brand perception.
This case study details how a reading app’s Welfare Center aggregates video‑ad rewards, using interaction and visual design, vitality visualizations, and spring‑based animations to keep non‑paying users active, improve the reading experience, and gradually convert them to paying customers.
This article explores the unique design principles of real-time collaborative office tools, outlining four key characteristics—member status visibility, non‑interference, timely communication, and predictive operations—to help designers create efficient, user‑friendly teamwork experiences across platforms.
A detailed eye‑tracking case study shows how the Ele.me team designed, tested, and refined a new “Frequent Order” tab by comparing card layouts, discount placement, and visual emphasis, ultimately identifying the most efficient UI for repeat purchases.
Discover ten essential, free front‑end development tools—from gradient generators and responsive testing apps to API libraries, image sources, SVG illustration collections, documentation browsers, regex debuggers, template sites, code formatters, and icon repositories—that can streamline your workflow and enhance productivity.
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.
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.
This article explains how to create a rational, extensible, and harmonious color system for an enterprise mobile banking app, covering principles, a step‑by‑step workflow, brand color evolution, auxiliary palette generation, WCAG contrast validation, and implementation details for design and development teams.
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.
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.
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.
This article examines Baidu Wenku's decade‑old document platform and explains how user research revealed outdated visuals and interactions, prompting a comprehensive visual and experiential redesign that aligns the product with the preferences of younger users.
This article explores how evolving human habits and Maslow's hierarchy of needs have driven UI design across agricultural, industrial, and information societies, tracing the visual language from early computers to today's diverse UI styles.
This article explores how to structure B‑end interfaces using three spatial axes—X for horizontal expansion, Y for vertical information handling, and Z for stacking order—offering concrete layout patterns, adaptation strategies, and layering guidelines to create logical, scalable enterprise UIs.
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.
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.
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.
This case study details Baidu Hotel’s design process for a price‑comparison feature, outlining market background, user research, strategic touchpoints, competitive analysis, and three implementation phases that together enhanced perception, built cognition, and reinforced memory, ultimately improving conversion rates.
This article showcases three typical smart‑home user scenarios—pet owners, family caregivers, and professionals—detailing the UI design concepts of apps such as automatic feeders, smart litter boxes, robot vacuums, intelligent lighting, family smart screens, smart toilets, switches, fitness mirrors, and artistic speakers, while highlighting visual and interaction patterns that improve usability and user delight.
This article explores essential visual psychology concepts for designers, covering how we observe, read, remember, think, focus, and make decisions, and offers practical design guidelines such as leveraging optical illusions, peripheral vision, pattern recognition, color‑blind accessibility, cultural color meanings, and the proximity principle to create more intuitive user experiences.
This article provides practical guidelines for Chinese text layout and punctuation in product development, recommending spacing adjustments, punctuation substitutions, and typographic practices to balance professionalism and visual appeal while addressing cost and time constraints.
Discover the nine essential UI design elements shaping modern financial apps—from brand colors and gradient backgrounds to typography, icon styles, whitespace, rounded cards, illustrative graphics, micro‑interactions, data visualisation, and component‑based systems—each helping convey corporate identity, enhance trust, and improve user experience.
This article introduces the fundamentals of data charts, covering their definition, advantages, core components, common classifications, typical use‑cases, and a curated list of useful plugins and websites to boost design efficiency.
This article explains Baidu App's immersive video design, detailing how maximizing screen real‑estate, optimal placement, and continuous viewing interactions such as window squeezing and floating mini‑windows create a focused, distraction‑free experience across diverse mobile devices.
This article traces the rise, fall, and resurgence of skeuomorphic design—from its decorative origins in ancient artifacts and early automobiles to its pivotal role in early graphical user interfaces, the flat‑design backlash, and its renewed relevance in modern mobile, AR, and VR experiences.
This article explains the history, fundamentals, components, and practical guidelines of grid systems for UI design, showing how they improve layout consistency, reduce cognitive load for users, streamline designer‑developer collaboration, and enable responsive designs across multiple screen sizes.
This article debunks the overused term “intuitive design,” explains what intuition really means, shows how familiarity—not unconscious reasoning—drives perceived intuitiveness, and demonstrates how applying proven design patterns and emerging AI technologies can create clearer, more efficient user experiences.
The article recounts how a simple misclick made the popular HTTPie repository private, instantly erasing over 54,000 GitHub stars, and extracts practical lessons on UI warnings, backup policies, and repository‑management best practices for developers and platform teams.
Research by Elise Blanchard reveals that blue hyperlinks became the web standard in 1993 after early 1990s conferences and the Mosaic browser adopted blue to replace black, a shift rooted in late‑1980s industry meetings that promoted blue as the interactive text color for UI components.
This article explains how establishing clear design specifications improves team collaboration, speeds up component assembly, ensures visual consistency across a product, and outlines a practical process for creating, reviewing, and iterating design guidelines within a mobile app ecosystem.
User Experience (UX) encompasses how people perceive and interact with systems, covering research methods, strategy development, and design principles, while UI focuses on visual and interactive aspects; together they guide the creation of engaging, usable, and responsive digital products across devices.
The Xianyu front‑end component library was designed as a Lerna‑based multi‑package system that unifies UI specifications, provides reusable atomic to industry‑specific components, employs CSS modules and strict linting, and uses Storybook for documentation, ultimately boosting development efficiency, quality, and cross‑team consistency across the product’s many business lines.
This article explains how 58 Local leveraged localized visual and textual cues, upgraded icons, refined reading experiences, and introduced adaptive font sizes to create a more relevant and user‑friendly product for lower‑tier cities and older users.
This article explores the concept of visual subtext in UI design, explaining why designers should consider hidden cues, defining subtext, and illustrating its three main functions—conveying hidden information, building emotional connections, and reducing cognitive load—through real game‑interface case studies.
This article explores how icons reduce comprehension effort and convey information efficiently, examines industry-leading examples like Apple’s SF Symbols, explains vector specifications, shares practical drawing methods, and offers guidance on balancing weight, color, localization, and tool workflows for high‑resolution screens.
This article walks through the fundamentals of Figma plugin development, explaining the architecture of main and UI threads, demonstrating core features of the lego‑quiz‑figma plugin, and providing a complete workflow from creating the manifest to publishing the plugin, complete with code examples and best‑practice tips.
This article reviews fifteen specific UI changes Etsy implemented on its product pages in 2020, explaining how larger search areas, repositioned image selectors, revamped price displays, enhanced reviews, and other tweaks improved visibility, usability, and brand perception for shoppers.
