尝试用Codex做的个人建筑作品集网站

最近在做自己的个人建筑作品集网站。 最开始的想法很简单：PDF 作品集适合完整阅读，但如果要发给别人快速了解自己，一个网站会更直接。所以我想把作品集里的项目、个人信息，以及一些建筑之外的内容，重新整理成一个可以浏览的网站。 我先在 InDesign 里画了网页原型。因为做建筑作品集时已经很熟悉排版逻辑，所以这一步主要是在确定比例、留白、标题位置和图片关系。整体风格控制在黑白灰，尽量保持安静、克制，不做太复杂的装饰。 网站首页目前只保留 TAO. 和 ARCHITECT。点击后进入菜单，可以选择 About me、Project、Others 和 Contact me。其他页面左上角也保留了 TAO. 和三横线菜单，方便随时返回首页或切换页面。 Project 页面是调整最多的部分。原本 PDF 里的项目顺序和图片是固定的，但网页里需要重新考虑浏览方式。我把项目按作品集目录顺序整理出来，做成横向滑动的项目卡片。列表页保持黑白灰，进入项目详情后图片恢复彩色，同时增加了项目之间左右切换的功能。 滑页交互也改了很多次。一开始做成比较明显的一屏一页，但感觉太硬。后来改成连续滚动：下方导航会在滑动中放大，逐渐变成下一页标题；当前页标题会缩小，变成下一页上方导航。为了避免页面停在半过渡状态，又加了轻微的停顿和吸附效果。 音乐模块原本尝试嵌入网易云播放器，但外链加载不太稳定。后面可能会改成自定义播放器：自己的音频可以直接播放，商业歌曲则保留歌名、封面和外链。 这次制作里比较重要的一点，是没有直接把 PDF 搬到网页上，而是重新整理了一遍作品集的浏览路径。比如首页要多简单、项目什么时候显示彩色、菜单怎么出现、页面怎么滑动，这些都需要重新判断。 目前网站还在继续调整，后面会继续补充项目图片、摄影内容、音乐模块和 AI Coding 部分。 #建筑作品集 #个人网站 #作品集网站 #建筑设计 #作品集制作 #InDesign #React #AI辅助设计 #网页设计 #设计记录