个人作品集Portfolio

向下浏览 ↓
尚嘉润的肖像

尚嘉润

本科毕业于常州大学园林专业,现就读于江苏省中国科学院植物研究所专业(预计于2027年6月毕业)。跨学科的学习经历使我逐渐将设计实践从传统景观空间延伸至数字视觉、交互设计与生成式艺术领域。

以植物为主要创作媒介,我独立开展了《未竟之冬》与《溯梦山海》两个 Vibe Coding 项目:前者以灭绝植物为切入点,通过时间交互与三维粒子视觉探索生态记忆的数字化表达;后者以《山海经》神话植物为灵感,结合东方传统美学、视觉叙事与场景交互,构建具有叙事性和沉浸感的数字植物世界。

在创作过程中,我将已有的平面设计、三维建模技术与基础编程知识结合 AI 图像生成与 AI 辅助编程,实现从概念研究、视觉风格探索、交互逻辑设计到网页实现的完整创作流程。希望持续探索 AI 技术与艺术设计的结合方式,创作具有叙事性和体验感的数字作品。

项目概述: 以中国已灭绝植物为主题,将植物最后记录时间与星晷交互相结合探索物种消逝、时间与生态记忆之间的联系。

概念研究|ChatGPT + 文献数据库:整理中国已灭绝植物的历史数据,以时间与生态记忆为核心构建数字叙事方案。视觉设计|ChatGPT Image2 +Midjourney +Photoshop:设计星晷、星空及植物模型视觉,完成界面风格探索、素材生成与视觉迭代。3D 与交互|Blender + TouchDesign:设计星晷指针旋转、时间映射及植物粒子聚散的交互机制,规划三维模型与粒子渲染流程。网页搭建|Codex + VS Code+ Git + Canvas:基于 AI 辅助编程搭建交互网站,整合视觉资源、植物数据及动态效果。

项目交互流程画面项目交互流程画面

用户体验流程

灭绝植物数字叙事与 3D 粒子交互可视化网站

用户拖动星晷指针,沿时间刻度探索植物的历史记录。每个时间节点对应一种已经消逝的植物。

当指针指向特定年份,对应的星光逐渐熄灭并分解为微小粒子,象征植物生命的消逝。

消散的星光汇聚为植物形态,呈现其三维粒子模型与物种档案。用户可浏览植物名称、历史分布等信息。

关闭植物档案后,植物形态逐渐瓦解为粒子并隐入星空,完成一次植物灭绝视觉叙事。

植物介绍

植物消散

项目交互流程画面项目交互流程画面

星光消散

指针拖动

项目一 未竟之冬

灵感来源

从灵感板 PSD 原图层导出的植物、星空和星晷拼贴

38岁开始养水母,2年前开始养恐龙

凌晨在宠物市场领养了人,到现在养了8个小时的人。”

“地球今年45岁半,它 从7岁开始养细菌

灵感来源于偶然间看到的一段评论:“地球今年45岁半,她从7
岁的时候……“如果把时间缩放进一个可感知的尺度下。《未竟
之冬》把120年放进星晷的刻度里,将植物的生命历程映射于星
空,以星辰象征生命,以粒子表现消逝。整体视觉融合宇宙星云、
古朴石刻,采用低饱和色彩、粗粝肌理与粒子光效,营造介于历
史档案与虚幻宇宙之间的神秘氛围。
让用户在探索植物生命轨迹感受时间
的不可逆性,以及物种消失
所留下的永恒空缺。

视觉稿创作

早期星晷视觉尝试一早期星晷视觉尝试二早期星晷视觉尝试三早期星晷视觉尝试四

Midjourney 文本生图

通过 Midjourney 文本提示词生成初步视觉方案,但生成结果在整体风格、星晷造型及画面构图上均与预期存在较大偏差。

星晷实物参考星空参考星云参考

Midjourney 图像生图

引入星晷实物与星空参考图辅助生成,进一步明确主体造型和视觉氛围,但仍难以精准控制物体结构与画面细节。

草图控制方案一草图控制方案二草图控制方案三草图控制方案四

ChatGPT + Midjourney 草图控制

利用 ChatGPT 生成符合构图要求的基础草图,再通过 Midjourney 进行风格化与质感优化,逐步统一星晷造型、星空色调及整体视觉语言。

Photoshop 后期精修的最终视觉稿

Photoshop 后期精修

使用 Photoshop 对生成图像进行局部修复、色彩调整与细节优化,强化星晷的石刻质感和星空层次,完成最终视觉稿。

3D建模

3D 建模与粒子动画 Blender + Python + TouchDesigner

参考植物标本与形态资料,在 Blender 中构建三维灰模,
调整茎叶、花序和整体比例。随后使用 Python 在模型
表面采样,将植物转化为由微小光点构成的粒子
模型,并调整粒子的疏密、色彩与明暗,以
保留植物的轮廓和层次。

出水水菜花 Ottelia emersa。水鳖科,历史分布于广西贵县(今贵港市),生长于池塘和沟渠等淡水环境中,最后记录于1986年。

交互动效

星晷指针与时间节点

时间节点映射

根据星晷的透视结构确定指针旋转范围,将植物最后记录年份映射至对应的圆弧刻度,建立时间与交互操作之间的关联。

指针拖动及透视校正

指针透视校正

调整指针素材、旋转中心及 CSS 变换参数,使指针运动轨迹与星晷盘面的透视关系保持一致。

