[筆記] MarkMan 跨平台 設計稿標註與量測工具

前幾週在六角學院的線上課程看到有個好用的 MarkMan 線上平台工具可以使用，讓你可以輕鬆的讀取和量測圖片上的顏色、大小。雖說不能夠讀取圖片上的字體，但在不開啟如 Photoshop 之類的軟體就能達到工作需求，算是很實用了。

---

下載並安裝

1. 登入 MarkMan 官網後，點選左方的下載按鈕開始安裝
2. 此安裝包是利用 Adobe AIR，如果沒有這個軟體的，要先上 Adobe 的官網下載，才能成功開啟安裝檔

如何使用

1. 開啟程式後，就將要用來分析的圖片運用”拖拉放”的技巧到程式畫面中央。
2. 完成了。你可以運用下方的滴管和量測尺，就可以得知色碼(Hex)和距離像素。

---

技術筆記相關文章

[筆記] 程式必修課！離散數學與演算法 – 95

[筆記] HTML 按鈕上用 after 偽元素作對角線

[筆記] 程式必修課！離散數學與演算法 – 94

[筆記] 程式必修課！離散數學與演算法 – 93

[筆記] Nuxt3 圖片路徑兼容本地開發和遠端伺服器

[筆記] Nuxt3 使用錨點導航導致 router meta 資料遺失的替代方案

[筆記] 程式必修課！離散數學與演算法 – 92

[筆記] 用 media query 來撰寫僅支援 hover 的樣式

[筆記] 程式必修課！離散數學與演算法 – 91

[筆記] 程式必修課！離散數學與演算法 – 90

[筆記] Tailwindcss 4 Dark Mode 靜態與動態設值

[筆記] 程式必修課！離散數學與演算法 – 89

[筆記] 程式必修課！離散數學與演算法 – 87

[筆記] 程式必修課！離散數學與演算法 – 86

[筆記] 程式必修課！離散數學與演算法 – 85

[筆記] 程式必修課！離散數學與演算法 – 84

[筆記] 程式必修課！離散數學與演算法 – 83

[筆記] 程式必修課！離散數學與演算法 – 82

[筆記] 解決 Nuxt3 SSG 靜態網站生成過多 js 檔的問題

[筆記] 程式必修課！離散數學與演算法 – 81

[筆記] 程式必修課！離散數學與演算法 – 80

[筆記] TailwindCSS 4 在 Vue3 與 SCSS 共用

[筆記] 程式必修課！離散數學與演算法 – 79

[筆記] 程式必修課！離散數學與演算法 – 78

[筆記] 程式必修課！離散數學與演算法 – 77

[筆記] UI Lib Picker 挑選適合你的 Vue3 UI Library

[筆記] 程式必修課！離散數學與演算法 – 76

[筆記] Nuxt3 搭配 mk-cert 使用 https 進行開發

[筆記] 程式必修課！離散數學與演算法 – 75

[筆記] 程式必修課！離散數學與演算法 – 74

[筆記] 程式必修課！離散數學與演算法 – 73

[筆記] 程式必修課！離散數學與演算法 – 72

[筆記] 程式必修課！離散數學與演算法 – 71

[筆記] 程式必修課！離散數學與演算法 – 70

[筆記] Vite 結合 mk-cert https 開發環境

[筆記] 程式必修課！離散數學與演算法 – 69

[筆記] 程式必修課！離散數學與演算法 – 68

[筆記] 程式必修課！離散數學與演算法 – 67

[筆記] 程式必修課！離散數學與演算法 – 66

[筆記] 程式必修課！離散數學與演算法 – 65

[筆記] 程式必修課！離散數學與演算法 – 64

[筆記] 程式必修課！離散數學與演算法 – 63

[筆記] 程式必修課！離散數學與演算法 – 62

[筆記] 程式必修課！離散數學與演算法 – 60

[筆記] 程式必修課！離散數學與演算法 – 59

[筆記] 程式必修課！離散數學與演算法 – 58

[筆記] 程式必修課！離散數學與演算法 – 57

