GUO ZHIQIANG

懂产品、能落地的设计师
从想法到生产全流程

我是郭志强,

UI / UE 设计师。

2022.12.12

入职日期

10+

年 UI 设计经验

T8

申请职级

PART 01

之前

用 Figma 做设计

UI 能力

能从产品视角读懂需求与交互逻辑,跟产品对齐、把交互讲清楚。

向上 · 懂交互

跟前端高效协作,推动他们抽离全局变量、统一样式,让设计稳稳落地、少返工。

向下 · 懂落地

前端做不出、设计又难交付的 Three.js 这类特效——靠多年积累的特效源码素材,再配合 AI,我自己就能做出来、直接上线。

动手 · 特效自己交付

长期泡前沿设计案例与 X 设计博主,审美与趋势始终在线。

眼光 · 审美在线

把做过的东西沉成团队能复用的标准:约 100 条设计规约、UI 文案规范、双套设计 token、组件库与图标体系。

沉淀 · 团队标准

配合其他部门的设计工作——市场部大屏、官网等对外 UI;还受邀当设计面试官,为其他部门的设计岗把关。

协作 · 跨团队

项目设计稿

控制台新版
AlayaNew 控制台新版控制台 / 全套设计
官网改版
Alaya 官网改版官网 / 全站设计
Aladdin 插件
Aladdin 插件插件 / 全套设计
LLaMA-Factory
LLaMA-Factory Online训练微调平台 / 全套设计
AladdinEdu
AladdinEdu教育算力平台 / 全套设计
Alaya New 1.3 改版
Alaya New 1.3 官网改版官网 / 全站设计
Jarvex & Studio
Jarvex & StudioAI 管家 / 全套设计
GSOLO 算力对比平台
GSOLO 算力对比平台算力对比 / 全站设计

三维渲染

播放
PART 02

现在

用 AI 做、做到上线

源码交付

规范与体系

设计系统

运营中心设计规范站

把运营中心改造逐页沉淀成约 100 条规约的设计系统——团队可复用的设计语言与交付标准。

查看规范站 ↗
文案规范

Alaya NeW UI 文案规范

我撰写的中文 UX 文案规范——中英文混排、标点、数字单位空格、语气基调,统一设计 / 前端 / 研发的文案标准。

文档 ↗(内网)
设计变量

设计 Token

从加入公司做设计起,我就习惯用变量、组件、样式规范、自动布局——把视觉决策抽成变量、统一多端,样式可控可复用。

2686Token 总数
1401颜色 Token
1285数值 Token
2明暗主题
2密度模式
3字体套系
查看 Token 规范 ↗
图标体系

图标库 · 三套

统一产品图标语言:DinoIcons、CoDesign、IconFont 三套图标库,合计 700+ 图标。

  • DinoIcons:Solid / Outline / Duotone 三风格
  • 700+ 图标
  • CoDesign 图标库 · IconFont 图标库
查看 DinoIcons ↗

一个人,一条链路

能做产品

不只是美化界面——能从产品视角读懂需求、理清交互逻辑,先把「做什么、为什么」想明白,再动手。

产品思维需求拆解交互逻辑

能做规范 UI

体系化的界面设计:组件、间距、状态、Token 成套,界面统一、可复用,不是一次性的稿子。

规范化组件库设计 Token

能做三维 · 动效

三维渲染、Lottie 动效、动态视频都能自己出,把抽象的算力、能源做成看得见、动得起来的画面。

三维渲染Lottie动态视频

vibecoding · 更精美

同样用 AI 写代码,但因为有审美、有规范,我做出来的页面区别于普通开发者:有交互、有细节、出来即规范,能直接上线。

AI vibecoding有审美出来即规范

趁手的工具

之前设计工具
Fig

FIGMA

熟练度 95%

Rv

RIVE

熟练度 82%

Bl

BLENDER

熟练度 80%

Ps

PHOTOSHOP

熟练度 90%

Ai

ILLUSTRATOR

熟练度 86%

Ae

AFTER EFFECTS

熟练度 80%

现在AI 工具链
ChatGPT Stable Diffusion Gemini 即梦 DeepSeek Claude Code Claude Design Codex

对话、生图、设计、编码——每出一个新 AI 工具,我都自己上手摸透,没人教、全靠自学。积极拥抱变化,把前沿工具第一时间变成生产力,是我的习惯。

PART 03

之后

持续成长 · 带给团队

不断学习

当前 · 自费进修中 自掏 ¥4,800 报了一门「高级 UI 进阶」设计课,主攻高端界面的视觉表达与质感(也覆盖 3D 写实大屏这类高价值场景)。

为什么学:补审美上限、学 B 端 / 数字孪生的高级表达,把高价值场景变成 AI 的方向——不想只当「会用 AI 工具的人」,而是把 AI × 设计 × 代码串成能持续产出高级作品的系统。

我能给团队什么

交互设计 · 优化旧系统

体验跃迁

用高审美重做老系统的交互,不碰业务逻辑也能让体验整体升级,把审美直接转化成可感知的业务价值。

  • 交互设计
  • 旧系统优化
  • 复杂表单 / 抽屉 / 表格规范
  • 控制台、运营中心实战落地
  • 体验可感知地提升

给团队的引领力

带方向

和产品、前端协作最多——推动他们建样式 / 文案 / 组件规范,把多人不一致治理成一套可控标准,降低团队整体设计返工率。

  • 审美
  • 引领
  • 给 PM 定样式规范、文案规范
  • 受邀担任其他部门设计岗面试官
  • 从「执行者」到「标准定义者」

Vibecoding 快速验证

快 · 灵活

大家都能 vibecoding,但我做出来的不只是能跑——有审美、有交互、还规范,同一个 AI,产出不一样。

  • 快速
  • 灵活
  • 同样用 AI,产出有审美、有设计感
  • 不止能跑——交互、状态、细节都到位
  • 出来即规范,能直接进团队复用

产品设计+

功能交互+

交互设计+

原型组件库+

Vibecoding+

旧系统优化+

3D+

Claude Code+

引领力+

接下来想推动的

01

把 UI 与前端体验,当成产品的竞争力去投入,而不只是「画个图」。

02

把这套 AI 设计工作法(Claude Code / Codex vibecoding)带给更多团队,整体提效。

03

把这些年攒下的设计技法和经验,做成内部分享、手把手带给同事,让团队整体的审美和手感都提上来。

让设计在公司里,从「美化」变成「驱动」。

未来不会被 AI 淘汰的设计师,从来不是会软件的人,而是有审美、有想法、懂得利用 AI 高效落地创意的人。