如今绝大多的 APP 都已经适配了深色模式,很多新的网站也开始有针对性地设计深色模式了。 今天发现一个深色模式网站设计范例合集,网站上每一个案例都是可以直接体验的真实案例,并且支持在深色模式和浅色模式之间切换,有很多值得参考借鉴的地方,有需要的小伙伴可以试一试~
✅ 全球精选案例:收录顶尖品牌的深色模式设计,从极简网页到复杂应用界面,一键解锁“高级感”配色和布局灵感。 ✅ 细节控专属:拆解暗夜模式下的对比度控制、动态切换交互,教你避开“刺眼雷区”,让设计既酷又舒适。 ✅ 免费资源库:不花一分钱,日常刷一刷,轻松积累让甲方眼前一黑的暗色系设计提案素材。
给大家分享一个好东西:UI Prompt Explorer ,这个 AI 工具主要是什么呢? 探索UI主题并为您的设计生成相同风格的提示词,简单来讲就是帮你设计优美的 UI 提示词和案例,让你在开发的时候能够开发出优美的 UI 界面。
1️⃣ 「一键克隆」功能 ✅ 输入参考图/文字描述 → AI自动生成精准Prompt词 ✅ 直接同步到Figma/Bolt.new等工具 → 零代码生成完整设计稿 (案例:某设计师用它5分钟复刻了Notion的极简风仪表盘)
2️⃣ 「风格万花筒」素材库 ✅ 1000+预置主题(含手绘插画/赛博朋克/复古像素等风格) ✅ 每套模板自带适配的配色/图标/动效方案 (某初创团队用它3天搞定20个电商平台的定制化页面)
3️⃣ 「智能纠错大师」 ✅ 自动检测设计元素冲突(如按钮颜色与背景对比度不足) ✅ 实时推荐优化方案(如建议更换更易读的字体字号) (数据显示使用后设计返工率降低67%)
想象一下,你刚刚在脑海中构思出一个绝妙的网页设计创意,而 Onlook 能让你在几分钟内就将它变成一个可运行的网页。这不是魔法,而是 Onlook 的强大功能。它提供了一个直观的拖拽界面,你可以像拼图一样将各种元素(如按钮、文本框、图片等)组合在一起,实时看到设计效果。而当你调整元素的大小、位置或样式时,Onlook 会立刻将这些操作转化为高质量的代码,让你的设计瞬间“活”起来。
三大核心亮点,爽到停不下来 1. “说话就能建站”的AI助手 输入一句需求(比如*“设计一个咖啡店库存管理系统”*),AI自动生成完整页面框架。 实时聊天修改:像和同事沟通一样,对AI说*“把按钮改成红色,表格加筛选功能”*,立刻生效!
2. 设计师的真·可视化开发 拖拽不输Figma:调整布局、字体、颜色,所有操作直接映射为代码。 组件库自由定制:做好一个按钮,全站同步更新,告别重复劳动。
3. 代码党的效率外挂 支持React/Next.js/Tailwind,生成的代码干净可扩展,无缝对接你的代码库。 从Figma/GitHub一键导入,已有资源不浪费。
工具地址:https://www.onlook.com/
腾讯发布了 ToonCrafter,是一种新型的卡通动画生成技术,可以通过生成插值方法生成自然、连贯的卡通动画中间帧。该技术超越了传统基于对应关系的卡通视频插值方法,能够处理复杂的非线性运动和遮挡问题,使动画过渡更加平滑自然。
从演示来看效果很好,过渡很顺滑,而且没有明显问题。ToonCrafter 利用预训练的图像到视频模型,可以插值两幅卡通图像,并根据参考图像对动画草图自动上色。它支持生成最多16帧的视频,每帧分辨率为512x320。通过减少DDIM步骤,可以降低推理时间。
还设计了一个灵活的草图编码器,使用户能够对插值结果进行互动控制。
项目地址:ToonCrafter
还在为调整矢量图形形状而头疼?Warp SVG在线工具来了! 无需安装、打开即用,3秒让任何SVG图形“活”起来! 无论是设计师、前端开发,还是创意爱好者,收藏它,让你的效率翻倍!
为什么你需要立刻收藏它?
✅ 超简单交互式变形 拖拽网格点、拉伸路径,像捏橡皮泥一样随意扭曲图形,所见即所得! ✅ 实时预览+高清导出 修改效果秒级渲染,支持导出纯净SVG代码,完美适配设计稿和开发需求。 ✅ 零门槛+全免费 无需注册,打开浏览器就能用!告别PS/AI复杂操作,小白也能秒变大神。 ✅ 应用场景超丰富 - 图标/LOGO微调:轻松弯曲文字弧度,打造独特视觉风格 - 动态效果原型:一键生成波浪、膨胀等变形动画素材 - 投影艺术必备:快速校正图形适配建筑、舞台等不规则表面
工具地址:https://pavellaptev.github.io/warp-svg/
释放你的创意脑洞,让矢量图形从此不“呆板”!赶紧收藏,随时调用你的创意灵感!
宝子们,今天必须给大家安利一个超绝的 AI 绘图工具 ——Arthub.ai!🎉 还在为创意枯竭、画风单一发愁吗?别再纠结啦!Arthub.ai 给你一键解锁海量艺术灵感!
Arthub.ai是一个社区,它专注于展示、探索和创造由人工智能生成的艺术。在这个平台上,你可以发现由AI生成的设计、图像、艺术作品,以及一些顶尖社区艺术家和设计师的灵感来源。Arthub.ai建立了一个prompt库,你可以按照图像类别查看由AI生成的绘画,例如建筑、时尚、珠宝、logo等等。每张图像的详细页面展示了生成该图像的prompt,你可以使用这些prompt在该平台进行二次生成。
✔️ 每日更新3000+全球顶尖创作人私藏Prompt ✔️ 支持「作品+Prompt」打包下载建立个人素材库
宝子们,这么好用的工具,赶紧收藏!让 Arthub.ai 帮你打破创意瓶颈
字节研究院发布了一个名为 Boximator 的视频控制方式,看起来相当不错。这种控制方式允许用户选择需要运动的物体,并绘制其结束位置和运动路径,物体将严格按照用户绘制的位置和路径进行运动。与 Runway 的运动笔刷相比,Boximator 可以更精确地控制物体的运动结束位置。
Boximator适用于艺术家、设计师和营销专业人士,它结合了高度的个性化和创意表达能力,使用户能够创造出独特且引人入胜的视频内容。目前,Boximator仍在开发中,但已提供早期体验渠道,用户可以通过电子邮件体验其功能。
线上体验地址:https://boximator.github.io/
Slides Orator 是一个创新的AI演示工具,它通过3D虚拟形象和人工智能技术,为用户提供了全新的演示体验和高效的演示解决方案,适用于多种场景和需求
Slides Orator 工具介绍 1. 创建3D虚拟形象: - 用户可以创建一个虚拟形象(avatar),这个形象可以在演示中“活生生”地呈现幻灯片内容。这种形式比传统的静态幻灯片更具吸引力和吸引力
2. 生成旁白: - Slides Orator 使用人工智能技术来生成旁白。用户只需上传演示内容,AI就能根据内容生成相应的语音旁白,省去了手动录制旁白的时间和精力
3. 实时演示: - AI虚拟形象能够实时地展示幻灯片内容。这意味着在演示过程中,虚拟形象可以根据幻灯片的变化进行相应的动作和语音表达,使演示更加流畅和自然
4. 基于幻灯片知识的实时聊天: - Slides Orator 提供了实时聊天功能,用户可以基于幻灯片的内容与观众进行互动。这种互动可以是问答、讨论等形式,有助于提高观众的参与度和理解度
5. 分享演示: - 用户可以通过一个简单的网络链接与他人分享演示。这意味着观众可以通过点击链接随时随地观看演示,不受时间和地点的限制