Captain – 凱博創意｜UIUX改造專家 – 設計×開發 https://www.design4cap.com.tw/Cap2020 Cross, Anything's Possible "跨越 × 交織　實現可能" Sun, 01 Mar 2026 19:22:18 +0000 zh-TW hourly 1 https://wordpress.org/?v=6.9.1 https://www.design4cap.com.tw/Cap2020/wp-content/uploads/2022/03/cropped-LOGO_Avatar_bl-32x32.png Captain – 凱博創意｜UIUX改造專家 – 設計×開發 https://www.design4cap.com.tw/Cap2020 32 32 1A2B｜邏輯挑戰遊戲 https://www.design4cap.com.tw/Cap2020/toolsbar/1a2b%ef%bd%9c%e9%82%8f%e8%bc%af%e6%8c%91%e6%88%b0%e9%81%8a%e6%88%b2/ Sun, 01 Mar 2026 18:56:38 +0000 https://www.design4cap.com.tw/Cap2020/?p=2555 這不只是刷時間的遊戲，也是在短時間內強化記憶力與分析能力，更是一場關於直覺與推理的博弈。

回 兔耳Bar.工具庫

]]> 文公尺｜吉凶查詢儀 https://www.design4cap.com.tw/Cap2020/toolsbar/%e6%96%87%e5%85%ac%e5%b0%ba%ef%bd%9c%e5%90%89%e5%87%b6%e6%9f%a5%e8%a9%a2%e5%84%80/ Sun, 01 Mar 2026 14:19:29 +0000 https://www.design4cap.com.tw/Cap2020/?p=2513 專為陽宅建築與傢俱丈量設計。精確模擬 42.9cm 循環，即時顯示八大字與精確小字吉凶。配合極大化字體與 ±0.5cm 快速微調按鈕，助您輕鬆掌握趨吉避凶的空間尺度，守護家宅興旺與平安！

回 兔耳Bar.工具庫

]]> 易經 · 梅花易數｜數字占卜版 https://www.design4cap.com.tw/Cap2020/toolsbar/%e6%98%93%e7%b6%93-%c2%b7-%e6%a2%85%e8%8a%b1%e6%98%93%e6%95%b8%ef%bd%9c%e6%95%b8%e5%ad%97%e8%b5%b7%e5%8d%a6/ Sat, 28 Feb 2026 22:14:06 +0000 https://www.design4cap.com.tw/Cap2020/?p=2462 梅花易數由宋代大儒邵康節所創，其核心在於「隨時隨地皆可起卦」。本工具採用數位化起卦邏輯，透過您當下動念產生的三個數字，擷取時空中的能量訊息，並推導出本、互、變、錯、綜五種卦象。

回 兔耳Bar.工具庫

]]> 掐指一算｜小六壬占卜儀 https://www.design4cap.com.tw/Cap2020/toolsbar/%e6%8e%90%e6%8c%87%e4%b8%80%e7%ae%97%ef%bd%9c%e5%b0%8f%e5%85%ad%e5%a3%ac%e5%8d%a0%e5%8d%9c%e5%84%80/ Sat, 28 Feb 2026 18:24:41 +0000 https://www.design4cap.com.tw/Cap2020/?p=2335 小六壬，又稱「報時起課法」或「馬前課」，是一種中國古代的占卜方法。它以六個神位（大安、留連、速喜、赤口、小吉、空亡）配合月、日、時的推算來預測吉凶。

小六壬可以快速占卜日常瑣事，幫助您在面臨選擇時多一份思考，但不可過度依賴。

回 兔耳Bar.工具庫
]]> 專案紀錄｜醫療服務平台UXUI設計 https://www.design4cap.com.tw/Cap2020/project-notes/%e5%b0%88%e6%a1%88%e7%b4%80%e9%8c%84%ef%bd%9c%e9%86%ab%e7%99%82%e6%9c%8d%e5%8b%99%e5%b9%b3%e5%8f%b0uxui%e8%a8%ad%e8%a8%88/ Fri, 09 Aug 2024 07:47:18 +0000 https://www.design4cap.com.tw/Cap2020/?p=1929 , , , ,
  • 全新社區醫學服務平台
  • 使用者流程設計(UX)
  • Web APP介面設計(UI)
  • 包含撰寫Html+CSS+JS版面文件

將抽象及破碎的概念具象化

使用場景橫跨了病患手機、院所候診間、院所櫃檯、醫師診間等跨裝置跨區域的整合。

初期業主提供的資訊極少，於是我們協助了資料收集及看診經驗的調查，並將抽象及破碎的概念具象化，構築了簡易營運架構圖以利制定明確的走向。

業主提供的初期概念視圖

