- 月访问
- 8K
- 下降37.6%环比2026 年 10 月
- 公开收入
- 未公开
- 暂无公开收入证据
- 入门价
- 免费
- 没有月付订阅价
- 首次发布
- 9 年前
- 2016-11-25 · 估算
访问
营销动作
发布、搜索与内容、引荐、促销在 V2EX 发布(1 感谢 · 13 评论)发布
微信"拍了拍"文案生成器 — 微信拍了拍 文案生成器 建议手机端体验: 前天晚上突发奇想做的这个小玩意,周末给调了下。增加了暗黑主题切换模式,信息增加和增减模式(防误删)。 微信新推出的拍了拍这个功能很火后,网上流行很多段子,有时候想看更多有趣的文案不太方便,所以做了这个生成器。给文案运营朋友一个方便。…
2020 年 6 月 22 日 · 6 年前发布页
在 V2EX 发布(7 感谢 · 59 评论)发布
分享丨做了个前端字体图标库:草莓图标 — 草莓图标库 为开发者设计的一套免费开源图标库! 这套图标是我和设计朋友用 Illustrator 和 Sketch 将每个图标设置成 16X16 的像素方格大小精心绘制。所有线条都尽量保持了 1 像素,风格统一,为了兼顾商业大众项目,在识别度方面,通用性和个性差异化上做一个均…
2017 年 6 月 14 日 · 9 年前发布页
在 V2EX 发布(2 感谢 · 14 评论)发布
创造狮 2.0,创意工作者的书签+利器 — 定位于创意工作者的导航,这次给导航增加了一个工具专栏。 利器跟书签一样有设计丨前端丨产品丨运营分类,延续了图片样式的卡片设计。通过右上角的按钮就能顺利的切换。每个软件,都标注了所支持的平台。 目前因为时间的有限,产品和运营分类尚未开启利器,未来设计和前端的工具会不断地完善。…
2017 年 1 月 11 日 · 9 年前发布页
在 V2EX 发布(5 感谢 · 26 评论)发布
创造狮, 一个创意工作者的导航 — 发现灵感,找到创意。 创造狮导航 , 创造狮的创建之初,我给小狮子的定义是:分享灵感、创意、自然与科技,发现创造之美!越来越多的视觉设计狮,喜欢钻研 UX 交互和前端开发,另一方面程序猿小伙伴对设计也同样保持很大的兴趣。 创造狮想要成为一个特色的导航:浏览者既能发现设计圈里灵…
2016 年 11 月 25 日 · 9 年前发布页
第三方评测与案例拆解
获客渠道拆解、工程师评测与开源档案- 创作者原帖摘录:
- 发现灵感,找到创意。 创造狮导航 , http://chuangzaoshi.com/ 创造狮的创建之初,我给小狮子的定义是:分享灵感、创意、自然与科技,发现创造之美!越来越多的视觉设计狮,喜欢钻研 UX 交互和前端开发,另一方面程序猿小伙伴对设计也同样保持很大的兴趣。 创造狮想要成为一个特色的导航:浏览者既能发现设计圈里灵感创意,也能找到开发界中的热门框架。关注到互联网新潮产品。希望能够帮助设计狮、程序猿、运营喵和产品汪。在技能的广度上丰富自己提供一个便利! 涵盖了设计、前端、产品三大类 可点赞书签,关注热度书签 响应式布局,自适应电脑丨平板丨手机 不断更新有价值的书签 为了匹配多设备浏览的布局,小狮子的 LOGO 采用了 SVG 格式, icon 也保证了矢量图,导航基本布局是左右双栏卡片式。这一方面借鉴了
- 创作者原帖摘录:
- 草莓图标库 为开发者设计的一套免费开源图标库! http://chuangzaoshi.com/icon/ 这套图标是我和设计朋友用 Illustrator 和 Sketch 将每个图标设置成 16X16 的像素方格大小精心绘制。所有线条都尽量保持了 1 像素,风格统一,为了兼顾商业大众项目,在识别度方面,通用性和个性差异化上做一个均衡。我们会定期新增和优化草莓图标库。力求矢量图的像素级别的完美显示。 有些设计我自己之前也习惯去用阿里 iconfont 平台的图标,类别比较丰富,但是也存在许多其他问题:设计师风格不同,图标线条粗细不一致,关键一点 iconfont 有些图标存在潜在的商业版权风险。 草莓图标的最初版本,也是为了我们自己的项目设计使用,随着图标越来越多,现在使用 SIL OFL 协议免费开源分享给
开源仓库与自部署
流量来源
访问构成
渠道
- 直接访问71%
- 自然搜索9%
- 外部引荐9%
- 社交媒体5%
- 其他6%
国家/地区
- 中国92%
- 美国8%
搜索
站点权重 —域名注册 2016-07-27
| 关键词 | 月搜索量 |
|---|---|
| 设计网站 | 500 |
| 有类似设计上的视觉重心线这种网站 | 320 |
| 有类似设计上的视觉重心网站 | 320 |
| 简洁导航 | 0 |
| 创造师导航 | — |
流量数据:Vaneform
定价
尚未识别出定价页,或该页面没有公开价格。
页面与变化
关键页面
每周快照变化
开始记录以来,定价、套餐与定位都没有变化。
设计
浅灰内容底搭配白色圆角资源卡片与黑色侧栏,紧凑的中文无衬线文字和整齐的图标网格呈现工具导航界面。
首屏预览 · 点击放大
首屏讲了什么与转化路径
“享设计”
左侧固定深色分类栏,右侧顶部信息条下方以四列资源卡片纵向排列。
首屏转化路径:全屏画布、视频或 3D 场景叠标题 + 产品界面截图或组件示意 → 首屏直接输入或试用
- 品类定位锚点
- 首屏大幅产品界面
色板 · 点击复制
- 字体与排版
- 6.0
- 色彩与对比
- 7.0
- 构图与留白
- 7.0
- 细节与工艺
- 6.0
- 风格辨识度
- 5.0
结构
预览 AI 设计说明全文(含 :root CSS 变量与版式规则)只写风格参数,禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明:极简单色(兼备企业稳重)
黑白灰加一个强调色,细线分隔,大量留白,靠字号与字重分层级。
## 设计参数
```css
:root {
--background: #ffffff;
--surface: #f3f3f3;
--foreground: #000000;
--muted-foreground: #333333;
--accent: #171717;
--radius: 8px;
--font-heading: "WenQuanYi Micro Hei", ui-sans-serif, system-ui, sans-serif;
--font-body: "WenQuanYi Micro Hei", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面积配比:背景 #FFFFFF(约 45%) · 面板 #F3F3F3(约 40%) · 正文 #000000(约 7%) · 次要文字 #333333(约 5%) · 强调 #171717(约 3%)。背景与面板占绝大部分面积,强调色只用于主按钮与当前激活状态。
## 版式与转化结构
- 首屏版式:全屏画布、视频或 3D 场景叠标题
- 导航结构:左侧应用侧边栏
- 明暗与密度:浅色 · 信息密集
- 圆角与层级:中圆角;用阴影区分层级
- 主视觉载体:产品界面截图或组件示意
- 转化动作:首屏直接输入或试用
- 标题切入点:品类定位锚点
- 首屏组件特征:首屏大幅产品界面
- 空间布局拆解:左侧固定深色分类栏,右侧顶部信息条下方以四列资源卡片纵向排列。
- 视觉特征总结:浅灰内容底搭配白色圆角资源卡片与黑色侧栏,紧凑的中文无衬线文字和整齐的图标网格呈现工具导航界面。
## 避免
- 多种强调色并用
- 渐变背景
- 重阴影
请按上面的设计参数与版式实现界面:颜色只用这些变量,强调色只给主要操作与当前状态。只采用这种风格,禁止复刻任何参考产品的品牌名、标志、文案与图片。
问题与证据
同分类研究对象
这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。