您使用的每個螢幕都是由某人設計的：銀行應用程式的主畫面、搜尋框、設定頁面。 UI 設計是一門決定這些螢幕如何排列、每個控制項的外觀以及觸摸它時如何回應的學科。
UI 設計師使用一些構建塊。佈局和間距將相關的事物組合在一起。視覺層次結構讓最重要的動作脫穎而出。版式和顏色承載著意義和品牌。按鈕、輸入、卡片和選單等組件設計一次並重複使用，因此產品感覺一致。
每個組件也有狀態。按鈕有預設、懸停、按下、聚焦、停用和載入狀態，每種狀態都需要設計。忽略狀態是設計在模型中看起來完成但在實際產品中感覺破碎的最常見原因之一。
互動和動作也是 UI 的一部分。小反應（通常稱為微互動）可確認點擊是否有效、顯示進度或解釋某些內容的去向。它們應該快速且有目的，並尊重減少運動的系統設置。
如今大多數 UI 設計都發生在 Figma 中，其中 Penpot、Sketch 和 Lunacy 是常見的替代方案。對於需要對最終應用程式中的實際數據和輸入做出反應的介面，設計人員還使用互動式工具。我們製作的 ExodeUI 就是其中之一：它將狀態、彈簧物理和事件儲存在一個開啟的檔案中，該檔案在 React、Vue、Svelte、Angular、Solid、React Native、ZQX3Z、ZXZXZXZXZX、ZX 中運行。