Wiki 知识库

全部文档 / 标签: Landing Page

4 篇
清除

审美提升:硅谷设计师私藏的10个网站+灵感库

设计师妍妍分享10个私藏设计灵感网站,包括收录真实产品界面的Mobbin、前沿创意的Godly、极简美学的Minimal Gallery、B端设计参考Refero、暗黑美学的Dark design、交互动效Design spells、Landing Page灵感的Lapa Ninja、字体排版的Typewolf、实验性网页Load more以及X平台精选设计的Best Designs on X。作者强调审美不是靠收藏,而是靠长期浸泡和观察培养的判断力,并预告下期将分享普通人系统提升审美的方法。

技术 › 前端 Dreameryanyan 2026-10-1512.4 KB 87.4K 588 77

做独立站或 AI 产品最耗时往往不是后端而是磨一个高转化落地页

作者分享了一套 Landing Page 高效工作流:先用 saaslandingpage.com 灵感库浏览数百个顶级 SaaS 产品的真实落地页,学习 Hero Section 和价值主张的设计;再借助 website-rebuild-skill(基于 Claude Code / AI Agent 的网站复刻工具)以像素级精度抓取结构、样式并重构干净代码。工作流为:选定对标案例,用 Skill 自动化重构基础骨架,替换自己的文案与品牌资产,可节省约 90% 前端排版时间,将原本一天的页面打磨工作大幅压缩,同时保证高质量还原。

技术 › 前端 良竹 (@liangzhu_AI) 2026-09-282.1 KB 67

如何打造高级感 Landing Page(blume.codes 实战)

设计工程师 Olav 分享了 blume.codes 落地页的构建经验,阐述核心设计理念:注意力是零和的,想脱颖而出必须提升标准。文章详解四大独特元素:视差 Hero 效果(用 Codex 生成分层图像并合成滚动视差)、完全可交互的产品演示(通过 Turborepo monorepo 复用 UI 包,使落地页与 Electron 应用共享组件并自动更新)、花朵主题的旅程矢量线,以及主题切换器。作者强调 AI 编码工具(Codex、Claude Code)让高质量建站变得触手可及,并分享了借助提示词工程实现视觉效果的完整流程与迭代经验。

技术 › 前端 olav 2026-09-0111.9 KB 52.7K 429 76

别再让 AI 硬写网页了!这 5 个设计 Skills 让页面质感直接升级

文章指出使用 AI 直接编写网页往往导致设计模板化、缺乏质感,并介绍了 5 个用于提升网页设计水平的 Skills(taste-design, web-design, emilkowalski, magicslide, Design MD Collection)。文章提供了一个完整的工作流:从确定设计规范和参考,到生成代码及 UI 抛光,帮助独立开发者消除“AI 味”,打造高保真的产品页面。

技术 › Skill 云析 2026-07-067.2 KB 5.3K 47