図形に秘められたデザイン力

［図形をモノにする］

優れた洞察力をうかがわせる文章と出会った。

Interuserface: “Own a shape” by Clayton Miller: 01 July 2011

　　　　　＊　　　　　＊　　　　　＊

図形が力を持つとき

目で見て分かるというケースはいろいろある。トレードマークが最も皮相的な場合であり、デザイン全体の特徴をなすデザイン・シグニチャー（design signatures）の場合は最も深く関わってくる。図形（shapes）そのものは言語の一部だ。最も基本的な図形はどこにでもあって、いかなる名前や製品、ブランドとも結びつかない。しかし図形の集合である図式（forms）という文脈、図式と交わり、統合すると、図形は強力な力を持ってくる。

Visual identity takes many forms, from the most superficial of trademarks to the most integrated of design signatures. Shapes are part of its language. At their most basic, shapes are universal, untetherable to any name, product, or brand. But in context, in their intersections and in the synthesis of forms, they are powerful.

　　　　　＊　　　　　＊　　　　　＊

４つの基本図形

冒頭に示したのは４つの図形だ。四角形、RoundRect［角が丸い四角］、Squircle［＜square + circle：四角形と円の両方の特長を備えたもの］、円の４つだ。［注：いずれもスーパー楕円 Superellipse に属する。］４つの図形は左右同形で、幾何学的にもシンプルだ。それぞれの図形と関係あるものを探そうとすると無数にある。しかし特定のスペース、特定のマーケットで考えると、事情は逆転する。モバイルソフトウェアの世界では、これらの図形は特定のものと関係が深く、ときには非常に強い関連性を示すのだ。

Illustrated above are four shapes: a square, a roundrect, a squircle, and a circle. Bilaterally symmetrical and geometrically simple, each shape’s popular associations are innumerable. Yet in a particular space, the context of a particular market, this is inverted: In the world of mobile software, each of these shapes has a definite association, some quite strong.

　　　　　＊　　　　　＊　　　　　＊

特定の結びつき

マイクロソフトの Metro UI は四角形を自分のモノにしている（owns）。RoundRect はアップル独占だ。Springboard ローンチャーから iPhone ハードウェアにいたるまで。ノキアの場合は MeeGo で Harmattan UI に参入したのは遅かったが、Squircle を使っているところがないのに気づき、とても上手に使っている。Palm は PalmOS の初期のころから WebOS まで円を使っており、HP もその伝統に注意深く従っている。（Palm も HP もロゴの文字を円に配していることに気づくひともいるかもしれない。）

Microsoft’s Metro UI owns the square. Apple has a corner on the roundrect, from the Springboard launcher to the iPhone hardware itself. Nokia, despite its late entry with MeeGo’s Harmattan UI, found the squircle unclaimed and ran with it beautifully. Palm has used the circle from the early days of PalmOS, and in WebOS, HP continues the tradition with care (one might even note that both Palm and HP structure their wordmarks around the circle).

　　　　　＊　　　　　＊　　　　　＊

マネとホンモノ

とはいっても王者を真似ようとするものはどこにもいる。サムスンの Bada も四角形を使うかもしれないが、マイクロソフトのモンドリアン的傑作には及ばない。RIM も結構うまく RoundRect を使うかもしれないが、アップルほど徹底してはいない。唯一際立っているのが Android だろう。一貫した図形が見られないのだ。フラグメンテーション症候ということか？

And yet there are pretenders to every throne. Samsung’s Bada may use the square, but it can’t hold a candle to Microsoft’s Mondrian-esque masterwork. RIM may use roundrects pleasantly enough, but not with the subtle consistency Apple does. The lone standout is Android, which doesn’t really have a unifying shape – a symptom of fragmentation?

　　　　　＊　　　　　＊　　　　　＊

図形を使いこなす

色彩も無限の結びつきが可能だが、歴史的には特定マーケットとの強い結びつきが見られる。同様に図形も強力で、かつ他との微妙な差別化をもたらす要因だ。図形を自分のモノにするのは容易なことではない。サムスンや RIM の例で見たように、図形そのものに影響力があるわけではない。特定の図形を見事に自分のモノにできるのは、単なる見せかけではなく、基本的な構成要素としてうまく使いこなしたときだ。首尾一貫した個性のある優れたデザインのために図形の力を使いなさい。そうすれば何時の日か図形はあなたのモノになる。

Like color, which also despite limitless associations has a history of strong associations within a market, shape is a powerful, yet subtle differentiator. Owning a shape isn’t easy – by itself, as demonstrated by Samsung and RIM, a shape is hardly potent. Those who have successfully laid claim to a shape have used it as a building block rather than as window dressing. Use the power of shape to reinforce good design with coherence and identity – and that shape may one day be yours.

　　　　　＊　　　　　＊　　　　　＊

こういうことを考えるデザイナーがいるのだなあ・・・

★ →［原文を見る：Original Text］