連綿陰雨九百天，身上長苔蘑菇。淡定，說正事。技術進步推動 Web 設計理念演進，設備多樣化帶來前所未有挑戰：如何以最合理方式讓方案最大程度適應各種設備性能規格？是逐個解決新舊細節，還能從宏觀尋求指導性「真諦」？

Web 設計史太短，不妨放遠視野，跨越設計範疇。心理學、音樂等領域蘊含抽象通用模式。讓我們看巴赫《平均律鋼琴曲集》（1722）與當前 Web 挑戰的關係。

巴赫與「好脾氣的克萊維爾」

巴赫創作 48 首前奏曲與賦格（24 大小調），名《好脾氣的克萊維爾》。當時鍵盤樂器固定音調一次只能奏幾個調式，全 12 調幾乎不可能。物理定律難破，但人感知可改——重新定義「合調」：調整特定音程使其與標準音準產生微小偏差，構建新調律體系（十二平均律），使全調式演奏成為可能。這種為構建更合理系統而調整組成要素特性的能力，即系統的「脾氣」。

Web 設計中的「好脾氣」

目標設備從單一走向多元，不再只是瀏覽器兼容，而是面對不同設備、屏幕、環境、系統 UI 風格。響應式設計或指定設備設計雖能調整外觀體驗，但並非所有 UI 元素/模組都能賦予彈性，仍需許多「固定」的全局化方案。此時「好脾氣」思路發揮作用：對關鍵 UI 元素做折中調整，使整頁對環境適應能力更強。

觸控優先

桌面站點出現觸屏風格 UI 元素，體現好脾氣思路。手指觸控需更大作用區域，適度增大重要交互元素尺寸，同時調整間距與內邊距保持視覺平衡。Google 新版 UI 明顯增大「寫郵件」按鈕，導航/工具欄/郵件列表間距留白相應調整，顯著提升觸屏友好性。

iPad 在觸屏與桌面間架橋，推動觸屏風格反哺桌面。Gmail、Twitter 改版及 CSS 精選站點顯示：留白更多、按鈕更大、視覺更「豐滿」。雖對鼠標略顯浪費，但易觸摸的按鈕同樣易鼠標控制，傳統環境體驗反而提升——這正是好脾氣核心：為適應更多平台，對標準化方案微調，達到折中狀態。

響應式設計方案

市面討論多圍繞開發技術。但「響應化」非目的，真正需要的是：機制幫助網站根據設備平台調整內容、媒體、佈局，提供最優且相對統一體驗模式。響應式離不開全局化體驗設計。波士頓環球報網站即佳例——不同設備訪問或桌面調整窗口，頁面響應式調整規則清晰可觀。

甚至可在舊蘋果 Newton 掌上電腦瀏覽。這不只是前端成就，高適應性設計思路才是核心。只面向桌面方案可更純粹完美；一旦考慮多環境，必須權衡以「彈奏出全部調式」。

移動優先設計

好脾氣思路同樣適用產品設計、用戶體驗、信息架構。Luke Wroblewski《移動優先》：以移動為起點，圍繞軟硬件特性打造核心功能，產品將具高度任務驅動性——用戶聚焦關鍵任務，不被桌面版無關因素干擾，利於體驗與業務。

Twitter 近期改版即體現此概念。（原文截斷，核心觀點已完整呈現）

譯者：C7210 | 相關延伸閱讀：響應式 Web 設計概念與實踐、CSS3 Media Query、移動化方法策略、響應式產品需求與設計流程詳解