- 月访问
- 36.2K
- 上升16.3%环比2026 年 9 月
- 公开收入
- 未公开
- 暂无公开收入证据
- 入门价
- 免费
- 没有月付订阅价
- 首次发布
- 2 年前
- 2024-02-11 · 估算
访问
营销动作
发布、搜索与内容、引荐、促销WXT 在 阮一峰周刊投稿 发布(2 票 · 5 评论)发布
【开源自荐】浸入式学语言助手(illa-helper)一款基于"可理解输入"理论的浏览器扩展插件,帮助在日常网页浏览中自然地学习语言。 — ## 项目地址 - https://github.com/xiao-zaiyi/illa-helper ## 项目描述 语言学习的最佳途径是大量接触"可理解的"输入材料,即著名的 "i+1" 理论(俗称混个眼熟)。本浏览器扩展旨在把正在浏览的网页通过大语言模型智能的将网页上的部分词语替换为你正在学习的目标语言词汇,让你在沉浸式的阅读中,不知不觉地提升词汇量和语感。 🎯 项目亮点: 集成了完整的发音学习生态系统和智能多语言翻译功能,包括自动语言检测、音标显示、AI词义解释、双TTS语音合成和交互式悬浮框,为用户提供从智能翻译到发音学习的一站式沉浸式体验。**所有有关设置均保持在本地,无需担心密钥泄露!** ## 项目演示 只写风格参数,禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明:极简单色
黑白灰加一个强调色,细线分隔,大量留白,靠字号与字重分层级。
## 设计参数
```css
:root {
--background: #ffffff;
--surface: #f6f7f8;
--foreground: #222222;
--muted-foreground: #6b7280;
--accent: #3fa34d;
--radius: 16px;
--font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面积配比:背景 #FFFFFF(约 62%) · 面板 #F6F7F8(约 18%) · 正文 #222222(约 10%) · 次要文字 #6B7280(约 6%) · 强调 #3FA34D(约 4%)。背景与面板占绝大部分面积,强调色只用于主按钮与当前激活状态。
## 版式与转化结构
- 首屏版式:左文右图
- 导航结构:顶部通栏导航
- 明暗与密度:浅色 · 适中
- 圆角与层级:大圆角;不用阴影,用细线与留白区分层级
- 主视觉载体:插画、手绘或卡通角色
- 转化动作:免费开始 / 立即注册
- 标题切入点:结果与速度承诺
- 空间布局拆解:顶栏横贯页面,左侧标题与按钮,右侧大拼图,下方四列功能卡片。
- 视觉特征总结:白底搭配近黑标题与绿色强调色,大号无衬线标题、细描边拼图图形和浅灰圆角卡片形成清晰层级。
## 避免
- 多种强调色并用
- 渐变背景
- 重阴影
请按上面的设计参数与版式实现界面:颜色只用这些变量,强调色只给主要操作与当前状态。只采用这种风格,禁止复刻任何参考产品的品牌名、标志、文案与图片。
问题与证据
同分类研究对象
这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。
| 产品 | 入门价 | 月访问 | 收入证据 |
|---|---|---|---|
| 21st为设计工程师和开发者提供可浏览、复制并安装到项目中的 React 与 Tailwind CSS 组件、模板、主题和设计工具。 | $7.5/月 | 2.4M | 未公开 |
| Tailwind CSS实用优先的 CSS 框架,帮助开发者直接在标记中组合类来快速构建现代网站。 | — | 1.6M | 未公开 |
| Next.js面向 Web 开发社区、用于构建高质量 Web 应用的全栈 React 框架。 | — | 1.4M | 未公开 |
| React Bits为开发者提供可定制的动画 React 组件、界面区块、模板和浏览器工具。 | $99/月 | 1.1M | $692.92 |
| Element Plus面向设计师和开发者的 Vue 3 组件库,提供组件、设计指南和设计资源。 | — | 781.1K | 未公开 |
| Angular帮助开发者构建现代、可扩展 Web 应用的框架。 | — | 735.1K | 未公开 |