UI 界面設(shè)計(jì)中的形狀心理學(xué)：為什么按鈕不是正方形

你有沒有注意到，在現(xiàn)在的數(shù)字化產(chǎn)品中，大部分的按鈕都沒有使用正方形？認(rèn)知心理學(xué)告訴我們： 我們的大腦處理形狀的速度比處理文本的速度快，而且我們能立即 賦予它們意義。 圓形 = 柔和、安全、誘人 正方形 = 結(jié)構(gòu)化、剛性。
需要注意 三角形 = 警覺、警告、方向性 。這就是為什么圓形按鈕感覺很親切。 而 CTA 按鈕如果是正方形感覺缺乏親和力，而且太尖銳，容易讓人排斥。

硬邊=精準(zhǔn)
但也帶來張力我們?cè)趦x表板、分析工具或企業(yè)工具中使用尖角是有原因的。方形按鈕太多=界面疲勞過于對(duì)稱=機(jī)械冷漠直線太多=你的用戶界面開始感覺像電子表格當(dāng)你需要結(jié)構(gòu)時(shí)，使用強(qiáng)硬的邊界。當(dāng)你需要信任時(shí)，使用柔和的邊界。

圓角 = 舒緩
圓角不僅時(shí)尚，還能起到舒緩神經(jīng)的作用。 起作用的幾個(gè)原因如下：
1.眼睛在曲線周圍流動(dòng)更自然（視覺摩擦更少）
2.感覺更安全——從進(jìn)化的角度來看，我們將銳利與危險(xiǎn)聯(lián)系在一起
3.在觸摸屏上更容易處理——我們的拇指更喜歡。

柔和的陰影 + 微妙的深度 = 溫和的動(dòng)作提示
陰影不僅僅是為了裝飾。它們的作用如下： “這個(gè)可以點(diǎn)擊?！?“這一層在那一層上面?！?“這個(gè)有深度。這個(gè)可以做事?！?關(guān)鍵？微妙。 你需要恰到好處的陰影來暗示動(dòng)感，而不是大喊“老式擬物化”。 帶有柔和陰影的圓形=現(xiàn)代、直觀且操作友好。

對(duì)稱性+間距=大腦舒適度人類的大腦喜歡平衡
布局的對(duì)稱性和節(jié)奏感能給人帶來：減少?zèng)Q策疲勞更快的掃描平靜的感覺將其與柔和的形狀相結(jié)合，您將獲得一個(gè)在功能運(yùn)行之前就感覺良好的界面。

設(shè)計(jì)中的技巧：
像用戶體驗(yàn)語言一樣使用形狀 想要在不改變配色方案或排版的情況下提高可用性嗎？ 開始方法如下：
1.所有主要 CTA 按鈕均使用圓角矩形 它們更容易掃描和點(diǎn)擊——并且可以減輕焦慮。
2.除非絕對(duì)必要，否則避免使用完全平方 將它們用于數(shù)據(jù)單元，而不是按鈕。
3.將曲線與柔和陰影搭配，營(yíng)造微妙的 3D 效果 它使點(diǎn)擊目標(biāo)更加明顯，尤其是在移動(dòng)設(shè)備上。
4.保持組件間圓角半徑一致 不一致會(huì)破壞流動(dòng)的幻覺。
5.用灰度測(cè)試按鈕形狀 如果黑白感覺刺眼，那么彩色感覺也會(huì)刺眼。

最后，形狀就是情感最好的用戶體驗(yàn)不是從調(diào)色板開始的，而是從形狀開始的。在用戶看到標(biāo)題之前，其就由曲線、對(duì)比度、陰影和空白塑造出來了。設(shè)計(jì)不僅僅在于它的外觀，還在于使用起來的感覺。這些感覺是從形狀開始的。