產品

MarkUp

供創意團隊使用的設計協作工具,可在網站、圖片、PDF 和影片等內容上添加批註並集中收集回饋。

markup.io Chrome 應用商店設計 / UI/UX 設計與原型

AI 競品立項評估
電腦版
行動端
每月造訪次數
187.2K
下降3.2%較上月2026 年 9 月
公開營收
未公開
暫無公開營收證據
入門價
$79/月
高於同類 80% 的產品同類中位數 $18/月
創作者
Son Le
未關聯社交帳號
首次發布
16 年前
2010-10-07 · 估算

訪問

每月造訪次數資料截至 2026 年 9 月 · 2026 年 10 月待更新
事件18 個變化

行銷動作

發布、搜尋與內容、引薦、促銷
  • 在 Product Hunt 發布發布

    Turn your website into a dynamic canvas ready for feedback

    2020 年 3 月 9 日 · 6 年前發布頁

  • 在 BetaList 發布發布

    MarkUp – Visual commenting platform for real-time feedback on websites — Visual commenting platform for real-time feedback on websites

    2019 年 12 月 2 日 · 6 年前發布頁

  • 在 Show HN 發布(90 分 · 54 評論)發布

    Review my project: MarkUp, a tool to draw on any webpage. — Here's the website: We created MarkUp at Medium to help make the QA process better for sites we're working on. Grab the MarkUp bookmarklet…

    2010 年 10 月 7 日 · 16 年前發布頁

第三方評測與案例拆解

客戶來源管道拆解、工程師評測與開源檔案
Show HN
2010-10-07查看原文
創作者原帖摘錄:
Here's the website: http://markup.io/ We created MarkUp at Medium to help make the QA process better for sites we're working on. Grab the MarkUp bookmarklet, go to some page in your browser, then click it to draw on the page. Publish to make a link you can share. We've tried similar tools like BounceApp, Notable, and Skitch. Everything else we found is scree

商店資料

Chrome 應用商店
Chrome 應用商店 Chrome 應用商店
更新日期未同步
評分
評分未同步評分數未同步
上月新增評分
—
價格與內購
免費內購資料未同步
當前版本
—商店公開檔案

商店圖示、評分分布、安裝量級與宣傳截圖同步自 Apple App Store、Google Play 與 Chrome 應用商店。

流量來源

2026 年 9 月

訪問構成

管道

  • 直接訪問81%
  • 郵件6%
  • 外部引薦5%
  • 自然搜尋5%
  • 其他2%

國家/地區

  • 美國74%
  • 加拿大4%
  • 英國3%
  • 保加利亞2%
  • 印度2%

搜尋

站點權重 —網域名稱註冊 2018-08-17

關鍵字月搜尋量
markup23K
best tool for marketing up videos on screen mac or ipad380
markup.io330
can we comment timestamps in canva260
مركب io130

流量資料:Vaneform

定價

Pro
$79/月
按年付 $990/年
1 Workspace · Unlimited users
Business
$499/月
按年付 $4990/年省 17%
1 Workspace · Unlimited users
Enterprise
聯繫銷售
Unlimited MarkUps · Unlimited everything

試用:Try 14 days free · 2 檔付費($79–$499) · 年付最高省 17% · 設企業客製化檔 · 觀察於 2026-11-03 · 原定價頁

入門價 $79/月,高於同類 80% 的產品;「UI/UX 設計與原型」中位數 $18/月。查看定價基準

頁面與變化

開始記錄於 2020-03-09

關鍵頁面

每週快照
www.markup.io/ 快照 2026-11-04

變化

  1. 11 月 1 日 · 13 天前

    首頁主標題(H1)改為「A better way to collaborate」定位

    A better way to collaborate→A better way to collaborate

  2. 11 月 1 日 · 13 天前

    移除技術棧:Amazon Web Services功能

    Amazon Web Services→—

  3. 11 月 1 日 · 13 天前

    移除技術棧:Apache HTTP Server功能

    Apache HTTP Server→—

  4. 11 月 1 日 · 13 天前

    移除技術棧:Bootstrap功能

    Bootstrap→—

  5. 11 月 1 日 · 13 天前

    新增採用技術棧:Google Font API功能

    —→Google Font API

  6. 11 月 1 日 · 13 天前

    移除技術棧:MySQL功能

    MySQL→—

