富邦證券 AI Pro APP設計 UI設計 行動裝置介面
富邦證券 AI Pro APP設計 UI設計 行動裝置介面
面對行動交易的潮流，富邦證券希望打造一個更貼近使用者的新世代交易平台APP。不再只是冷冰冰的數據畫面，而是以使用者體驗為核心，結合創新技術、UIUX與年輕化設計，讓看盤、選股、下單都更直覺、更順手。
APP整合富邦與國內外券商的特色，導入 AI 智能與自訂化功能，打造懂你的投資夥伴。不論是台股、權證、期貨、選擇權還是海外股票，都能在同一平台輕鬆操作，享受流暢又專業的一站式交易體驗。
【視覺設計】
1.設計風格與元件遵循富邦CI規範製作。
2.下單買賣色系全站統一，並提供自訂「綠漲紅跌」或「紅漲綠跌」模式，搭配高、低對比選擇及日間／夜間模式切換，讓操作更符合個人偏好與使用情境。
3.行情單元採分眾化設計，提供小字級、預設字級與大字級三種版本，兼顧不同年齡層與閱讀習慣，確保資訊在任何情境下都能清晰易讀。
【UI設計執行規範】
1.設計系統與元件庫：以 Atomic Design 原則建立 Figma 元件庫，涵蓋按鈕、輸入框、報價卡、K線圖表容器、下單面板等交易核心元件，並統一命名規則與 Auto Layout 結構，確保多人協作與後續維護的一致性。
2.Light Mode / Dark Mode：UI template定義日間/夜間置換元素，降低換色成本並確保全站一致。
3.網格與間距系統：依據網格規劃版面，定義安全邊距(Safe Area)與元件間距層級，確保行情列表、下單面板等高密度資訊畫面仍維持清晰的視覺節奏。
3.字級階層系統：建立字級階層，實現字級版本切換功能(小／預設／大)，確保切換字級後行高、行距與版面結構同步縮放、不破版。
4.圖示與插畫規範：Icon 以統一格線（Icon Grid）與線寬繪製，定義填色／線性兩種樣式的使用時機，維持全站視覺語彙一致。
5.公版元件整合規範：針對嘉實資訊 XQM 公版元件，建立與富邦 CI 的對應調整規範（色彩、字級、圓角、間距映射表），確保公版功能導入後仍維持一致的品牌識別與操作體驗。
5.設計交付與協作：以 Figma Design Library 統一發佈元件與 Token，搭配標註規範與切版對照文件交付前端，縮短設計與開發的溝通成本，確保還原度。
【UX規劃】
1.使用者首次登入時提供問卷填答，依結果產生專屬首頁，後續也可自由調整個人化設定。
2.交易整合一般下單、閃電下單、委成回報、損益查詢與快速沖銷等核心功能。
3.單商品套嘉實資訊XQM公版，並依富邦設計規範調整優化，確保一致的操作體驗與品牌識別。
【AI功能】
1.AI 智能助理：運用先進的 Gen.AI 技術，即時解析市場資訊，快速整理相關個股、功能與問題，讓投資者能更輕鬆掌握市場動向。
2.AI 選股：透過 AI 分析歷史走勢，找出相似的 K 線型態，結合後續漲跌趨勢，提供平均勝率與報酬率等參考數據，協助投資者發掘潛在投資機會。
執行範圍：APP設計、UI設計、UX規劃、Wireframe設計、Design System 建置、跨裝置相容、前端開發 (切版)。
RWD 響應式網頁設計 (Responsive Web Design) 跨裝置相容 Google Chrome, Firefox , iOS13.X以上 之 Safari & Chrome , Android 11.X以上 之Chrome. HTML5 / CSS3
富邦證券 AI Pro APP設計 UI設計 行動裝置介面
