UI/UX DESIGNER
Hey, I’mRuairi。
我是一名 UI/UX 设计师，擅长把模糊的需求和复杂的信息，逐步整理成 清晰、自然、可以落地的产品体验 。
相比直接进入界面设计，我更习惯先理解业务、用户和使用场景，再梳理结构与关键流程，最后用交互和视觉把 产品逻辑表达清楚 。
我也在持续探索 AI 在产品设计与原型验证中的实际应用 ，让想法更快从概念变成可以体验、讨论和验证的方案。
SCROLL TO EXPLORE ↓
DESIGN FOCUS
我主要关注三件事：复杂的信息怎么变得更清楚，关键流程怎么走得更顺，以及视觉系统怎么在不同页面和场景里保持一致。AI 是我加快探索和验证的工具，而不是设计本身。
ABOUT ME
在看作品前先认识我。
我毕业于 西南大学视觉传达设计专业 。最初接受的是信息编排、视觉层级与表达方式的训练，进入产品设计之后，我开始把注意力从“界面怎么呈现”，逐渐转向“用户为什么这样理解和使用产品”。
在过往的项目经历中，我参与过多个不同类型的 C 端产品 ，接触过不同的业务模式、用户需求与使用场景，也逐渐积累了快速理解业务、梳理需求并推进设计方案的能力。之后，我进一步接触多角色、多流程与复杂数据关系的 B 端业务系统 ，设计关注点也从单一界面逐渐延伸到产品结构、信息组织与整体体验。
目前我主要关注 产品梳理、信息架构、交互设计、视觉系统与 AI 原型 。相比单纯完成页面，我更希望先把问题和结构理清，再用交互与视觉把产品逻辑表达清楚，同时借助 AI 提高探索和验证效率。
UX CAPABILITIES
TOOLS & EXPLORATION
EXPERIENCE
西南大学
视觉传达设计 · 本科 · 2022
重庆易南网络科技有限公司
UI 设计师 · 2023.03 — 2025.04
重庆文烁有限公司
UI/UX 设计师 · 2025.05 — 2026.07
WHAT I DO
设计能力。
PRODUCT & REQUIREMENTS产品理解与需求梳理
从业务目标和用户需求出发，把相对模糊的需求整理成明确的页面结构、功能关系与设计目标，为后续交互和视觉设计建立清晰基础。
—Business Understanding · Requirement Analysis · Product Structure
INFORMATION & INTERACTION信息架构与交互设计
面对复杂内容和多步骤任务，先梳理信息层级、页面关系与关键流程，再通过原型验证操作路径，让用户更容易理解并完成任务。
—Information Architecture · User Flow · Interaction Design
UI & VISUAL SYSTEM界面设计与视觉系统
将产品逻辑转化为清晰、有层级的界面体验，并建立组件、样式与设计规范，让 APP、小程序、H5、Web 等不同终端保持一致的视觉与交互语言。
—UI Design · Multi-platform Design · Design System
AI PROTOTYPINGAI 原型与快速验证
将 AI 用于资料整理、方向探索与交互原型构建，把静态设计进一步变成可以操作和体验的 Demo，在开发之前更快验证流程、内容和交互方向。
—AI Prototype · Interactive Demo · Rapid Validation
C 端产品体验设计
CONSUMER EXPERIENCE心序
面向心理健康与情绪陪伴场景，从用户“难以开始表达”的真实问题出发，重新梳理产品结构与核心流程，并将内容服务、情绪陪伴与 AI 对话整合进一套更连贯的体验。
VIEW CASEB 端复杂系统设计
B2B SYSTEM DESIGN慧橙
面向汽车经销集团的多门店经营场景，将分散在不同门店、角色与业务环节中的经营信息重新组织，重点解决复杂数据如何被快速理解、比较并辅助管理决策的问题。
VIEW CASE产品改版与体验重构
PRODUCT REDESIGN黑羽 2.0
基于现有产品进行体验审查，重新梳理信息层级、关键路径与界面视觉，在保留原有业务内容的基础上，解决功能关系混乱、重点不突出与体验不一致等问题。
VIEW CASEFULL PORTFOLIO
VIEW ALL PROJECTS
HOW I WORK
不止完成界面。
我更在意一个方案为什么成立，而不只是它最终长什么样。面对新的设计任务，我通常会先理解问题和约束，再通过结构、原型与视觉逐步把方案推向可验证、可落地的状态。
UNDERSTAND THE CONTEXT理解上下文，而不是只接需求
在开始设计之前，先弄清业务目标、用户角色、使用场景和实现边界。很多设计问题，并不是靠重新画一个页面就能解决。
MAKE COMPLEXITY CLEAR先整理复杂，再开始表达
面对大量信息、角色和流程时，我习惯先拆关系、分层级、找重点。把复杂问题整理清楚之后，界面往往会自然很多。
MAKE IDEAS TANGIBLE用原型代替空谈
当方案还比较抽象时，我会尽早用流程图、低保真原型或可交互 Demo 把想法变成可以体验的东西，让讨论围绕真实方案发生。
DESIGN WITH PURPOSE让视觉表达产品逻辑
我不把视觉当成最后的包装。层级、留白、组件、动效和反馈，都应该帮助用户理解信息和完成任务，同时建立产品自己的视觉秩序。
DESIGN FOR REALITY在现实约束里把方案做完整
设计最终需要进入真实产品，所以我会关注组件规范、不同状态、响应式表现和开发实现，并在走查与反馈中持续修正细节。
DESIGN PROCESS
从问题，到可落地的体验。
不同项目的节奏会有所变化，但我的基本路径通常一致：先确认问题和目标，再建立结构、推进设计，最后在真实实现条件中完成验证与交付。
DEFINE定义问题
先理解业务背景、用户角色、核心目标与项目边界，把零散需求整理成可以判断优先级的设计问题，并明确这一阶段真正需要解决什么。
STRUCTURE搭建结构
梳理功能关系、信息层级与关键用户流程，通过流程图和低保真原型快速验证结构是否合理，在进入视觉设计前尽早发现主要问题。
DESIGN完成体验设计
在结构确认后建立界面层级、视觉语言与组件规则，完成关键页面和完整状态设计，并通过必要的交互与动效强化操作反馈与体验节奏。
VALIDATE & DELIVER验证与交付
结合原型、业务反馈和实际开发条件持续检查方案，补齐响应式、异常状态与设计规范，并通过开发走查调整实现偏差，直到体验完整落地。
UX PRINCIPLES
体验设计，有据可循。
判断一个设计是否成立，不只看界面是否美观，更要看用户能否理解、是否可以顺利完成任务，以及产品在真实场景中是否依然清晰、可靠。
“从用户真正想完成的任务出发，理解他们的动机、习惯与使用环境，不用设计者的主观判断代替真实需求。”
USER GOALS FIRST
用户目标优先
“通过清晰的信息层级、准确的内容命名与合理的操作路径，减少不必要的判断，让用户把注意力留给真正重要的任务。”
REDUCE COGNITIVE LOAD
降低理解成本
“每一次点击、提交和状态变化都应该被用户感知。通过明确的系统反馈，帮助用户理解发生了什么，以及接下来可以做什么。”
CLEAR FEEDBACK
让操作及时得到回应
“保持组件、交互模式与视觉规则的一致，让用户可以迁移已有经验，在不同页面和任务之间自然行动。”
CONSISTENCY BUILDS TRUST
一致性建立预期
“体验不只存在于理想路径中。加载、空状态、错误、权限限制与异常操作，同样需要被认真设计，让产品在不同情况下都保持可理解、可恢复。”
DESIGN FOR EVERY STATE
关注完整使用场景
“设计不是一次完成的答案。通过原型验证、业务反馈与真实使用情况不断校准判断，让产品在持续迭代中更加接近用户和业务目标。”
TEST, LEARN, ITERATE
在验证中持续迭代
FAQ
Questions, answered.
目前主要关注 UI/UX 设计师与产品设计相关机会。相比只负责单一页面，我更希望参与需求梳理、交互设计、视觉设计与产品体验持续优化的完整过程。
我比较擅长把复杂需求整理成清晰的产品结构和交互流程，再进一步转化成完整的视觉体验。除了静态界面，我也会通过可交互原型和 Demo 去验证真实使用感受。
我会用 AI 辅助资料整理、方向探索、内容梳理和交互原型构建，让想法更快从概念进入可以体验和验证的状态。AI 对我来说更像是提高探索效率的工具，最终的产品判断和设计决策仍然由我完成。
网站中的项目均基于真实产品、业务场景或我实际参与过的设计工作整理。为了更适合作品集展示，部分信息会重新组织，重点放在问题、设计过程与关键判断上。
可以通过网站底部的联系方式与我联系。目前也欢迎交流 UI/UX、产品设计、交互原型，以及相关工作机会。
GET IN TOUCH
如果你正在寻找 UI/UX 设计师，或者想聊聊产品体验、交互设计与 AI 原型，欢迎联系我。
Let’s worktogether.
如果你正在寻找 UI/UX 设计师，
或者想聊聊产品体验、交互设计与 AI 原型，欢迎联系我。