使用工具:Codex、Blender、VS Code、TouchDesigner、JavaScript。

指针拖动交互

通过鼠标或触控拖动星晷指针,实时计算指针角度。松开后匹配邻近的年份节点,触发对应植物的展示动画。

星光消散与粒子汇聚

星光分解为粒子,粒子流动并汇聚成植物形态,呈现从星辰到植物的视觉转化。

植物消散与场景复位

关闭植物介绍后,播放对应植物的粒子消散动画;结束后恢复星晷时间轴,形成完整的叙事循环。

项目概述: 以《山海经》植物文化为创作基础,结合中国传统壁画、神话动画与志怪美学,构建具有仪式感的数字植物档案空间。通过香炉、烟雾、经卷等视觉元素及场景转场,实现植物探索、交互浏览与文化信息展示。

用户体验路径

项目二 溯梦山海

文化研究|ChatGPT+文献资料:梳理《山海经》植物记载,撰写十五种神话植物的档案文案,构建网站的世界观与探索路径。视觉设计|ChatGPT Image2+Midjourney+Photoshop:结合中国壁画、岩彩和神话动画美学,完成植物插画、场景素材及网页视觉稿创作。动效与交互|Codex+React+Midjourney:设计香炉烟雾转场及植物浏览交互,营造沉浸式体验网站开发|VS Code+Codex+Vite:搭建植物档案展示结构,整合页面交互组件。

项目交互流程画面项目交互流程画面项目交互流程画面项目交互流程画面

用户进入网站首页,长按香炉触发焚香交互。烟雾成为连接现实与神话世界的媒介。

点击目标植物后,展开对应的植物详情展示植物名称、古籍原文、形态介绍及传说中的特殊用途。

通过烟雾的流动与遮挡完成空间过渡营造进入未知幻境的沉浸感。

烟雾散去,古老经卷中的神话植物世界逐渐显现。用户由现实空间进入《山海经》的奇幻世界。

《山海经》神话植物沉浸式交互展示网站

灵感来源

灵感来源:组 1

灵感来源于古代志怪美学与中国传统焚香文化中“以香通幽”的意境。烟雾本身具有无形、流动、聚散不定的特征,与《山海经》中虚实难辨的神话世界形成呼应。因此,我尝试将香炉作为视觉叙事的起点,烟雾作为连接现实与幻境的媒介。利用其升腾、蔓延与消散的自然形态,实现画面从遮蔽到显现的过渡。在视觉表达上,结合古建筑、经卷、窗棂与植物等传统元素,通过虚实交叠的烟雾转场,营造东方神秘氛围的沉浸式探索体验。

视觉稿创作

风格探索

视觉稿创作:图层 5视觉稿创作:图层 6视觉稿创作:图层 11视觉稿创作:图层 10视觉稿创作:图层 1视觉稿创作:图层 19

以中国古代壁画、岩彩绘画及二维神话动画为视觉参考,通过调整Midjourney、Lovart、Liblib AI提示词中的色彩、材质、构图与光影描述,探索不同的东方奇幻美学风格。经过多轮生成与对比,最终确定以低饱和粉青色系、矿物颜料肌理、朦胧光影与中式怪诞美学为核心的视觉语言。

视觉稿创作:图层 7视觉稿创作:图层 2视觉稿创作:图层 4视觉稿创作:图层 9视觉稿创作:图层 8视觉稿创作:图层 20

一致性控制

视觉稿创作:图层 12视觉稿创作:图层 13视觉稿创作:图层 15视觉稿创作:图层 16视觉稿创作:图层 17视觉稿创作:图层 14视觉稿创作:图层 18

利用 ChatGPTI mage2图像生成制作《山海经》植物插画。通过固定画风参考、统一提示词结构及控制植物构图、笔触、背景与色彩,减少不同植物之间的视觉差异;针对植物形态与画面细节进行多轮局部调整,使系列插画既保留各自的形态特征,又呈现统一的古籍植物图鉴风格。

转场动画

使用工具:Midjourney + ChatGPT Image2 + Premiere Pro

以香炉烟雾作为连接现实与《山海经》幻境的视觉媒介,设计具有东方神秘氛围的沉浸式转场动画。利用 ChatGPT根据网站首页视觉稿制作动画关键帧,确定烟雾形态、场景构图及画面变化;通过 Midjourney首尾关键帧视频生成,实现烟雾扩散、画面遮挡与幻境显现的连续效果.使用ChatGPT对生成过程中出现的画面变形、元素错位及风格偏差进行局部回修,优化关键帧与场景衔接,保持动画整体的视觉一致性与叙事连贯性。使用Pr对生成的视频素材进行后期剪辑、镜头衔接、节奏调整及转场优化,完成最终动画合成。

视频关键帧

转场动画:图层 2转场动画:图层 3转场动画:图层 4转场动画:图层 5

01

02

03

04

其他设计

早期景观建筑类设计

音乐剧相关物料设计

音乐剧相关物料设计音乐剧相关物料设计音乐剧相关物料设计

触感膜吧唧

二变光栅眼睛条

《锦衣卫之刀与花》主题插卡日历

使用工具:ps、
procreate

使用工具:procreate

使用工具:Photoshop
5张珠光明信片+7张手揉纹明信片

音乐剧相关物料设计音乐剧相关物料设计

End

个人作品集

感 谢 观 看

打开原图