DIV CSS 佈局教程網

網頁制作poluoluo文章簡介：我們在設計每個產品的細節時，都必須要考慮產品的應用環境，比如觸摸式按鈕和一般的按鈕看似相同，不過由於使用環境的不同，我們就要抓住這其中的差別，下面是總結的觸摸式按鈕的四個設計原則，其中主要的思路還是和一般的按鈕設計相同，不同其中也摻雜了些觸摸式按鈕的

我們在設計每個產品的細節時，都必須要考慮產品的應用環境，比如觸摸式按鈕和一般的按鈕看似相同，不過由於使用環境的不同，我們就要抓住這其中的差別，下面是總結的觸摸式按鈕的四個設計原則，其中主要的思路還是和一般的按鈕設計相同，不同其中也摻雜了些觸摸式按鈕的特點，也是設計的差別所在。

原則1

用動詞來描述一個按鈕是用來做什麼的。
如果不是直接用動詞描述，用戶可能會感到困惑，並且增加學習的成本。所以"OK"和"Cancel"並不是最佳選擇，“Yes”和“No”則更差。

原則2

把文本的重點放在最前面的12個字符上
（注：12個字符是英文，對於中文來說可能就是三四個字）。人們閱讀地時候總是掃描文字，所以大家可以比較一下這兩句話：

“您正要進行關機，確認嗎？”
“關機嗎？”

同樣的意思但是哪一句您閱讀地更快呢？

原則3

按鈕的文本應該置於按鈕本身而不是列在旁邊。
研究顯示多數觸摸屏用戶會觸碰按鈕的下半部，所以我們也建議把文字從垂直居中的位置上提一點，這樣用戶在按下按鈕的同時，文本不容易被手指遮擋。

原則4

減少重復。
如果在一組按鈕中一樣的文字不斷重復，那就把這些按鈕放到一組，用一個標題來簡化文本內容。或者有些情況下可以直接去掉這些重復的文字。這有助於幫助你的用戶快速定位他需要進行的操作。




實際情況中我們不可能永遠應用這四點，但是完全可以把這些思想靈活運用在界面設計中。