👋

Hi, I'm Ruiyao

I'm a technical artist / design engineer. My interests are mainly focused on low-level graphics rendering / rendering engine / design tools. I am good at using cutting-edge technology to empower visual creators and bring users a cross-era visual experience. Feel free to contact me :)

If you are interested in my past work experience, you can check out my resume. (Due to NDA, please contact me by email to get the Access Code).

2025-10-23 Infinity Mirror Watch Face - Design story of the Infinity Mirror watch face for Xiaomi 17 Pro 2025-08-19 Image Resample 2025-08-19 Image Mipmapping

View all writings →

Projects

Infinity Mirror

Xiaomi 17 Pro Marketing Highlight Watchface

Rear Screen Music Player

Xiaomi 17 Pro Marketing Highlight Feature

Rear Screen Pin

Xiaomi 17 Pro Launch Event Highlight Feature

MLP Based Wallpaper Effects

Aesthetic exploration of wallpaper effects color based on multi-layer perceptron

Xiaomi Hyper OS Responsive Design System

Hyper OS2.0 system-wide responsive design specification, design system and development component library.

Portrait Recognition Effect

Used for the smart cutout feature in the built-in photo album app of HyperOS. It marks the first attempt by HyperOS to implement a complex rendering pipeline in a system application.

AI Text to Image Effect

Used for the AI text-to-image large model waiting effect in HyperOS.

General Purpose Blob Gradient

Organic dynamic gradient animation showcasing intelligent agents

Flashlight Effect

Used for the built-in flashlight app of HyperOS to turn on/off and adjust the brightness of the light.

Glass Wallpaper OS 2.0

Used for the implementation of real-time effects on the lock screen and desktop wallpaper of HyperOS 2.0.

Hyper OS2.0 Weather App

Strictly following meteorological physics formulas for weather system visual rendering can effectively, immersively, and naturally convey weather information to users.

XiaoAI Standby

Interactive effect for XiaoAI Standby.

Glass Wallpaper OS 1.0

Used for the implementation of glass effect rendering on the lock screen of HyperOS.

Advanced Material Design 1.0

Real-time rendering technology supports top-notch system-level visual performance

Mind Flake - A Interactive Installation Based on HRV

Mind Flake is an interactive installation based on heart rate variability, aiming to help users improve their mental health through interactive experience.