主页灵感对照
2026-11-04 · 两个助手翻了 Awwwards、Codrops、Dribbble、GitHub 和你的小红书收藏,共 40+ 个案例。点图看大图,点「打开原站」直接去玩。标 ⚠️ 要梯子 的是国内直连可能打不开的。
🚂 当前方向:一趟绿皮车
11-04 第三轮:博古架、园林、山水都太古(项目有古有今),已否;唱片好看但不独特。你补充了熄灯、车票、车窗能出去、桌上的东西、喇叭,方向定在火车。
🎨 画风第二轮:10 种手绘 + 4 种高级 3D
都是 image2 按同一节车厢画的,这次每张都要求「高级、大气、留白、克制配色」。书上的字和车票还是假的,只比画风。点图看大图。
手绘










高级 3D(真实烘焙光影、胶片颗粒、不要模型感)
手绘:①写实油画,最像美术馆里的画,光影成块、很安静,有电影感;②Riso 孔版,最有设计感也最独特,颜色大胆,像独立杂志、艺术海报;③木刻,黑白为主、图形感强,熄灯版会很漂亮。
3D:⑪⑫⑬电影级写实,比第一轮高级很多,关键在低饱和、胶片颗粒、体积光;⑬ 这个机位一眼看到整列窗户,每扇窗一个世界,最「大气」,可以当首屏。
④⑤ 好看,但动画感强,容易被认成某部动画的同人;⑦⑧ 偏商业插画;⑨ 偏柔,不够大气。
🎨 画风第一轮(已看过):四种画法
都是 AI 按同一段描述画的效果图,只为比较画风,细节(书上的字、车票)都还是假的。点图看大图。
白天
熄灯后
| 画风 | 好在哪 | 担心什么 |
|---|---|---|
| A 3D 写实 | 最「摸得着」,光影、材质真实,熄灯那一下最有电影感 | 跟 sasshi 气质接近;最重,简历打开慢;每个项目都要建模,做起来最难 |
| 已排除:你说 3D 不要模型感,要真实烘焙的光影(= A 这种) | ||
| C 轻快水彩 | 明亮、透气、少见,最像「一幅画」;古风、现代的窗外景都能画进去不违和 | 东西拿起来、翻过来时,要做出「纸片」的立体感,不能像贴图 |
| D 钢笔淡彩 | 线条清楚,桌上的小东西一眼认得出、好点;像旅行速写本,贴「热爱旅行」 | 比 C 素一点,颜色不够饱满时「哇」感弱 |
理由:① 你要「艺术作品」,水彩最像一幅画,而且网上几乎没有水彩风的个人主页,独特;② 古诗词的山、旅行的云海、冰箱里的厨房窗,水彩都能画,不会像 3D 那样一到可爱项目就换了个世界;③ 熄灯后的水彩夜景(右下)很美;④ 比 3D 轻得多,简历打开快、手机不卡;⑤ 水彩本来就允许每张有点不一样,AI 出的素材风格差一点也不违和,以后加项目最容易。
想要的「实物手感」用动作来补:东西被拿起来时微微翘起、带投影,翻面、晃动都有。
⓪-A 博古架 · 一格一件宝贝已否:太古
⓪-B 园林回廊 · 移步换景已否:太古
沿一条回廊走(电脑横着走,手机往下走),墙上的漏窗一个一个过:月洞门、海棠窗、扇面窗、瓶门……每个窗的形状就是项目的肉身,窗里框着项目的世界(诗词是山水,冰箱里是一扇暖光的厨房窗)。点窗,穿过去。新项目 = 回廊再长一段、墙上多一个窗。园林的漏窗有上百种样式,用不完。
① 一桌册子 · 穿门而入过场可借,桌子太窄
作品 = 桌上的一本本册子。翻开,书里立起纸机关,穿过它进入作品。你收藏的两篇都在这里。
FOLIO 的「穿过圆窗」过场(助手读了它的代码)
镜头先抬高、绕到窗正前方,再钻进纸筒;窗上的画从「印在纸上」渐变成真视频;全程约 2.8 秒,出来 1.8 秒原路倒退,手机返回键也能退回书里。
我的看法:穿门过场和「每本材质不同」都很好,但桌上只能摆几本,以后加项目就挤了。诗词那两本古籍可以搬上博古架。
② 唱片架 → 抽出 → 唱机播放可行
作品 = 唱片店箱子里的一张张唱片。翻找,抽出,放上唱机,标题浮上来。
③ 绿皮火车 · 一站一个项目已选
你坐在车厢里,窗外的景依次变成不同项目。网上没有人完整做过「绿皮车厢 + 手绘 + 一窗一项目」,都只做了一部分。
④ 一天:生活艺术家的一天已否:加项目会太窄
往下滑,时间往前走:清晨 → 正午 → 黄昏 → 深夜。每个项目出现在它的时辰:早上翻工历,中午打开冰箱,下午摊开地球,夜里点灯读诗。这是我想的,网上没有完全一样的,下面是借光影和换色手法的参考。
⑤ 山水长卷偏单一
主页是一幅水墨长卷:电脑横着拖,手机竖着滑(变成立轴)。卷上依次出现五处景,滑过时由淡墨变青绿、落一方朱印,点印章进入项目。或者走在园林回廊里,每个漏窗、月洞门框着一个项目。
⑥ 老电视 / 收音机调台最轻
同一间书房,一台老式收音机或电视。左右拨频道,刻度转动、沙沙响,整个房间换一套双色印刷的配色:诗词台墨+朱砂,旅行台群青+米白,冰箱台奶油黄+番茄红。屏幕里放项目预览,点屏幕进入。
⑦ 微缩世界 / 小星球已并入博古架第 3 层
柜子里摆着几个小世界(山水盆景、装着云的玻璃球、小冰箱模型),点一个,镜头一头扎进去。
⑧ 手帐拼贴 / 行李箱的小手法零件
这些不是完整方向,而是可以装进任何方向的「零件」,特别适合冰箱里那本手帐和「关于我」。
每个项目风格不同,怎么做到不乱
所有做得好的案例都用了同几招,不管选哪个方向都照这个来:
| 统一什么 | 用在你身上 |
|---|---|
| 同一个容器 | 一张桌子(或一节车厢)贯穿全站,项目只是上面的「东西」 |
| 同一束光 | 全站一个光源、同一个方向的影子,宣纸和亮面贴纸放在一起也不打架 |
| 同一套动作 | 不管什么材质,拿起、翻开、穿门的动作和节奏都一样 |
| 同一套外圈文字 | 册子可以花,标签、编号、简介的字体全站一套 |
| 环境色跟着项目走 | 拿起诗词那本,整个桌面泛青绿;拿起冰箱里,泛暖粉 |
已经定下的事
- 五个项目:诗词山河卷古风版、立体版、冰箱里、工历、旅行地球
- 每个项目的容器风格不同,贴合项目(诗词 = 古籍);文案讲「能干嘛」,但用项目自己的口吻
- 交互像长镜头,有逻辑层次地一层层往里走,原路退回
- 滑动、翻页要有摸实物的手感
- 电脑为主(当简历),手机也要好用,单独设计
- 有声音(对方第一次点或滑之后才出声,带静音开关)
- 关于我:生活艺术家;热爱旅行、美食、vibe coding、一切美的事物;联系方式留小红书和邮箱
- 名字待定,不叫「鹅鹅小站」;「鹅鹅小站」只和备案号一起放在页底
- 整体框架不能太古(项目有古有今);方向定为绿皮火车(结构见顶部)
- 以后还会一直加项目,结构要能无限往上加
- 成功标准:对方看完说「哇,很有审美、很有创意」
上线前要处理:立体版补南海诸岛并换正式网址;冰箱里、工历、旅行地球搬到 eely.com.cn 子域名。





























































