なぜ私たちは「角の丸い長方形」を好むのか？脳が角丸を「安全」と認識する視覚心理学とデザイン
スマートフォン、アプリケーションのボタン、日用家電、家具にいたるまで、私たちの身の回りには「角の丸い長方形」が溢れています。このありふれた形状は、単に「モダンに見えるから」という理由だけで採用されているわけではありません。
人間の脳と視覚システムは、本能的かつ科学的な理由から、鋭利な角よりも「角丸」を好むようにできています。私たちの認知心理がどのように角丸を処理し、それがプロダクトデザインやUIデザインにおいてどのような価値をもたらしているのか。その深奥に迫ります。
出典: 尖った角に対する原始的な「回避本能」
なぜ私たちは鋭利な角に対して警戒感を抱くのでしょうか。そのルーツは、人類の進化心理学にあります。
太古の昔から、尖った岩、鋭い牙、折れた枝など、鋭利な物体は生物に「怪我をさせる凶器」でした。そのため、人間の脳は鋭い角を発見すると、扁桃体（不安や恐怖を処理する領域）が刺激され、無意識のうちに「身体的脅威」と解釈して注意を促す反応を示します。これを「回避本能（Avoidance Response）」と呼びます。
これに対して、川の小石や熟した果実のような「丸みを帯びた形状」は、触れても安全であり、有益なものである可能性が高いと処理されます。デザインに角丸を取り入れることは、ユーザーの脳に対して無意識レベルで「これは安全であり、触れても大丈夫だ」というシグナルを送ることに他なりません。
視覚情報処理と「中心窩視（foveal vision）」の負担軽減
次に、人間の「目の仕組み」から角丸のメリットを考えてみましょう。
人間の目は、視野の中心にあって最も解像度が高い「中心窩視（foveal vision）」を用いて、物体の詳細を捉えます。この視覚野の処理において、鋭利な角と角丸では脳にかかる負荷が異なります。
- 鋭角の場合: 鋭角を持つ長方形を見ると、視線は四つの角（エッジの急激な方向転換点）にそれぞれ引きつけられます。視線が角から角へとあちこち飛び回る（サッカード運動）必要があり、脳は角ごとの情報の不連続性を処理するために余計な負荷を要します。
- 角丸の場合: 角が丸くなっていると、視線はエッジのカーブに沿って滑らかに流れます。これにより、四角形全体の形状（輪郭）をひとつの「まとまった要素」として一瞬で捉えることが可能になり、結果として視覚的な認知負荷が軽減されます。
特に、Webサイトやアプリで多くのボタンやカードが並ぶUIにおいては、角丸を使用することで画面全体のノイズが抑えられ、情報が整理されて見やすくなります。
スティーブ・ジョブズと「角丸長方形」の有名な逸話
プロダクトデザインの歴史において、角丸の価値をいち早く見抜いていたのが Apple の創業者であるスティーブ・ジョブズ氏です。
初期の Macintosh の開発中、ジョブズ氏はプログラマーの Bill Atkinson 氏に対して「角丸の長方形を描くコード」を書くよう要求しました。Atkinson 氏は「そんな円を描くような複雑な計算は不要で、普通の長方形で十分だ」と主張しましたが、ジョブズ氏は彼を街の散歩に連れ出しました。
街を歩きながら、ジョブズ氏は道路標識、ビルの窓、車のライト、黒板など、現実世界にある無数の「角丸長方形」を指し示し、こう言いました。
「見てごらん。角丸長方形はどこにでもある。この世界は角丸長方形でできているんだ」
ジョブズ氏が指摘したのは、現実世界のアフォーダンス（行為を誘発するモノの性質）です。尖った机の角にはぶつからないように気をつける必要がありますが、丸い角は人を優しく迎え入れます。デジタル画面の中にもこのアフォーダンスを持ち込むことで、ユーザーはコンピュータを「親しみやすく安全な道具」として感じられるようになったのです。
「超楕円（スーパエリップス）」による美しさと調和
Apple は近年、この角丸デザインをさらに極限まで進化させています。iPhone の筐体の角や、iOS のアプリアイコンの形状は、実は単純な「直線と円弧を組み合わせた角丸」ではありません。
これは数学的に「スーパエリップス（超楕円）」と呼ばれる曲線です。
通常の角丸は、直線の終わりから突如として円のカーブが始まるため、曲率（カーブの急さ）が接続部で非連続に変化し、光の反射がその部分でわずかに不自然に歪みます。一方、スーパエリップスは直線から曲線へと曲率がゼロからなだらかに変化するため、ハイライト（光の反射）が途切れることなく美しくつながります。この高度な幾何学的処理によって、ハードウェアと画面内のUIが極めて有機的に調和し、プレミアムな質感を生み出しています。
まとめ
私たちが角の丸い長方形に対して感じる「心地よさ」や「直感的な操作性」は、脳の回避本能の緩和、中心窩視の負担軽減、そして現実世界の物理的なアフォーダンスの再現によるものです。
デザインにおける角丸の調整は、単なるビジュアルの化粧ではなく、ユーザーに「安全」と「使いやすさ」を届けるための、きわめて心理学的なアプローチなのです。
お役立ち情報
- 📄 Why Rounded Corners are Easier on the Eyes (英語)
- なぜ人間の目が角丸を好むのかを、認知プロセスと視覚処理メカニズムの観点から平易に解説したUXデザインの定番記事です。
- 📄 アフォーダンスとシグニファイアの基本概念 (日本語)
- 認知科学者 Don Norman 氏による、デザイン心理学の核心である「アフォーダンス」と「シグニファイア」の定義や使い分けを学べる公式ウェブサイトです。
- 📄 Superellipse: The Mathematics of Apple’s Rounded Corners (英語)
- Appleがハードウェアやアイコンに採用している数学的曲線「スーパエリップス」の計算式や、その幾何学的な美しさについてサイエンティフィック・アメリカン誌が解説しているコラムです。