上一篇我們聊到「使用者的操控自由」以及「一致性與標準」,今天要繼續介紹兩個常被忽略,卻能大大影響體驗的原則:錯誤預防 和 辨識而非記憶。
5️⃣ 錯誤預防
在...
昨天我們把資料庫用 Prisma 型別安全化了,
今天拉回前端,用 React + TypeScript 把元件到資料流都型別化。
你會拿到:Props/Sta...
前面我們已經陸續看了很多天關於 Next.js Router 的用法,接下來幾天我們會來看一些使用 App Router 時,才可以使用的 Router 進階用...
昨天我們學會了按鈕的基本元件設計(尺寸、顏色、圓角、hover、disabled),今天要進一步優化按鈕!!
1. 進階按鈕設計
按鈕是網站最常見的互動元件,...
在開發應用程式時,光靠程式記憶體是無法保存資料的,一旦伺服器重啟,資料就會消失。
因此我們需要 資料庫 (Database),讓資料能 持久化保存,例如:
使...
前言
在介面設計中,圖示(Icons)是最常見也最直覺的元素,不僅能提升辨識度,還能讓操作更有效率。
Animate UI 提供的 Icons 元件,不只是簡單...