設計師經常會思考對話框中“確定”和“取消”按鈕應該放在哪里。“確定”按鈕是完成任務的主要操作。

“取消”按鈕是輔助操作，可以讓用戶返回到原始屏幕而不完成任務。根據它們的功能，最佳的放置順序是什么？“確定”按鈕應該放在“取消”按鈕之前還是之后？

平臺一致性不夠好

許多人認為遵循平臺慣例是解決問題的答案。雖然這看起來像是解決問題的辦法，但實際上并非如此。它沒有回答哪種布局對用戶更有利以及原因。僅僅為了保持一致性而遵循平臺慣例的建議根本不夠好，只會讓設計師徒勞無功。

“一致性”是設計師們常用的詞。它也是人們不深入思考用戶面臨的設計問題的常見借口。如果連設計慣例存在的意義都不知道，遵循它又有什么意義呢？

如果某種設計慣例對用戶有害怎么辦？設計師是否應該為了保持一致性而盲目遵循它？是否應該因為設計師想要將平臺設計一致性作為解決所有問題的答案而將糟糕的設計實踐延續下去？

如今，某些平臺設計慣例被廣泛使用，因為它們對用戶有用。但這里的重點是，平臺設計的一致性永遠不應成為設計師做某事的唯一理由。理解為什么應該以某種方式設計用戶界面而不是另一種方式是關鍵。

按鈕位置很重要

有人可能會認為，通過增加操作按鈕的視覺重量和清晰的標簽使其更加突出，比其位置更重要。雖然操作按鈕的視覺重量和標簽是需要考慮的重要設計方面，但并非唯一的方面。

只關注一個設計方面而忽略其他方面，是粗心大意的設計師的表現。一個一絲不茍的設計師會思考每個設計方面如何影響用戶。而主要操作和次要操作的布局，正是設計師最難搞清楚的。這就是為什么“確定”/“取消”按鈕的爭論在設計師中如此普遍。

為什么“確定”按鈕放在右側效果最佳

當你克服了平臺慣例的爭論后，你會質疑哪種布局效果最好。你可以通過分析設計如何影響用戶來解決這個問題。

減少視覺注視

有必要驗證設計師們常見的假設是否正確。一些設計師認為，將主要操作放在左側次要操作之前對用戶更有利，因為左側操作更靠近用戶，因此點擊時間更短。

這很有道理，但你不能忽視一個事實：用戶在選擇操作之前會查看所有選項。這意味著大多數用戶不會盲目點擊主要操作按鈕，而不查看旁邊的次要操作按鈕。

他們會先看到左側的主要操作，然后再看右側的次要操作。之后，他們會將目光移回主要操作并點擊它。這會在多個方向上形成總共三個視覺注視點。

左側有“確定”按鈕，視覺注視點更多，并流向多個方向

使用右側的“確定”按鈕，視覺注視點減少，并流向一個方向

將其與位于對話框右側、次要操作位于左側的按鈕進行比較。用戶的視線首先停留在次要操作上，然后移至主要操作并點擊按鈕。這在一個方向上產生了總共兩次視覺注視，從而為用戶提供了更快的視覺流。

用戶只會在每個按鈕上注視一次，最終停留在主要操作按鈕上。將主要操作按鈕放在左側或許能讓用戶更容易觸及，但從用戶的思維過程和視覺注視角度來看，將主要操作按鈕放在對話框右側實際上會更快。

映射到預期的按鈕功能

當用戶點擊輔助操作按鈕時，他們希望應用程序不執行任何操作，并返回到原始屏幕。因此，“取消”按鈕的功能類似于“返回”按鈕。

當用戶點擊主要操作按鈕時，他們期望應用程序執行按鈕指示的操作，并將他們帶到下一個屏幕。因此，“確定”按鈕的功能類似于“下一步”按鈕。將次要操作按鈕放在左側，將主要操作按鈕放在右側，可以映射用戶期望的“上一步”和“下一步”按鈕的功能。

這與分頁按鈕的放置方式類似。將用戶帶到下一頁的按鈕位于右側，將用戶帶回上一頁的按鈕位于左側。這種按鈕放置方式之所以有效，是因為它與用戶從左到右的閱讀和導航方向相呼應，其中右側是前進方向，左側是后退方向。

“確定”可讓用戶前進到下一個屏幕，“取消”可讓用戶返回到原始屏幕

對話框中的“確定”和“取消”按鈕應遵循類似的交互模式，因為它們的功能類似于分頁按鈕。不僅如此，左右方向的模式也符合西方用戶習慣。將主要操作放在右側，將次要操作放在左側，將使對話框按鈕更容易、更直觀地被用戶理解。

為用戶提供更高效的任務流程

對話框右下角的按鈕更容易被用戶點擊，因為它遵循了古騰堡圖表。在古騰堡圖表中，右下角是終端區域。這是用戶完成瀏覽后視線最終停留的區域。

將按鈕放置在終端區域，可以讓用戶最后看到需要執行的主要操作。這不僅改善了視覺流程，也優化了任務流程。用戶在瀏覽時不會跳過主要操作按鈕。他們的目光會在瀏覽過程中直接落在按鈕上，因此可以立即點擊。

