设计师审美灵感网站推荐(第二期)
作者分享了第二批提升审美的设计灵感网站,包括全球顶级网页设计平台Awwwards、快速浏览最新设计的Recent design、Chrome插件Muzli、类似Pinterest的Designspiration、专注动效细节的Design spells,以及收录实验性前卫设计的Load more。这些网站涵盖UI、平面、配色、排版等方面,适合设计师日常刷找灵感、制作moodboard或研究高级感设计的细节。
作者分享了第二批提升审美的设计灵感网站,包括全球顶级网页设计平台Awwwards、快速浏览最新设计的Recent design、Chrome插件Muzli、类似Pinterest的Designspiration、专注动效细节的Design spells,以及收录实验性前卫设计的Load more。这些网站涵盖UI、平面、配色、排版等方面,适合设计师日常刷找灵感、制作moodboard或研究高级感设计的细节。
简要罗列了7个设计灵感网站及适用场景,实用且时效性好、易读,但缺乏深度分析和新颖观点,信息密度中等。
作者推荐两个网页设计灵感平台:Motionsites 和 landbook。Motionsites 设计非常漂亮,自媒体博主常以其作品为模板,用户只需替换素材并用 Seedance 2.5 制作简单动效,一个 Prompt 即可生成自己的风格作品。Landbook 类别更全,涵盖落地页、注册、支付、电商等场景,设计感稍逊但覆盖制作平台或 APP 的方方面面。作者还提到可以直接录屏让 Astra 复刻设计,强调活学活用、值得收藏。
作者分享了从零构建个人网站的完整教程:先理解网站由信息架构与视觉表达两部分组成,思考希望访客如何认识自己;提出“视觉母题”概念,让设计从内容和个人特点自然延伸;推荐通过Awwwards学习优秀网站的五步分析法;讲解内容形式选择、排版层级、留白对比、视觉节奏与动画克制等设计要点;最后介绍如何用AI工具(Skill)迭代建站并部署上线。作者认为制作个人网站也是一次重新认识自己的过程,网站可随个人成长不断迭代。
文章推荐了多个优质网站,如Landing Love、Land-book、Awwwards等,帮助开发者提升网页审美和动效设计,解决界面丑陋问题,适合前端开发者和设计师参考。
作者发布视频作品,将同一人物、同一叙事母题放入30种不同的视觉体系中,展示构图、色彩、材质、空间和情绪的变化。核心观点是:真正决定一种风格的不只是滤镜,而是其背后完整的视觉规则。文章还附带用户反馈,有读者用AI工具Muse根据该视频为自己的猫娃合影生成了各种风格的样片,效果不错。
作者参考 ElevenLabs 官网安全模块,分享了一组让卡片设计显得高级的线条动效方案,并提供完整提示词可直接复刻。设计关键在于:只用黑色细线,实线画本体、圆点虚线画辅助线营造手作感;三个图形不按同一框绘制,通过大小调整达到视觉平衡;每个图标有各自的结构演示动画(球体旋转、薄板错开归齐、螺旋重长)。文中详细说明了入场画线、悬停交互、防打断处理等细节,并给出单文件 HTML 的完整实现提示词,可交由 Claude 或 ChatGPT 生成,适用于官网功能介绍、定价页、课程流程等场景。
文章介绍了 Anthropic 发布的 Claude Opus 5.5 模型,其性能达到 Fable 5.1 水平但运行成本低 40%,尤其在长时间自主任务中表现突出。作者指出动效设计、Harness 工程和循环工程三者实为一个完整技术栈,并以五部分结构展开讲解:模型本身的基准数据与定价、如何用它做纯代码驱动的动效/动画创作、让输出可靠化的 Harness 工程、让 Agent 持续自主工作的循环机制,以及如何用单个模型串联整个工作流。文章强调缓存读取降价 60% 使长循环成本可控,并列举了大规模代码迁移、翻译 HAProxy 等实际案例。
作者leo基于团队为TrustWallet、PrizePicks等公司制作50多个产品视频的经验,分享了模仿Apple风格的高端产品视频制作框架。核心包括:品牌叙事(每个细节都要有意图,避免过度特效)、设计优先(先在Figma逐帧分镜,遵循一个镜头一个理念、留白、主体居中等原则)、动画技巧(关键帧缓动、动态转场、自适应节奏)、音乐选择(通过BPM控制视频能量与质感)以及声音设计(删除多余音效)。强调高端感源于克制和一致性,而非炫技。
作者介绍了开源项目 AI Design Skills,目前提供 landing-page-design 技能,适用于 Claude Code、Cursor、Codex 等可读取规则文件的 AI 编程工具。它不是现成模板,而是一套从内容到视觉的制作规则:先明确产品定位与用户目标,再组织页面结构;统一字体、间距、配色和动效等视觉系统;并补齐按钮悬停、加载、空页面、报错、表单校验、移动端适配和无障碍等交付细节,避免 AI 生成千篇一律的默认样式。评论区还交流了表单校验保留已填内容等实用经验。
作者运营一家动效设计工作室,为产品发布制作 launch 视频。他发现动效制作是简单部分,而询盘、需求整理、报价、素材收集、修改记录、交付和收款等业务流程占据大量时间。他引入 AI 员工 Viktor,接入 Slack、Teams、邮箱、日历、Drive 和发票系统,通过结构化 prompt 让其承担业务流程:筛选询盘并起草回复、将通话笔记转为制作简报、按价目表起草报价、收集并检查素材缺口、记录整理修改意见并标记新场景报价、发送文件与发票并跟踪付款、每周一发送经营报告。核心原则是"AI 提议,人审批",任何内容未经作者确认不会发给客户。