Android 5.0 Lollipop 帶來 Material Design 設計語言，徹底顛覆 KitKat 時代的 Holo 風格。本文精選 12 組核心系統 App 介面對比截圖，直觀展現從「扁平單色」到「材質立體、動態色彩、有意義動畫」的視覺革命。

核心系統 App 介面對比

每組圖左/上為 Android 5.0 Lollipop，右/下為 Android 4.4 KitKat。

Gmail — 從列表到卡片式會話流

Lollipop：郵件列表採卡片式，寄件人頭像圓形化、主題行加粗、摘要文字更醒目，右滑封存/刪除手勢。
KitKat：傳統列表視圖，資訊密度高但視覺層次單一。

筆記應用 (Google Keep) — 卡片瀑布流與顏色標籤

Lollipop：網格/瀑布流卡片，支援顏色分類、圖片預覽、清單項目勾選動畫。
KitKat：簡單列表，功能相近但視覺平淡。

Google 地圖 — 沉浸式地圖體驗

Lollipop：地圖佔滿全螢幕，搜尋列半透明疊加、底部資訊卡片上滑展開、FAB 懸浮按鈕 (定位/導航/探索)。
KitKat：頂部固定搜尋列、底部固定功能列，地圖可視區域較小。

聯絡人 — 圓形頭像、動態色彩、Material 動畫

Lollipop：聯絡人列表圓形頭像、點擊進入詳情頁共享元素轉場動畫 (頭像放大位移)、動態主題色從頭像/封面圖提取。
KitKat：方形頭像、靜態藍色主題、無轉場動畫。

行事曆 — 月視圖/週視圖 Material 化

Lollipop：月視圖事件以彩色圓點/條標記、週視圖事件卡片化、FAB 新增事件、主題色動態適配。
KitKat：傳統表格視圖、固定藍色主題。

設定介面 — 列表變卡片、分組更清晰、內建搜尋

Lollipop：頂部搜尋列、設定項目分組為卡片區塊 (無線網路、裝置、個人化、帳號、系統)、開關採 Material Design 風格、子選單過渡動畫。
KitKat：純列表、分組僅靠標題分隔、開關為 Holo 風格。

搜尋/Google Now — 沉浸式卡片流

Lollipop：搜尋結果以卡片呈現、知識面板卡片化、語音輸入波浪動畫、主題色動態。
KitKat：傳統列表結果、固定藍色主題。

相簿/圖庫 — 沉浸式瀏覽、集合自動分組

Lollipop：全螢幕沉浸式瀏覽、自動按時間/地點/物體分組集合、共享元素轉場進入詳情。
KitKat：頂部動作列、網格縮圖、無自動分組。

音樂/播放器 — 專輯封面主導視覺

Lollipop：專輯封面大面積呈現、播放控制懸浮底部、動態主題色從封面提取、歌詞卡片同步捲動。
KitKat：列表為主、封面較小、固定主題色。

音量調節 — 旁側浮動面板、獨立串流控制

Lollipop：側邊浮動面板、獨立控制媒體/鬧鐘/鈴聲/通知/系統/通話 6 種串流音量、展開顯示輸出裝置切換。
KitKat：中央彈出單一音量條、需進入設定分開調整。

應用程式設定/資訊 — 卡片化、權限分組、啟動器圖示

Lollipop：App 資訊頁卡片化區塊 (儲存空間、權限、通知、電池、開啟預設)、權限按危險/正常分組、啟動器圖示長按快捷選單。
KitKat：簡單列表、權限平鋪顯示、無快捷選單。

設計哲學對比總結

維度	KitKat (Holo)	Lollipop (Material Design)
核心隱喻	數位扁平、幾何抽象	物理材質、紙張隱喻、3D 空間
色彩策略	固定藍/綠/橙系統色	動態調色板、品牌色提取、深色模式基因
陰影/深度	無/偽 3D (漸層)	真實陰影、標高系統、動態 Z 軸
動畫角色	裝飾性、固定時長	功能性、共享元素轉場、狀態驅動
元件系統	ActionBar、ListView、Dialog	Toolbar、RecyclerView、CardView、BottomSheet、FAB
排版原則	固定邊距、基線網格	基線網格 + 8dp 間距系統、響應式佈局

歷史意義： Material Design 不僅統一了 Android、Chrome OS、Web、iOS (Google Apps) 的視覺語言，更確立了「設計系統」方法論，影響至今的 Fluent Design (Microsoft)、Human Interface Guidelines (Apple 更新)、各大設計系統構建實踐。