設計

首屏畫面視覺分析與 :root CSS

深紫近黑漸層底上,白色無襯線標題疊立體霓虹手寫詞,居中紫色膠囊按鈕,底部露出產品批註介面。

首屏畫面預覽 · 點擊放大

首屏畫面講了什麼與轉化路徑

“A better way to collaborate”

頂部懸浮白膠囊導航,標題與按鈕居中,下方橫鋪產品介面截圖。

首屏畫面轉化路徑:標題下方大幅產品介面 + 產品介面截圖或元件示意 → 免費開始 / 立即註冊

色板 · 點擊複製

五維設計評分7.9 / 10
字體與排版
8.0
色彩與對比
8.0
構圖與留白
8.0
細節與工藝
8.0
風格辨識度
7.0

結構

字體
Lobster / Inter
主視覺
產品介面截圖或元件示意
信任背書
無顯式背書
導航
懸浮膠囊導航
明暗與密度
深色 · 適中
圓角與層級
膠囊 · 有陰影
預覽 AI 設計說明全文(含 :root CSS 變量與版式規則)只寫風格參數,禁止復刻該產品的品牌名、標誌、文案與圖片
# 設計說明:漸層光暈(兼備3D 擬物)

深色或淺色底上的彩色光暈與半透明玻璃面板,多見於 AI 產品。

## 設計參數

```css
:root {
  --background: #140820;
  --surface: #ffffff;
  --foreground: #f4f2fa;
  --muted-foreground: #a39bb4;
  --accent: #7b5cff;
  --radius: 9999px;
  --font-heading: "Lobster", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```

色彩面積配比:背景 #140820(約 52%) · 面板 #FFFFFF(約 18%) · 正文 #F4F2FA(約 12%) · 次要文字 #A39BB4(約 8%) · 強調 #7B5CFF(約 10%)。背景與面板占絕大部分面積,強調色只用於主按鈕與當前激活狀態。

## 版式與轉化結構

- 首屏畫面版式:標題下方大幅產品介面
- 導航結構:懸浮膠囊導航
- 明暗與密度:深色 · 適中
- 圓角與層級:膠囊;用陰影區分層級
- 主視覺載體:產品介面截圖或元件示意
- 轉化動作:免費開始 / 立即註冊
- 標題切入點:痛點消解與替代
- 首屏畫面元件特徵:首屏畫面大幅產品介面
- 空間布局拆解:頂部懸浮白膠囊導航,標題與按鈕居中,下方橫鋪產品介面截圖。
- 視覺特徵總結:深紫近黑漸層底上,白色無襯線標題疊立體霓虹手寫詞,居中紫色膠囊按鈕,底部露出產品批註介面。

## 避免

- 純平面色塊
- 襯線正文
- Cluttered dense tables in the hero

請按上面的設計參數與版式實現介面:顏色只用這些變量,強調色只給主要操作與當前狀態。只採用這種風格,禁止復刻任何參考產品的品牌名、標誌、文案與圖片。

問題與證據

MarkUp 的價格是多少?
Pro: $79/月(提供年付); Business: $499/月(提供年付); Enterprise: 聯繫銷售. 觀察於 2026-11-03。 當前計費條件、用量限制與稅費以來源頁面為准。來源
MarkUp 的網站造訪次數是多少?
Vaneform 估算 2026-09 網站造訪次數為 187.2K。造訪次數包含重複訪問,付費客戶數與收入需分別查看對應證據。來源
MarkUp 是什麼產品,支援哪些平台?
MarkUp 歸屬「UI/UX 設計與原型」市場領域:MarkUp.io 是一款供創意團隊使用的設計協作工具,可在網站、圖片、PDF 和影片等內容上添加批註並集中收集回饋。。 支援平台包括:瀏覽器擴充功能。

同分類研究對象

設計 / UI/UX 設計與原型

這些產品屬於同一目錄分類。選型時請進一步核對客戶任務、功能與部署要求。

查看「UI/UX 設計與原型」全部產品與定價基準 →