[筆記] 程式必修課！離散數學與演算法 – 56

[筆記] 程式必修課！離散數學與演算法 – 55

[筆記] 修正 ResizeObserver loop limit exceeded 錯誤

[筆記] 程式必修課！離散數學與演算法 – 54

[筆記] 程式必修課！離散數學與演算法 – 53

[筆記] 程式必修課！離散數學與演算法 – 52

[筆記] 程式必修課！離散數學與演算法 – 51

[筆記] mkcert + vite 開發環境導入 https

[筆記] 程式必修課！離散數學與演算法 – 50

[筆記] 程式必修課！離散數學與演算法 – 49

[筆記] 程式必修課！離散數學與演算法 – 48

[筆記] 程式必修課！離散數學與演算法 – 47

[筆記] 程式必修課！離散數學與演算法 – 46

[筆記] Vue3 實作點擊聚焦 input 當失焦時觸發函式

[筆記] 程式必修課！離散數學與演算法 – 45

[筆記] 程式必修課！離散數學與演算法 – 44

[指南] EasyResizer 免上傳雲端的批次轉換圖片格式工具

[筆記] 程式必修課！離散數學與演算法 – 42

[筆記] 程式必修課！離散數學與演算法 – 41

[指南] 2025 Office 365 Lens + OneNote 簡單快速儲存紙本名片

[筆記] Vite 6 vitest 出現 Type PluginOption[] is not assignable to type PluginOption 錯誤

[筆記] 程式必修課！離散數學與演算法 – 40

[筆記] 程式必修課！離散數學與演算法 – 39

[筆記] Vue3 自製 Collapse Transition 收摺動畫

[筆記] 2025 跨平台 Font-Family 預設值建議

[筆記] FreeFonts.co 供本機端測試字體下載

[筆記] 程式必修課！離散數學與演算法 – 38

[筆記] Google Chrome Fonts Ninja 套件來偵測當前網頁顯示字體大小顏色

[筆記] Air Datepicker 前端日曆套件顯示僅年份選擇

[筆記] 程式必修課！離散數學與演算法 – 36

[筆記] 程式必修課！離散數學與演算法 – 35

[筆記] 程式必修課！離散數學與演算法 – 34

[筆記] Vue i18n v10 以上版本 複數 Plural 使用方式

[筆記] 程式必修課！離散數學與演算法 – 33

[筆記] Email html 模版撰寫樣式注意事項

[筆記] 程式必修課！離散數學與演算法 – 32

[筆記] 程式必修課！離散數學與演算法 – 31

[筆記] 程式必修課！離散數學與演算法 – 30

[筆記] 程式必修課！離散數學與演算法 – 29

[筆記] 程式必修課！離散數學與演算法 – 28

[筆記] 程式必修課！離散數學與演算法 – 27

[筆記] 程式必修課！離散數學與演算法 – 25

[筆記] 程式必修課！離散數學與演算法 – 24

[筆記] 瀏覽器的跳轉處理之 location.href 和 location.replace

[筆記] 程式必修課！離散數學與演算法 – 23

[筆記] Vite 導入 Exceljs 輸出簡易表格

[筆記] 程式必修課！離散數學與演算法 – 21

[筆記] 程式必修課！離散數學與演算法 – 20

[筆記] 程式必修課！離散數學與演算法 – 19

[筆記] 程式必修課！離散數學與演算法 – 18

[筆記] 程式必修課！離散數學與演算法 – 17

[筆記] Vue3 實作類似 Checkbox 的 Radio 元件

[筆記] 程式必修課！離散數學與演算法 – 16

按讚加入粉絲團

延伸閱讀

• [筆記] HTML 按鈕上用 after 偽元素作對角線
• [筆記] Nuxt3 圖片路徑兼容本地開發和遠端伺服器
• [筆記] 程式必修課！離散數學與演算法 – 94
• [筆記] 程式必修課！離散數學與演算法 – 93
• [筆記] Nuxt3 使用錨點導航導致 router meta 資料遺失的替代方案