圓形還是方形？這是一個(gè)問題。
我們應(yīng)該用圓形按鈕變成尖角按鈕嗎？圓形按鈕是否具有更好的可用性？我們?nèi)绾巫龀雒髦堑陌粹o決定？
當(dāng)你深入了解應(yīng)用程序中的圓形按鈕后面的UX時(shí)，可能會(huì)遇到這些問題。我們知道更大的按鈕尺寸，更亮的顏色和更強(qiáng)的陰影可以使按鈕更加突出，但在動(dòng)作按鈕和其他非交互元素之間找到正確的平衡是很有挑戰(zhàn)性的。
圓角更容易辨認(rèn)嗎？
圓角更容易具有辨識(shí)性。當(dāng)我們連續(xù)對齊卡片時(shí)，當(dāng)它們具有圓角時(shí)，更容易計(jì)算卡片的總數(shù)。
這是因?yàn)榭ㄆ锹涞目杀鎰e邊緣引導(dǎo)我們的眼睛識(shí)別視覺差異。相反，具有尖角的卡片看起來彼此相同且統(tǒng)一，這不太可能吸引我們的注意力。
在網(wǎng)格布局中，圓角的表現(xiàn)更好。
例如，在TurboTax的儀表板上，與使用尖角卡的中間部分相比，使用圓形卡的頂部非常引人注目。
我應(yīng)該使用完全圓形的按鈕嗎？
全圓形按鈕具有足夠空間的接口。在Spotify移動(dòng)和Web應(yīng)用程序中，全圓綠色按鈕的放置非常成功地引導(dǎo)用戶注意。
Spotify應(yīng)用程序中的圓形按鈕
從上下文來講，由于Spotify用戶體驗(yàn)完全與游戲有關(guān)：播放音樂，播放播客和發(fā)現(xiàn)播放列表，因此應(yīng)用程序中的主要交互非常簡單。全方位播放按鈕與專輯和列表UI極為不同，這反過來又鼓勵(lì)用戶點(diǎn)擊“播放”。
什么時(shí)候全圓形按鈕不起作用？
有幾個(gè)實(shí)例，全圓形按鈕可能會(huì)導(dǎo)致可用性問題。
1.全圓形按鈕看起來像標(biāo)簽。
當(dāng)完全圓形的按鈕看起來與標(biāo)簽完全一樣時(shí)，用戶會(huì)感到困惑：“我是否點(diǎn)擊按鈕或過濾器？”
2.完全圓形的按鈕在顯示嵌套選項(xiàng)時(shí)失敗。
完全圓角的按鈕通常包含一個(gè)V形圖標(biāo)，表示有可用的嵌套選項(xiàng)。觸發(fā)嵌套選項(xiàng)的有效觸摸區(qū)域鎖定為V形圖標(biāo)（16x16或24x24像素）的大小。
可能夠嗎？這是一個(gè)相當(dāng)小的區(qū)域點(diǎn)擊。
Apple不鼓勵(lì)使用圓形按鈕作為動(dòng)作按鈕。全圓形按鈕通常專門用于“ 幫助 ”或呈現(xiàn)互斥選項(xiàng)（單選按鈕）。
3.全圓形按鈕不適合堆疊。
當(dāng)我們在表格和卡片中堆疊完全圓形的按鈕時(shí)，它們看起來不合適。假設(shè)我們有一個(gè)有10行的數(shù)據(jù)表并且每行都有一個(gè)按鈕，我們最終會(huì)得到10個(gè)圓形按鈕，它們看起來都像是主要的動(dòng)作按鈕。
替代方案是我們可以使用無邊框按鈕，例如新macOS通知中的按鈕，或僅在懸停時(shí)顯示按鈕選項(xiàng)。通過最小化按鈕的存在，用戶可以專注于他們正在與之交互的應(yīng)用程序。
圓角的美學(xué)
圓角看起來很現(xiàn)代。應(yīng)用完整圓角的動(dòng)力從移動(dòng)開始，然后擴(kuò)展到Web UI。圓角傳達(dá)了簡約，樂觀和開放的感覺。它可能解釋了為什么許多設(shè)計(jì)系統(tǒng)適用于圓角并在圖標(biāo)，按鈕和插圖中廣泛使用它們。
Chrome瀏覽器的最新更新開始使用全圓形地址欄來指示其在移動(dòng)設(shè)備上的圓形Google搜索欄的合并功能。在登錄新頁面之前，用戶可以在鍵入期間獲得搜索結(jié)果的簡要視圖。
與圓形外觀對齊，工具欄中的其他按鈕具有圓形懸停狀態(tài)。在其他更新的Google應(yīng)用程序（如日歷，Gmail和云端硬盤）中很容易找到圓形。
摘要
在按鈕上應(yīng)用圓形外觀或銳角外觀之間沒有對錯(cuò)。鼓勵(lì)和授權(quán)用戶與應(yīng)用程序交互，并通過各種方式減少干擾。
分享最新鮮的設(shè)計(jì)文章！提供最優(yōu)質(zhì)的設(shè)計(jì)服務(wù)！
