小红书 vibecoding 创作者 23 篇 AI 网页 / 3D 建模 / 实时排版作品合集。覆盖:① Pretext 现象级开源前端排版库(程楼,React 动效作者,2100 万围观)② AI 建站电影感网页 SOP(Nano Banana + Higgsfield + Seedance + Google AI Studio + Landingbook)③ 让 Vibecoding 高级感页面(Page Flows + Godly godly.website + Mobbin)④ 让页面动起来(Unicorn Studio + React Bits reactbits.dev + Design Spells)⑤ AI 3D 建模(Hitem3D 2.1 hi3d.AI / 一张图秒变 PBR 3D 手办)⑥ Google Genie 3 世界生成模型 ⑦ AI 实时生成无穷尽网页(Karpathy 转发)⑧ Gemini 3 3D 粒子动画 5 种玩法 + 星空粒子手势识别 ⑨ GPT Image 2 360 全景图 ⑩ Minimax 2.7 Plus 国内可用模型 Vibecoding
Apple HIG 全部 63 个 UI 组件的'何时用哪个'决策手册,按 8 大功能组织。菜单与操作(按钮/菜单/上下文菜单/工具栏/弹出·下拉按钮/活动视图/装饰)·选择与输入(文本框/选择器/分段控制/滑块/步进器/开关/颜色图像选取/组合框/虚拟键盘)·界面展示(警告/操作表/视图片 Sheet/弹出视图 Popover/面板/窗口/滚动视图/页面控制)·布局与组织(列表表格/集合/大纲/分栏/标签视图/侧边栏隔壁/框/标签/列视图/锁定视图/展开控制)·导航与搜索(标签栏/侧边栏/搜索栏/路径控制/标记字段)·内容承载(图表/图像/文本/网页视图)·状态指示(进度/活动环/仪表盘/评分)·系统体验(小组件/Live Activities/通知/控件/复杂功能/快捷方式/菜单栏/状态栏/Top Shelf/表盘)。每个组件给定义+何时用+关键 do/don't+跨平台支持。含按钮 Primary/Secondary 解剖图。
Jon Yablonski《Laws of UX》2.0 全套 28 条 UX 定律/心理学效应精华,把认知心理学几十年的实验结论压成 PM 能直接拿去做设计决策的口诀。按底层意图归 6 大簇:①认知负荷(Cognitive Load / Working Memory / Miller's Law 记忆法则 / Chunking 组块 / Tesler's Law 复杂度守恒 / Occam's Razor 奥卡姆剃刀 / Law of Prägnanz 简单优先)——大脑算力有限,要做减法 + 把复杂度从用户身上挪到系统。②决策摩擦(Hick's Law 希克定律 / Choice Overload 选择过载 / Cognitive Bias 认知偏差 / Paradox of Active User 主动用户悖论)——选项越多决策越慢/越焦虑,框架措辞会带偏判断,用户从不看说明书。③格式塔分组(Proximity 邻近 / Similarity 相似 / Common Region 共同区域 / Uniform Connectedness 统一连接 / 闭合/对称/连续)——人脑自动把视觉元素归组,用间距/边框/颜色控制'什么和什么是一组'。④时间感知与动机(Doherty Threshold 多尔蒂阈值 400ms / Flow 心流 / Goal-Gradient 目标梯度 / Zeigarnik 蔡格尼克 / Parkinson's Law 帕金森 / Peak-End Rule 峰终法则 / Serial Position 序列位置)——用户感知的速度/进度/记忆比真实数据更重要。⑤熟悉与韧性(Jakob's Law 雅各布定律 / Mental Model 心智模型 / Postel's Law 波斯特法则)——用户期望你的产品像别家一样工作,接收要宽容发送要保守。⑥注意力与美学(Selective Attention 选择性注意/横幅盲视 / Von Restorff 冯·雷斯托夫隔离效应 / Aesthetic-Usability 美学可用性效应 / Pareto 帕累托 80/20)——突出关键、避开广告样式、好看会让人觉得好用。每条含定义/心理学来源/怎么用/反例/何时用,读者=非技术 PM,术语行内解释,中英对照。用于'下次遇到 X 界面问题该想起哪条定律'的快速召回。
