円・三角・四角がすべての基本 — バウハウスの造形訓練をブラウザで追体験する

世の中のロゴやアイコン、ポスターをよく見ると、その骨格はおどろくほど単純です。円、三角、四角。この3つの組み合わせでほとんどの造形は説明できてしまいます。バウハウスがおよそ100年前に基礎教育の中心に据えたのも、まさにこの3つの図形でした。

この記事では、基本図形の「思想」と、それを正確に描くための「手の作法」——ShiftキーとAlt/Optionキーの使い方——をセットで解説します。知識と操作が結びついたとき、図形はただの丸や四角ではなく、デザインの語彙になります。

カンディンスキーのアンケート

1923年、バウハウスで教鞭をとっていた画家ワシリー・カンディンスキーは、学生や同僚に一風変わったアンケートを配りました。三角・四角・円の輪郭だけが印刷された紙を渡し、「それぞれにもっともふさわしいと思う色(黄・赤・青)を塗ってください」と頼んだのです。

回答には偏りが出ました。もっとも多かった組み合わせは:

• 三角=黄 — 鋭く、上昇し、刺激する
• 四角=赤 — どっしりと重く、大地のように安定する
• 円=青 — 静かで、内へ向かい、精神的である

この対応が普遍的な真理かどうかは、いまも議論があります。しかし重要なのはそこではありません。カンディンスキーが示したのは、形には固有の性格があり、それは色と同じように「効果」を持つという考え方です。円を置くことと四角を置くことは、赤を塗ることと青を塗ることくらい、違う行為なのです。

形は装飾ではなく機能

バウハウスの基礎課程(詳しくはバウハウスとは何だったのかで解説しています)では、学生はこの3つの基本形を何度も何度も構成し直す訓練を受けました。目的は「きれいな模様を作ること」ではありません。それぞれの形が画面の中でどう働くかを体で覚えることです。

• 円は視線を集め、留める。画面の重心になる
• 三角は方向を持つ。視線を導き、緊張感を生む
• 四角は枠と秩序を作る。ほかの要素の基準になる

現代のデザインでもこの機能は生きています。注目させたいボタンが円形(または角丸)なのも、警告アイコンが三角なのも、レイアウトの土台がグリッド(四角の集合)なのも、偶然ではありません。

正確なかたちは、手では描かない

さて、ここからが「手」の話です。IllustratorやFigmaで円や四角を描くとき、プロはフリーハンドでは描きません。ドラッグ+修飾キーで、数学的に正確なかたちを一発で作ります。

• Shiftを押しながらドラッグ — 縦横比が固定され、正円・正方形・正三角形になる
• Alt/Optionを押しながらドラッグ — 中心点から外側へ向かって描ける

たったこれだけですが、この2つのキーはIllustrator、Photoshop、Figma、PowerPointまで、ほぼすべての制作ツールで共通の文法です。そして「だいたい丸い円」と「正円」の違いは、見る人に確実に伝わります。バウハウスの造形が今も古びて見えないのは、かたちが正確だからです。

もうひとつ、地味に効くのが選択ツール(黒い矢印、ショートカットはV)の習熟です。デザイン作業の大半は「描く」ことではなく、選んで、動かして、揃えることに費やされます。拡大縮小のときにShiftで縦横比を守る——ロゴをうっかり縦長につぶさないための、職業的習慣です。

AI時代にこそ効く「形の語彙」

生成AIに画像を作らせるとき、「かっこいい感じで」という指示と、「大きな正円をひとつ主役に置き、黄色の三角形で対角方向の動きを加える。幾何学形態のみ、色は3色まで」という指示では、結果がまったく変わります。

後者の指示が書けるのは、形の性格と機能を知っているからです。様式プロンプト実験の記事でも検証したとおり、様式や造形の知識は、そのままAIへの指示の解像度になります。円・三角・四角という一見素朴な語彙は、AI時代のデザインでもっとも費用対効果の高い基礎教養かもしれません。

まとめ — 読んだら、手を動かす

• 形には性格がある。円=静と集中、三角=方向と緊張、四角=秩序と安定
• 正確なかたちはドラッグ+Shift/Altで描く。これはツールを超えた共通の文法
• 作業の大半は選択ツール。「選んで、動かして、揃える」を体に入れる

バウハウスの学生たちがそうしたように、この知識は読むだけでは身につきません。ブラウザ上でIllustratorさながらに図形ツール・選択ツール・文字ツールを動かせる稽古を用意しました。ShiftとAltの手応えを、ぜひ体で確かめてください。