技術 [Day19-開發前期] 欄位邏輯 Flow 🎢  藉由 Figma 模擬程式模組積木，定義功能互動及開發！（上）

當一般流程圖的畫法不適用 前面幾篇提到，Logic Flow 有一些限制，像是無法面對複雜的程式邏輯，不具影響順序因素，所以比較適合線性、重複步驟，或是逐步進行...

技術 [Day18-開發中期] UI Flow 指引我回家 🌊  設計師的導航工具，工程師的明燈！（下）

我們是這樣藉由 UI Flow 溝通設計 昨天提到將 UI Flow 的作法用於描述局部功能的變化性，今天我們繼續來分享 方法二：專注情境，集中於 UI 的變化...

技術 [Day16-開發中期] UI Flow 指引我回家 🌊  設計師的導航工具，工程師的明燈！（上）

在流程圖中迷路 在前面兩篇提到，「透過 User flow 也可以再幫助我們釐清有哪些關鍵 UI 畫面需要產出」，「透過 Logic flow 可以清晰表現前端...

技術 [Day17-開發中期] UI Flow 指引我回家 🌊  設計師的導航工具，工程師的明燈！（中）

UI Flow 的限制 不過可以注意到，App 產品因為尺寸，也因為有較多頁面、功能切換的效果，很建議用 UI Flow 的方式交付設計。 但 Web 設計因為...

技術 Day5 從 Wireframe 到 UI Flow 再進一步用心智圖 GitMind 完善功能規劃

在完成 Wireframe 草圖後，下一步就是將這些頁面之間的連結建立起來，形成完整的 UI Flow。這不僅能幫助我們理解頁面間的關聯性，還能確保設計的邏輯性...

技術 Day 12 Function流程圖

續前篇，網站就是由一個一個的網頁架構而成，在開發時，需求討論階段，也需要把相關單位的使用行為、使用者任務、以及相關聯的系統架構一起考量進來。 例如：架構於Web...

技術 Day 14. UX/UI 設計流程之四： Wireflow，並以 Axure RP 實作 (上)

由於 UI Flow 一定程度上已經交代了操作流程會走過哪些頁面，接下來設計師就可以根據 UI Flow，把每個頁面的所有狀態、環節、動線都繪製完畢，便能夠...

技術 Day13. UX/UI 設計流程之三： UI Flow (並使用Axure RP 實作)

UI Flow 的全名是 User Interface Flow，望文生意，也就是使用者點某個按鈕會到哪個畫面的流程圖集合。 許多人會可能會認為他就是介面銜接的...

技術 【Day 06】設計流程環節：回顧篇

我們一起看過了在正式進入繪製之前的四個階段 ( IA 資訊架構 / Functional Map 功能地圖 / Logic Flow 邏輯流程 / Wirefr...

技術 【Day 04】設計流程 (三)：Logic Flow 操作邏輯流程

正式進入繪製之前的四個階段：IA 資訊架構 -> Functional Map 功能地圖 -> Logic Flow 邏輯流程 -> Wire...