Round Rects が至るところに広がる

 (folklore.org)
1 ポイント 投稿者 GN⁺ 2024-06-25 | 1件のコメント | WhatsAppで共有

角丸長方形はどこにでもある！

主な内容の要約

  • ビル・アトキンソンの新しいアルゴリズム:

    • ビル・アトキンソンは、QuickDraw に円や楕円を高速に描画する新しいコードを追加した。
    • 68000 プロセッサの限界を克服するため、加算と減算だけで円を計算する方法を考案した。
    • この技術は、奇数の和が次の完全平方数になるという事実を利用している。

  • スティーブ・ジョブズのフィードバック:

    • スティーブ・ジョブズはビルのデモを見て、円や楕円だけでなく、角丸長方形も必要だと提案した。
    • スティーブは、角丸長方形が日常生活の中で広く使われていることを強調した。
    • ビルは最初は難しいだろうと思ったが、スティーブの説得で試してみることを決意した。

  • 角丸長方形の実装:

    • ビルは角丸長方形を高速に描画するコードを作成した。
    • この新機能は "RoundRects" と名付けられ、ユーザーインターフェースのさまざまな部分に統合された。
    • 角丸長方形はすぐに不可欠な要素となった。

GN⁺の見解

  • 技術的背景:

    • 68000 プロセッサは浮動小数点演算をサポートしていなかったため、加算と減算だけで円を描く方法が必要だった。
    • ビル・アトキンソンのアルゴリズムは、こうした制約を克服した革新的なアプローチだった。

  • ユーザー体験の重要性:

    • スティーブ・ジョブズは技術的成果だけでなく、ユーザー体験も重視していた。
    • 角丸長方形は、ユーザーインターフェースの美的要素を改善するうえで重要な役割を果たした。

  • イノベーションの動機付け:

    • スティーブ・ジョブズのフィードバックは、ビル・アトキンソンに新たな挑戦を試みさせる動機となった。
    • これは、チーム内でフィードバックと協業がどれほど重要かを示している。

  • 技術の進化:

    • 初期の小さな改善が、後に大きな変化をもたらし得ることを示している。
    • 角丸長方形はその後、さまざまなソフトウェアやデザインで標準となった。

  • 関連技術:

    • 現在では、多くのグラフィックライブラリやフレームワークで角丸長方形を簡単に実装できる。
    • たとえば、CSS の border-radius プロパティを使えば、Web デザインで角丸を簡単に適用できる。

関連記事

1件のコメント

 
GN⁺ 2024-06-25
Hacker Newsの意見
  • Windowsのボタンの角は、複数のバージョンで丸くなったり角張ったりしてきた。個人的には角張った角のほうが好みだ。
  • Macintosh開発当時、Bill Atkinsonが在宅勤務をしていたという点が印象的だ。
  • Appleの角丸四角形は、今ではスカークル(squircle)の形になっている。
  • Steve Jobsの優れた美的感覚と「人文科学 + 技術」という哲学が、心からのものとして伝わってくる。
  • 角丸四角形は至るところに存在する。関連リンク: Round rectangles are everywhere, History of Rounded Corners, Steve Jobs and Rounded Corners, The story of round rectangles
  • macOSの角丸はモダンで心地よいデザインを生み出している。iPhoneのアイコンもより魅力的に見える。他のプラットフォームもこれを採用すべきだ。
  • ブルックリンのサマーキャンプで木工の授業を受けたが、ある講師はすべての角を丸くしろと言い、別の講師は角張ったままにしておけと言っていた。
  • 角丸四角形と角張った四角形を比べると、実生活ではドア枠、額縁、本、キャビネット、窓などのほとんどが角張った形をしている。自然物は四角形ではない。
  • Mac OS ROMのハックによって、完全な円形のウィンドウを作成できる。関連リンク: Mac OS ROM hack
  • Bill Atkinsonが期待していた反応を得られなかったときでも諦めず、角丸四角形の問題を解決した点が印象的だ。