- 每月造訪次數
- 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
結構
- 字體
- WenQuanYi Micro Hei
- 首屏畫面版式
- 全螢幕畫布、影片或 3D 場景疊標題
- 主視覺
- 產品介面截圖或元件示意
- 轉化動作
- 首屏畫面直接輸入或試用
- 信任背書
- 無顯式背書
- 導航
- 左側應用側邊欄
- 明暗與密度
- 淺色 · 資訊密集
- 圓角與層級
- 中圓角 · 有陰影
預覽 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 場景疊標題
- 導航結構：左側應用側邊欄
- 明暗與密度：淺色 · 資訊密集
- 圓角與層級：中圓角；用陰影區分層級
- 主視覺載體：產品介面截圖或元件示意
- 轉化動作：首屏畫面直接輸入或試用
- 標題切入點：品類定位錨點
- 首屏畫面元件特徵：首屏畫面大幅產品介面
- 空間布局拆解：左側固定深色分類欄，右側頂部資訊條下方以四列資源卡片縱向排列。
- 視覺特徵總結：淺灰內容底搭配白色圓角資源卡片與黑色側欄，緊湊的中文無襯線文字和整齊的圖示網格呈現工具導航介面。
## 避免
- 多種強調色並用
- 漸層背景
- 重陰影
請按上面的設計參數與版式實現介面：顏色只用這些變量，強調色只給主要操作與當前狀態。只採用這種風格，禁止復刻任何參考產品的品牌名、標誌、文案與圖片。
問題與證據
同分類研究對象
這些產品屬於同一目錄分類。選型時請進一步核對客戶任務、功能與部署要求。