在進行系統的 UI 設計時，重點放在以下幾個方面：

  1. 使用者友好性：界面設計應該易於理解和操作，從而縮短交易時間並降低使用者的學習成本。
  2. 效率：界面設計應該能夠提高工作效率，讓使用者能夠快速完成銷售過程，包括桌況管理、處理付款等任務。
  3. 整體外觀：注重整體美感，包括色彩搭配、字體選擇和圖標設計，從而營造出舒適的使用體驗。
  4. 功能性：考慮新增或優化現有功能，以滿足使用者需求，包括訂單管理、營業追踪等。
  5. 不同的應用對應不同的目標裝置

主流程介面

診所端｜候診間叫號通知、醫師控號、櫃台整合管理

候診間件號通知｜四診間整合顯示
候診間件號通知｜單一診間顯示
醫師控號｜叫號功能、病患資訊
櫃台整合管理｜掛號、報到、建立病患資訊
櫃台整合管理｜候診端版面及資訊設定
櫃台整合管理｜編輯管理客顯端貼文
櫃台整合管理｜設定客顯端(病患手機)版面及資訊設定
櫃台整合管理｜編輯客顯端(病患手機)診所資訊設定

客顯端｜運用於病患或家屬手機LINE官方帳號

客顯端｜入口主畫面頂部，以掛號叫號通知為主要顯示內容
客顯端｜入口主畫面下滑區塊，內容為診所投影片及貼文
客顯端｜主導覽列
客顯端｜預約看診畫面
客顯端｜家庭成員管理，可運用於家長幫小孩管理或預約看診
客顯端｜可記錄自我健康評估，利於提供醫師資訊及醫師對病人的提醒
客顯端｜診所資訊
]]> 專案紀錄｜總部系統UXUI設計開發 https://www.design4cap.com.tw/Cap2020/project-notes/%e5%b0%88%e6%a1%88%e7%b4%80%e9%8c%84%ef%bd%9c%e8%b5%a4%e9%ac%bc%e7%b8%bd%e9%83%a8%e7%b3%bb%e7%b5%b1uxui%e8%a8%ad%e8%a8%88%e9%96%8b%e7%99%bc/ Mon, 15 Jul 2024 11:17:00 +0000 https://www.design4cap.com.tw/Cap2020/?p=2071 , , ,
  • 全新客製化開發
  • 整合原POS系統雲端化並同步資料
  • Web APP介面設計+程式開發
  • 包含撰寫Html+CSS+JS版面文件

總部系統能夠使業務運作更為高效，利用銷售分析提升效率並提供即時洞察，協助做出數據驅動的決策。在進行系統的設計時，是根據業主的特性與需求而設計，除了龐大的數據要將其分類與階層化，屏除多餘的細節資訊，並利用編排、字體樣式、圖標與配色，讓圖表與數據讓主管能夠快速理解和操作。

主要介面

＊本文呈現的數據為虛擬數據

]]> 專案紀錄｜KDS廚顯系統UXUI大改造 https://www.design4cap.com.tw/Cap2020/project-notes/%e5%b0%88%e6%a1%88%e7%b4%80%e9%8c%84%ef%bd%9ckds%e5%bb%9a%e9%a1%af%e7%b3%bb%e7%b5%b1uxui%e5%a4%a7%e6%94%b9%e9%80%a0/ Sun, 14 Apr 2024 19:25:57 +0000 https://www.design4cap.com.tw/Cap2020/?p=1964 , , , ,
  • 當前市場流通軟體UIUX改造
  • 優化使用者流程
  • Android APP介面設計
  • 包含撰寫XML Layout版面文件

KDS廚顯系統(Kitchen Display System)的UI改造重點

  1. 使用者友好性：讓廚房人員可以一目了然地掌握每道餐點的內容、口味備註，包括訂單類別。
  2. 效率：支援菜口分別控單或單一控單，並將訂單瀏覽選項提升至外層介面位置，更方便切換控單。
  3. 整體外觀：注重整體美感，包括色彩、字體和圖標，並有計畫的將風格延伸至POS系統，塑造品牌的一致性強化品牌印象。

主流程介面

GeoKDS-點單瀏覽 (主頁面)
GeoKDS-歷史紀錄
GeoKDS-歷史紀錄-查詢範圍設定
GeoKDS-出餐分析
GeoKDS-出餐分析-查詢範圍設定
GeoKDS-系統設定-版面調整
GeoKDS-系統設定-顏色調整
]]> 專案紀錄｜Line線上點餐系統UXUI大改造 https://www.design4cap.com.tw/Cap2020/project-notes/%e5%b0%88%e6%a1%88%e7%b4%80%e9%8c%84line%e7%b7%9a%e4%b8%8a%e9%bb%9e%e9%a4%90%e7%b3%bb%e7%b5%b1uxui%e5%a4%a7%e6%94%b9%e9%80%a0/ Thu, 11 Apr 2024 15:20:42 +0000 https://www.design4cap.com.tw/Cap2020/?p=1924 , , , , ,
  • 當前市場流通軟體UIUX改造
  • 優化使用者流程
  • Web APP介面設計
  • 包含撰寫Html+CSS+JS版面文件