掃描對話框并采取行動既快速又簡單，因為用戶的眼睛停留在主要操作按鈕上。

按鈕放在角落里還是將它們放在一起？

設計師經常思考的另一個問題是，他們應該把按鈕放在角落里還是把它們放在一起。當你把主要操作和次要操作放在對話框的角落里時，它們可以很好地映射到左右導航方向。然而，由于“確定”和“取消”按鈕不是導航按鈕，因此沒有必要遵循方向映射。有時，這樣做弊大于利。

按鈕之間較大的視覺分離使得操作比較困難，并將一個操作與另一個操作隔離開來

如果應用程序即將執行用戶無法撤消的關鍵操作，那么讓用戶能夠同時看到“取消”按鈕和“確定”按鈕就顯得尤為重要。在這種情況下，“取消”按鈕的功能可能類似于“上一步”按鈕，但它更重要的是，它充當了安全按鈕，可以防止任何更改。

將“取消”按鈕放在最左上角的危險在于，由于兩個按鈕之間的視覺距離過大，用戶可能會忽略它。將“取消”按鈕與“確定”按鈕放在一起，可以讓用戶更容易地在一次注視中看到并比較這兩個操作，從而選擇最佳操作。

結論

當用戶需要閱讀重要信息或執行重要操作時，設計師通常會使用對話框。按鈕的放置順序會影響用戶選擇的操作。如果按鈕的放置順序清晰高效，可以防止用戶選擇錯誤的操作并犯錯。

按鈕的位置很重要，但也要記住注意按鈕的視覺重量和標簽。所有這些設計方面都會在用戶瀏覽對話框時發揮作用。既然您理解了為什么“確定”按鈕放在右側效果最佳，那么您就有比平臺一致性更好的參考依據了。

