なぜ、そこに角丸なのか？？

どこにでもある一般的なボタンですが、左が四角、右が角丸のボタンです。見た感じで印象が異なるように感じませんか？

実は、角丸のような「丸」には、柔らかい、優しいのようなフレンドリーな印象を与えることができます。また、四角には、安定、規律、信頼というようなカチッとした印象を持たせることができます。このように、それぞれの印象の違いを理解しておくことで、どのように利用すべきかがイメージしやすくなると思います。

こちらを見てもらえると、一箇所だけ角丸のボタンが配置されていることがわかります。このサイトを見てもらうと分かるのですが、全体では四角のデザインが採用されている中で、ポイントポイントのボタンだけ、角丸のボタンが採用されています。

このように、四角のデザインの中で、角丸をポイントに採用することで、ユーザーの視線を注目させ、的確にナビゲートしていることが分かります。また、丸にはフレンドリーな印象を与えることができるため、優しい接客を実現しているとも考えられます。

このように、角と丸を組み合わせることで、ポイントの強調がしやすくなるパターンも存在しています。こちらの画像のように、四角の中に角丸ボタンを配置、角丸の中に四角のボタンを配置することで、囲いを意識させる中にも、ボタンを強調をすることもできるのです。

これについては、全体との絡みがあるので、どこが正解とは言いづらいです。しかし、よく利用されている印象があるのは、半径6px前後ではないでしょうか。
6px前後だと四角のデザインに入れても、そこまで存在感を出さずに馴染みやすい角丸の印象です。逆に強調をしたいのであれば、Appleのサイトのように、より半径を大きくすると良いのではないでしょうか。