觸摸優先設計、響應式設計、移動優先設計是UI設計師設計網站應遵循的三大原則，以使網站最大范圍地適應各種設備。外文《Designing The Well-Tempered Web》中詳細闡述了這三大原則。CSDN對該文進行了編譯，內容如下：

　　隨著技術的進化，Web設計的藝術和技巧也在不斷進化。新的技術創造了新的挑戰，而新的挑戰要求新的解決方案。我們通常工作在未知領域，需要給出全新的解決方案。

　　考慮到有限的Web設計歷史，我們必須超越當前的領域去回答更有挑戰性的問題。為此，我們可以通過借鑒其他不相關領域的發展歷史，如音樂，從中尋求可以幫助我們解決問題的方案。下面將列舉一個18世紀早期關于巴赫的一個小故事。

　　巴赫和《The Well-Tempered Clavier》

　　1972年，巴赫完成了一部著作《The Well-Tempered Clavier》（《十二平均律鋼琴曲集》），分上下兩卷，每卷各有24首前奏曲與復格曲。現在它已被譽為西方音樂歷史中最重要作品之一。

　　在當時，為12個主要的琴鍵分別譜曲是完全不可能的。而巴赫卻從整體上為全部的12個音作曲。正是他的這套《十二平均律鋼琴曲集》，最終向人們證明了“十二平均律”是可以用來作曲的，而且其效果之美妙，以前的人們從未曾領略過。

　　在這個過程，所采用的解決方案是重新定義了“合調”的概念。通過修改一定的間隔，使每個琴鍵稍稍偏離完美的音調，從而產生一種調音系統，允許人們在所有的琴鍵上演奏出合調的琴樂。犧牲少量的個體品質以達到更完美的整體效果，被稱為“平均律”。

　　該案例雖與網站設計不相關，但目的是一樣的：使每個琴鍵都稍有缺陷，以便鍵盤整體表現完美。

　　UI設計師需要做什么？

　　最近幾年，針對多設備進行設計已成為Web設計領域最令人興奮的開發工作。以前主要關注網站是否可以在兩個不同瀏覽器上運行正常，現在則轉移到它是否可以在具有完全不同特性的多種設備上正常運行，這些設備具有不同的屏幕尺寸、不同的性能、不同的使用環境及不同的界面。

　　雖然響應式設計和針對設備定制網站可以幫助我們制作出針對不同體驗的設計，但仍有很多時候我們必須做出統一的決策。這時，“平均律”的概念或許有些幫助。

　　該概念在UI設計中的應用一個簡單的過程：為了針對一系列不同設備設計出好的體驗，我們必須允許某些界面出現偶爾的不完美。我們必須做出小小的妥協，以保證我們的設計可以很好地適應其他的環境。

　　觸摸優先設計

　　具有“平均律”特性的網站已經將觸摸式界面應有到了最近的桌面網站設計中。

　　在占用面積上，手指要大于鼠標指針，所以手指需要更大的觸控區域。為了確保可用性，交互元素需要更大。當交互元素的面積增大后，其他元素也需要相應的增大以保持平衡。這就需要通過margin和padding兩個屬性來設定。

　　佛山視覺投稿/約稿：tougao8080@163***