手機點餐有螢幕較小及非工作人員操作， 易造成使用不易及錯誤。因此 UI 改造時，重點放在以下幾個方面：

  1. 簡潔的設計：確保介面乾淨俐落，讓用戶能夠快速找到他們需要的功能和信息。
  2. 直覺的操作：設計使用者友好的操作流程，目的是讓用戶輕鬆順暢地完成點餐過程。
  3. 客製化選項：提供豐富的選擇，使用戶可以自由調整和定制他們的訂單。

我們強調品牌區隔，制定品牌標準配色運用於元件中，並在特定區域凸顯。

主流程介面．舊版→新版比較

]]> 專案紀錄｜POS系統UXUI大改造 https://www.design4cap.com.tw/Cap2020/project-notes/%e5%b0%88%e6%a1%88%e7%b4%80%e9%8c%84%ef%bd%9cpos%e7%b3%bb%e7%b5%b1uxui%e5%a4%a7%e6%94%b9%e9%80%a0/ Fri, 05 Apr 2024 06:19:12 +0000 https://www.design4cap.com.tw/Cap2020/?p=1552 , , , ,
  • 當前市場流通軟體UIUX改造
  • 優化使用者流程
  • Android APP介面設計
  • 包含撰寫XML Layout版面文件

在進行POS系統的 UI 改造時，重點放在以下幾個方面：

  1. 使用者友好性：界面設計應該易於理解和操作，從而縮短交易時間並降低使用者的學習成本。
  2. 效率：界面設計能夠提高工作效率，讓使用者能夠快速完成銷售過程，包括桌況管理、處理付款等任務。
  3. 整體外觀：注重整體美感，包括色彩搭配、字體選擇和圖標設計，從而營造出舒適的使用體驗。
  4. 功能性：考慮新增或優化現有功能，以滿足使用者需求，包括訂單管理、營業追踪等。

流程圖(Flow Chart)有助於在設計進行前釐清前結與後結兩種模式行為影響的版面差異。

GeoPOS UI 主流程

主流程介面．新/舊版比較

★★新版★★ 點餐主頁
[舊版] 點餐主頁
★★新版★★ 餐點調整
[舊版] 餐點調整
★★新版★★ 桌況管理
[舊版] 桌況管理
★★新版★★訂單管理
[舊版] 訂單管理
★★新版★★ 更多功能及系統設定並整合系統資訊
[舊版] 更多功能及系統設定
]]> Midjourney・用文字敘述AI幫你算繪 https://www.design4cap.com.tw/Cap2020/lab-play/midjourney%e3%83%bb%e7%94%a8%e6%96%87%e5%ad%97%e6%95%98%e8%bf%b0ai%e5%b9%ab%e4%bd%a0%e7%ae%97%e7%b9%aa/ Thu, 16 Feb 2023 14:36:30 +0000 https://www.design4cap.com.tw/Cap2020/?p=1431

科技始終來自於惰性

只要在對話框輸入情境描述及關鍵詞，便能輕輕鬆鬆生成四張預視圖，再經過幾次的選擇與運算，最終將你的想像給具象化。

依靠AI就能成為畫家、作家或其他創作者嗎？現在不行，娛樂而已。但未見的未來，到底是擁有了AI 只需一張嘴(未來連打字都不用)，人人皆能成為創作者，還是創作者漸漸消失了。

中文也可以

江湖盛傳描述及關鍵字要用英文。沒錯，用英文會比較精準。但我叛逆的借兩句唐詩，卻也得到幾分的趣味，雖然不精準。

如何開始

首先要註冊Discord帳號，因為Midjourney是附掛在Discord的社群運作的。

https://discord.com/login
https://www.midjourney.com/home/

在下方對話區塊內輸入 “/”，彈出快選單後選取 “/imagine”。即可在 “prompt” 標籤後輸入情境描述與關鍵詞，範例中最後的 “–ar 3:2” 為生成圖像的尺寸比例，亦可輸入寬高的像素 “–w1024 –h768″，按下Enter後片刻便能生成四張預視圖。

圖的下方U1到U4按鈕代表將所選輸出成大圖，V1到V4按鈕則為選擇此圖再生成四張，以此類推便有機會得到最符合期望的結果。

]]>