蘭亭妙微(www.izc.net.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan

網絡無障礙訪問不僅惠及色盲用戶，也惠及誦讀困難用戶。誦讀困難是一種學習障礙，會影響人們閱讀、書寫和拼寫的流暢性或準確性[10]。

作為設計師，我們可以通過避免那些會損害閱讀障礙用戶的不良設計實踐，幫助他們更好地閱讀文本。從他們的視角看待事物，可以讓我們更好地理解無障礙設計的重要性。

患有閱讀障礙的人在閱讀文本時，有時會出現視覺扭曲的效果 [5]。這些效果的程度因人而異，但它們會使閱讀文本變得更加困難。

以下六種不良習慣可能會給閱讀障礙者帶來視覺扭曲效果。這些不良習慣也會給非閱讀障礙者帶來閱讀困難。但它們對閱讀障礙者的影響更為嚴重。

河流效應

誦讀困難者有時可能會在閱讀的文本中看到“河流效應”[1]。這是指連續的文本行中出現較大的空白。它看起來就像一條空白的河流順著頁面上的文字流淌而下。有一些不良習慣會導致“河流效應”的發生。

1. 對齊文本

對齊文本不僅對有閱讀障礙的用戶來說難以閱讀，對沒有閱讀障礙的用戶來說也同樣如此。這是因為它會在字母和單詞之間產生較大且不均勻的空白 [8]。當這些空白彼此重疊時，就會出現一條令人分心的空白河 [4]。

這可能會導致患有誦讀困難癥的讀者在閱讀時反復忘記讀到哪里 [6]。你可以使用左對齊文本，而不是兩端對齊的段落 [2]，來避免產生“河流效應”。

2. 句號后雙倍行距

我們大多數人都有在句末句號后加雙倍行距的習慣。這種做法起源于打字時代。那時的打字機使用的是等寬字體。因此，人們認為在句號后加雙倍行距會使句子的結尾更加清晰 [9]。

但句號后單倍行距就足夠了，因為大多數網站都使用等距字體。句號后雙倍行距會在文本中形成“河流”，使用戶難以找到句子的結尾[9]。在網絡上，單倍行距更勝一籌。

模糊效果

誦讀困難者可能出現的另一種視覺扭曲效應是模糊效應 [1]。誦讀困難者閱讀時，會看到文本模糊、旋轉或混雜在一起 [5]。這會嚴重影響誦讀困難者的閱讀能力，使他們感到疲勞 [7]?？梢酝ㄟ^避免一些不良習慣來減輕這種影響。

3.純白背景上純黑文字

你現在閱讀的文字不是純黑色 (#000000)，背景也不是純白色 (#FFFFFF)，這是有原因的。這是因為許多閱讀障礙者對高對比度顏色產生的亮度很敏感。這會導致文字旋轉或模糊不清 [3]。

為了避免這種情況，請使用灰白色作為背景，例如淺灰色或棕褐色。您也可以使用深灰色代替純黑色作為文本，以進一步減少眩光。

4. 長段連續的段落

長段不間斷的段落文本不僅對閱讀障礙者來說難以閱讀，對非閱讀障礙者來說也同樣如此。閱讀障礙者很容易在閱讀長段落時迷失方向 [1]。

這就是為什么最好使用表達單一觀點的短段落 [2]。這是因為閱讀障礙者比非閱讀障礙者需要在觀點之間有更多停頓 [6]。將文本分解為每段一個觀點，無論閱讀障礙者還是非閱讀障礙者，都能更輕松地閱讀。

沖刷效應

有時，誦讀困難者會經歷“洗出效應”。當這種情況發生時，文字會顯得模糊不清 [5]。這會使閱讀速度變慢，并導致誦讀困難者因為看不清單詞而猜測單詞是什么。為了減輕這種影響，在處理文本時應避免兩種不良做法。

5.襯線字體

襯線字體在字母筆畫的末端有鉤。它們看起來很有裝飾性，但可能會給患有閱讀障礙的用戶帶來閱讀障礙。襯線字體往往會遮擋字母的形狀，使字母顯得雜亂無章[1]。

但無襯線字體可以讓誦讀困難者更清晰地看清字母的形狀。這是因為沒有了鉤狀結構，字母之間的間距就更大了，更容易辨認。[6]

6.斜體文本

斜體有時用于突出顯示文本。但不應使用斜體文本，因為它們會使字母難以閱讀。與非斜體字體相比，斜體字母的線條呈鋸齒狀。這些字母還會傾斜，使患有閱讀障礙的用戶難以辨認單詞 [6]。

當文字較小時，斜體文本更加難以辨認[3]。更好的突出顯示方法是使用粗體文本，因為字母更清晰，對比度也更好。

人人可及

許多用戶患有閱讀障礙，難以閱讀文本。您應該通過糾正這些不良做法，讓您的網站對所有人都易于訪問。您已經了解了閱讀障礙用戶的網絡體驗。在視覺扭曲的情況下閱讀時，獲取信息并不容易。每個人都有獲取信息的權利，無論他們是否患有閱讀障礙。

蘭亭妙微(www.izc.net.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan

UI 設計中按鈕用圓角還是直角需綜合考量，圓角在網格布局中更易辨識，如 TurboTax 儀表板中圓角卡片比尖角更引人注目，全圓形按鈕在 Spotify 中因突出交互引導成功，但全圓形按鈕可能被誤認標簽、嵌套選項觸摸區域小、不適合堆疊，而直角按鈕在表格等堆疊布局中更合適，此外圓角傳達現代、簡約等感覺，像 Chrome 瀏覽器更新為全圓形地址欄，總之設計需以鼓勵用戶交互、減少干擾為目標，而非單純選擇圓角或直角。

UI 設計的終極目標并非單純追求極致用戶體驗，而是在「商業」「用戶」「技術」等多方面條件限制下取得平衡，得出「綜合最優」的解決方案。設計師常陷入拿到需求就找參考、憑感覺設計、在細節糾結的誤區，正確做法是先明確需求背后的商業目標，將大目標拆解為小目標，如加油寶 APP6.0 改版時為提升 “收益增值業務下單率”，反推需提升標的 item 點擊率、“立即投資” 按鈕點擊率等，再針對性解決，最后通過數據驗證設計效果，如此才能積累經驗、理清思路。

本文主要介紹留白設計準則（包括留白與裁剪可突出主體、留白與重心能凸顯重點功能、留白影響視覺流使閱讀有序、留白可對信息分組）和 UI 設計排版準則（層級通過字號、顏色建立，重復增加頁面整體感，對齊引導視覺流，接近原則整合關聯元素），強調合理運用這些準則可提升設計效果與用戶體驗。

UI 界面版式設計的實用技巧，包括運用平面設計結構理解界面空間元素分布，通過不同標題規格等處理內容過多問題，采用空間分割替代線條分割，利用顏色填充背景改變圖版率，根據產品調性選擇配圖及配色，通過模態彈窗等突出畫面焦點，注重界面平衡，選擇合適字體（蘋果常用 Ping Fang SC、SF UI Text 等，安卓常用思源黑體、Roboto 等），設計有節奏感的版式，參考常用版心邊距（8-23PX），考慮多端平臺特性進行版式設計，運用純度、色相對比等色彩對比手法，有效利用 16:9 等圖片版面率，通過曲線與圓角等處理版式軟硬關系，利用大留白與大卡片營造 “高級感”，采用增加動畫效果等差異化設計方法。

設計的最終目的是提高生活質量，設計前需思考設計思維模式（結構化解決以人為本的問題）、設計理念（以人為本確立主導思想），并進行案例分析（如百度網盤專注功能、每日故宮突出特色等 9 點）；設計時要注意簡約（減少認知成本）、易用（功能一目了然）、視覺（抓住用戶眼球）等 12 點，涵蓋色彩、規范、習慣等方面，這些思考能提升設計效率與用戶體驗。

把運營活動作為一個項目來做，從業務開始跟蹤，明確目標、建議方案、優化體驗鏈路、優化數據策略等不同階段做出設計價值。

對于設計師來說，本地化在設計中的滲透和融入至關重要。印尼人民非常驕傲于本土的文化和本地的制造，對使用本土品牌對他們來說是一件很值得驕傲的事情，所以我們就需要在各個細節上下功夫，讓產品看起來像是當地的應用，才能夠得到本地人的認可。