The article compares Nothing's multi‑product visual system with B&O’s ONCE headphone concept, explains a four‑step aesthetic judgment framework, and shows how designers can train both information‑organization and personal‑ownership thinking to create truly sophisticated product experiences.
The article explains how to transform a single business request into a batch of AI‑generated marketing visuals by standardizing deterministic design structures, parameterizing variable elements, and building an end‑to‑end “input‑generate‑deliver” workflow that ensures both large‑scale consistency and sufficient visual individuality across multiple product categories.
The article details a visual redesign of the long‑running Taobao interactive game Baba Farm, introducing a surreal “everything‑tree” concept powered by AI to transform static fruit‑on‑tree mechanics into a unified “product‑as‑tree” experience, outlining three development phases, UI hierarchy optimizations, and narrative‑driven feedback to re‑engage users.
The article reinterprets flash‑sale coupons as a designed touchpoint—using a gold‑egg metaphor, consistent visual anchors, emotional‑numeric feedback, holiday ambience, and brand integration—to make each benefit claim feel expected, memorable, and motivating for repeat participation.
OpenAI’s newly released ChatGPT Images 2.0 transforms image generation into a full‑featured visual design system, delivering 2K resolution, multilingual text rendering, complex layout handling, and up to eight concurrent images, while also exposing current physical limits such as intricate spatial puzzles.
This case study details how a national subsidy marketing project was transformed into a unified, flexible design system by defining clear mental symbols, building modular visual structures, and creating efficient, engaging user experiences across off‑site and on‑site channels, ultimately turning complex business logic into an intuitive consumer journey.
The article showcases a series of AI‑generated ultra‑realistic commercial visuals, breaks down the exact prompt language behind each, and explains the design insights that turn imaginative concepts into high‑impact advertising imagery for products like Nano Banana Pro.
This article details a three‑day, AI‑plus‑RPA workflow that generated 278 high‑impact title graphics and a library of cover‑design prompts, then scaled the process with ComfyUI to achieve fully automated, production‑grade visual content for a video platform.
This article explores how cultural variations influence visual and interaction design, using Hofstede’s six cultural dimensions and real-world examples—from movie posters to university websites and apps—to illustrate how power distance, individualism, achievement orientation, uncertainty avoidance, long‑term orientation, and indulgence affect user experience across regions.
This guide explains how to write precise text prompts for Google Gemini’s image‑generation model, covering six essential prompt elements, feature overviews, and concrete examples that demonstrate character consistency, targeted edits, creative composition, style transfer, and logical reasoning, while also noting current limitations.
This comprehensive guide explains the value, classifications, styles, principles, and step‑by‑step workflow of icon design, offering practical standards and tips for creating consistent, recognizable, and brand‑aligned icons in contemporary user interfaces.
This report examines the rapid rise of AI‑generated content (AIGC) in visual design since early 2023, detailing tool adoption, usage patterns across design roles, practical applications, case studies, knowledge accumulation, and the challenges and future outlook for integrating AI into design workflows.
This article explains how designers leveraged AI drawing tools like Midjourney to create a distinctive visual style for a housing‑mortgage loan landing page, detailing the prompt engineering, image generation, refinement, and final integration steps that boost efficiency while preserving creative control.
This article details how 58.com’s design team leveraged AI tools such as Stable Diffusion, LoRA models, and prompt engineering to create a visually rich September recruitment landing page, outlining the project background, design strategy, technical exploration, and measurable results.
This article explains preference testing as a mixed qualitative‑quantitative method for evaluating visual design, outlines its full lifecycle, and presents a detailed case study of a home‑service app redesign, showing how specific metrics and analyses reveal user perception and guide future design decisions.
This case study details how the WeChat Games team designed a 2022 year‑end review that transforms player statistics into an engaging, story‑driven experience by leveraging emotional storytelling, personalized personas, comic‑style visuals, and clever easter eggs to boost shareability and user delight.
This article explains how applying product thinking—from defining target users and analyzing scenarios to establishing a structured visual design process and iterating visual standards—helps designers create user‑centered, high‑impact visual experiences.
This article explains why visual experience matters for product perception, introduces the desirability testing method based on structured word lists, and provides practical guidelines for selecting words, conducting the test, and analyzing results to gauge users' emotional reactions.
This article traces the origins of cyberpunk, explains its historical phases from the Golden Age and New Wave to the modern era, and details the visual characteristics that distinguish classic and new cyberpunk across literature, film, animation, and games.
The article analyzes JD’s APP 11.0 visual redesign, detailing the new design philosophy, simplified icons, interactive splash screens, brand‑IP integration, unified material language, and promotional video strategy, all aimed at creating a simpler, more joyful shopping experience for diverse users.
This case study walks through the complete redesign of the "到家" home page, detailing the product background, user‑research‑driven process, visual and interaction upgrades, and the resulting improvements in user retention, brand perception, and operational efficiency.
This comprehensive guide walks new UX designers through every stage of the product design lifecycle—understanding project flow, breaking down requirements, executing interaction and visual design, conducting reviews, and delivering polished assets—so they can confidently navigate from concept to launch.
This article reviews the 2021 Zhixing Spring Travel campaign, detailing the design direction, activity decomposition, PRD refinement, visual guidelines, and the application of a lightweight pseudo‑3D style and the distinctive “回” symbol across the UI to create a cohesive, trendy user experience.
This case study details a three‑day field research in Chongqing, revealing brand and service gaps in 58 兼职’s offline stores and proposing a warm VIS visual system and standardized service workflow to improve user experience and conversion.
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 examines how thoughtfully crafted main visuals influence user engagement and sales in e‑commerce campaigns, presenting four case studies from the “Super Welfare Day” series that illustrate design background, strategy, visual style, implementation, and measurable results such as an 85.2% GMV lift.
This article examines how 58 Tongcheng’s tribe community leverages brand‑centric visual design, logo creation, and series‑based content operations to engage users, bridge designers, product managers, and third‑party partners, and turn fragmented online attention into lasting community value.
This case study details how 58’s design team restructured the rental listing management flow, introducing a full‑lifecycle approach for landlords and unifying visual design across pre‑rental, rental, and post‑rental stages, ultimately reducing management costs and enhancing user experience.
This guide outlines a comprehensive UI standard design process—from requirement analysis and interaction design to visual design, design system creation, and implementation tracking—providing UI, interaction, and experience designers with structured steps, evaluation criteria, and best‑practice principles to deliver business‑driven, high‑quality products.
This article details JD Smart Cloud’s 11.11 promotional design process, outlining user‑phase shifts, core visual concepts, multi‑scene continuity, component reuse, and the resulting design guidelines that streamlined the campaign and enhanced brand impact across both online and offline channels.
The article details JD.com’s 11.11 promotional campaign, explaining how the shift from merchant‑focused pre‑heat to consumer‑focused peak phases drove a unified visual strategy centered on the "interconnect" motif, component consistency, color transitions, and streamlined user experience across online and offline touchpoints.
This article explores how plot‑driven narrative techniques—both static and dynamic—enhance UI visual design, addressing challenges such as missing timelines and logical flow, and proposes visual‑guidance methods, montage, symbolic timelines, narrative fields, and varied presentation forms to create more engaging user experiences.
This case study details how 58.com analyzed user demographics and market news products, then applied a three‑step design strategy—seamless reading, semi‑automatic interaction, and KOL‑driven value—to transform its Hot Discussion module into a user‑centric, high‑engagement content experience.
This article walks through the UI design process of the Liulishuo® children’s English app, covering user personas, core app functions, visual design goals such as efficient browsing, child‑friendly aesthetics, a structured design system, multi‑device adaptation, and component‑library collaboration to deliver a cohesive, engaging experience for both parents and kids.
Learn how to efficiently build a minimalist mood board by extracting keywords, gathering visual assets, and generating a final visual guide, a process especially useful for fast‑turnaround banner and popup designs.
This case study presents the LaiLaiTui project for JD Daojia, detailing its background, extensive user research with 685 questionnaires, usability testing, interview findings, visual style exploration, product structure, and future planning to improve promotion efficiency and user experience.
This article explores how visual designers can understand interaction drafts, maintain information hierarchy, and thoughtfully adjust layouts across operation‑type and platform‑type pages, using real‑world examples to illustrate best practices and common pitfalls in UI design collaboration.
This article explains how visual designers can leverage data analysis to demonstrate design value and drive conversion in Yellow Pages operations, covering design insights, strategic visual tactics, template standardization, and reinforced user guidance that together increased traffic conversion by 40%.
This article outlines the fundamentals of membership system design, covering product‑level considerations such as user segmentation, incentive perception, and sustainable growth, as well as visual‑level tactics like tier differentiation, color usage, and clear task presentation to boost user engagement.
This article presents a comprehensive methodology for translating brand concepts into visual design, covering brand definition, mental mapping, visual style construction, user‑centred validation, iterative testing results, and future research directions, all illustrated with process diagrams and case‑study examples.
This article details 58.com’s comprehensive homepage redesign, covering the shift from a functional layout to a youthful, emotionally resonant brand image through design thinking, visual language evolution, information architecture optimization, and personalized content strategies aimed at boosting user engagement and efficiency.
This article explores how industrial design history—from the functional steam‑engine era to modern minimalist and pop‑culture influences—has continuously informed the evolution of graphical user interfaces, iconography, and the aesthetic choices that define contemporary frontend design.
This article explains the different levels of dimensionality in graphic design—from visual depth and half‑dimensional effects to fully three‑dimensional objects—detailing construction methods such as perspective, color shading, texture simulation, and optical illusion techniques, while providing practical examples and visual references.
This guide explains why competitive analysis is essential for UX designers, outlines strategic, user, and practice layers, presents key principles and competitor types, and provides a structured workflow—from brand communication to visual style, layout, motion, and verification—to produce actionable design insights.
Visual designers must go beyond aesthetics by embracing product thinking and design thinking; this article breaks down the three layers—product thinking, visual strategy, and visual execution—showing how they interconnect like a ship’s navigation system to guide designers toward user‑centered, impactful outcomes.
This article explains the concept of UI metaphor design, categorizes common visual, auditory, and haptic metaphors, and outlines four design approaches—conceptual, feature‑based, structural, and behavioral—providing concrete examples and illustrations to inspire effective interface design.
This article chronicles the design process behind 58同镇’s icon set, detailing research, concept development, visual experimentation, and brand integration to create rural‑appealing, aesthetically superior icons for a nationwide Chinese market.
This article introduces the “Extreme Deliberation” method—a step‑by‑step visual design framework that breaks problems into key dimensions, explores opposite extremes, and iteratively refines solutions, illustrated with logo, icon, and content‑list case studies.
This article shares fifteen practical UI design principles for card‑based games, covering art style selection, player‑targeted aesthetics, consistency with game lore, leveraging known IPs, creating distinctive visuals, simplifying interfaces, ensuring usability on mobile, and enhancing overall player experience.
The HJUX design team analyzes 2018 visual design trends, revealing six influential styles—from laser gradients and cyber‑punk glitch art to synesthetic deconstruction, solid‑color 3D rendering, minimalist layouts, and light‑sensation overlays—each backed by real‑world case studies and future predictions.
This article explores how visual designers at NetEase Yidun applied Google’s five‑day Design Sprint to revamp the “Image Online Detection” feature, detailing each sprint phase—from understanding user needs to prototyping and testing—and demonstrates how systematic, cross‑functional collaboration elevates designers from decorators to strategic drivers.
This article explores essential visual design principles for apps—including image usage, typography hierarchy, color theory, icon creation, and whitespace—to help designers improve aesthetics, usability, and overall product quality.
This article examines how NetEase Pay’s product positioning shapes its design system, analyzes competing payment apps, outlines key visual keywords, and showcases iterative UI solutions—including icon unification and card‑based game branding—to create a cohesive, user‑friendly mobile payment experience.
This article outlines fifteen often‑overlooked UI design details—from consistent icon styles and balanced icon sizing to proper use of shadows, color palettes, typography hierarchy, and layout principles—providing mobile app designers with practical guidelines to create visually coherent, user‑friendly interfaces.
This case study describes how a three‑week H5 promotion for a university English‑vocabulary app was conceived, designed, and animated around a playful “Exam God” character, using expressive emojis, GIF key‑frame animation, and visual tricks to boost user engagement and sharing.
This article explains what infographics are, why they are essential for simplifying complex information, outlines the six main types of visual representations, and presents five key principles—eye‑catching design, accurate messaging, simplicity, eye‑movement guidance, and minimal text—to create effective infographic designs.
This article shares a visual designer’s process for creating effective promotional banners by studying classic design styles like Memphis and Dieter Rams, illustrating how thoughtful borrowing and tailored visual language can boost click‑through rates for educational products.
The 2017 visual design trend report from HJUED outlines a two‑phase research process—reviewing last year's keywords and exploring new directions across typography, material, shape, layout, and motion—providing concept overviews, real‑world examples, and visual illustrations for each emerging style.
This article explores how contrast and analogous color combinations, illustrated through outfits from the Japanese drama “Proof of the Goodness of Simplicity – Proofreader Girl Kono Etsuko,” can inform visual and UI design, offering practical proportion guidelines and inspiring a positive, detail‑focused mindset for designers.
This article outlines seven key psychology principles—including the Von Restorff effect, Hick's Law, Maslow's hierarchy, color psychology, facial recognition, Fitts's Law, and Occam's Razor—and explains how designers can apply them to create more engaging, user‑friendly designs.
This article explains why attractive interfaces capture users' attention, explores the concept of beauty from mathematics and philosophy, and outlines practical visual design techniques—clear information hierarchy, removal of distractions, guided visual flow, organized icons, and emotional cues—to enhance overall user experience.
This article demystifies the many design titles—UX, UI, visual, interaction, product, and user‑research designers—explaining their core responsibilities, typical deliverables, essential tools, and how they differ across industries, helping readers navigate the confusing landscape of modern design roles.
This article examines Material Design’s 18 essential UI elements—buttons, dialogs, tabs, snackbars, and more—explaining their variations, usage guidelines, and the design principles of visibility and consistency that help creators build cohesive, user‑friendly interfaces.
This article outlines a comprehensive five‑layer design workflow—Strategy, Scope, Structure, Skeleton, and Surface—explaining each stage's purpose, key questions, and how designers, visual artists, and front‑end engineers can collaborate to create user‑centered products.
This article explores how storytelling—through social media, images, illustrations, mascots, parallax effects, and personalization—enhances web design by creating engaging, memorable experiences that strengthen brand communication and improve user interaction across various devices.
This article explores how colors influence emotions, purchasing choices, and brand identity, highlighting survey data, psychological symbolism, minimalist design trends, seasonal color shifts, and practical tips for selecting effective hues to engage users and boost marketing impact.
In the digital age, hand‑drawn visual elements bring warmth, originality, and emotional resonance to user interfaces, offering a compelling alternative to the often sterile, uniform aesthetics produced by computer‑generated graphics.
This article explores the fundamentals of color theory, the emotional meanings of primary hues, and how strategic color use in interface design can shape user perception, boost engagement, and significantly affect conversion metrics.
