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

Posted onAuthorANDY LIEN

章節連結

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

下載並安裝

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

如何使用

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

技術筆記相關文章

  • [筆記] 程式必修課！離散數學與演算法 – 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
  • [筆記] 程式必修課！離散數學與演算法 – 15
  • [筆記] FullCalendar V6 eventsSet 觸發邏輯
  • [筆記] 程式必修課！離散數學與演算法 – 14
  • [筆記] 程式必修課！離散數學與演算法 – 13
  • [筆記] 程式必修課！離散數學與演算法 – 12
  • [筆記] FullCalendar V6 搭配 Tooltip 實作方法
  • [筆記] 程式必修課！離散數學與演算法 – 10
  • [筆記] 程式必修課！離散數學與演算法 – 9
  • [筆記] 程式必修課！離散數學與演算法 – 8
  • [筆記] 程式必修課！離散數學與演算法 – 7
  • [筆記] 實作動畫 div 移入效果需注意滾軸所造成的影響
  • [筆記] 解決 Email 附件的 noname 圖片問題
  • [筆記] DOM contains 方法與 onClickOutside 的搭配使用
  • [筆記] Tailwind CSS size-Utilities
  • [筆記] 開發網頁應用並顯示於電視上 – 螢幕解析度與瀏覽器寬度區別
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 37
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 36
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 35
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 34
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 33
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 32
  • [指南] 解決 Synology 搭配 TimeMachine 出現 The Backup is Already In Use 問題
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 31
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 30
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 29
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 28
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 27
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 26
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 25
  • [筆記] TypeScript 拓展 Window 物件定義
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 24
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 23
  • [筆記] 網站安全的必修課丨從 OWASP Top 10 實現全方位防禦強化 – 22
    • 按讚加入粉絲團

    延伸閱讀