Skip to main content

作法はデザインに従う

形態は機能に従う。という言葉がある。
建築自体の美しさは、機能的な側面が満足いくものになっていれば、あとから自然とついていくるという事を端的に表した言葉である。
同じように、人の作法の美しさはデザインによって決められていると感じる場面に出くわした。

出社前の朝、カフェで落ち着いてアイデアを考えていたらノートで作業をする人に囲まれた。一方はPC(国産らしきWindows)、もう一方はMacBookを使っている。どちらもこれから仕事に向けて準備しているのか、画面とにらめっこしながらキーボードを一心不乱に叩いている。

ただ、PCの方は店内のBGMを乱すかのようにガチャガチャ、タターンッ! とミサワばりに音を響きわたわらせはじめた。朝の落ち着いた静かなカフェが一瞬にして慌ただしいオフィスに変わったかのようだ。

PCの方が音が大きく、作法が雑なのはなぜか。単にキーを打つ時にでる音の違いだが、ここに本質的なデザインの違いがあるのではないだろうか。 モノそのものだけでなく、それが使われる周囲の環境まで考えた時に、PCはどう使われるかまでデザインされていないのだろう。
使う人にとってキーボードからカチャカチャと出る音は中毒性があって心地良いかもしれないが、周囲にとってはノイズとなり、使う人の作法もデザインされたものに従ってしまうのである。

一方、MacBookのキーボード音は比較的静かになるようにデザインされている。このため作法は自然と静かにキーボードを打つように規定される。使う人の性格による部分もあるだろうが、それでも比較して静かに見えるようになるだろう。
この違いが、心地よさが重視されるカフェなどの公共空間において、周囲からみた時の印象の違いを生み出しているのではないだろうか。

同様の視点で考えた時に、Mediumも他のブログサービスと比較してみた時にデザインが作法をうまく規定している好例だ。
フォントや行間は選べないし、画像や動画を貼り付けるフォーマットは数種類のみ。できないことだらけである。しかし、その制約があることで、余計なことを考えずに書くことに集中することができる。

このブログを書き始めた時も、カジュアルに話しかけるようなトーンで書いていたが、フォントが明朝で設定されていることで、もう少し日記的な使い方の方がしっくりくると感じ、文体も自然と落ち着いたものになった。
まさにMediumのコピーである「Write your story」という言葉通りになるように、過度な装飾がされた記事は排除され、個の考えやストーリーを重視したものが集まるようにデザインされている。

公共空間のデザインでも、あえて壊れやすいものにすることで、作法を丁寧に美しくするということがある。
数多くの有名な鉄道デザインを手がけている水戸岡さんは、「ななつ星」車内の洗面鉢では、JRの反対意見を押し切ってあえて高級で壊れやすいものにしたそうだ。

有田焼の陶芸家で人間国宝だった十四代酒井田柿右衛門さんの遺作が採用されている。https://www.flickr.com/photos/kimuchi583/14046729716

最高のものを丁寧に扱うところに作法が生まれて、それが大変美しく見えるはずです。それを使っている人も美しく見えるし、その鉢も質の高い作品として映える、という関係です。
―水戸岡 鋭治『鉄道デザインの心 世にないものをつくる闘い』

割れ窓理論のように、一つでもルールが守られていない部分があると、そこから一気にマナーは崩れ落ちてしまう。公共空間の美しさは、使う人との緊張関係で成り立っている。

デザインする対象だけでなく、その先にいる人たちにどう使ってもらいたいか。
作法や空間の美しさは、使う人の意識以上に、デザインする人自身の意識次第で変わってくるということだ。

Popular posts from this blog

The law of beauty hidden behind the iCloud icon.

On the other day, iCloud has been introduced to the world and it became a big topic of conversation. The design of icon is refined as ever. Let's think about why it looks so beautiful. Changing the point of view a little, I'll try to find out the reason of its beauty by focusing on icon design itself.

At first, let's take a look at its appearance.
Its shape is balanced while the outline is irregular. It may looks easy to settle the whole shape as cloud-shaped with simplicity and balance, however, it's not that easy. It's actually a refined design.


We can't approach the reason of beauty only by just looking at. So, let's peer into its design.
As some of you may already notice, there are four circles hidden in the whole shape. At first glance, the curve looks irregular. Although, if you look at it further, it turns out that it has a balanced shape composed of precise circled.

In short, it tells that the beauty of icon comes out of the geometry. However, it'…

午前9時41分、Appleが止めた時間の謎。

ついにiPhone 4Sが発表されました。
日本からは2キャリアから出ることになり、乗り換えるのか、そのままなのか、これまで電波の弱さに悩まされてきたユーザーにとっては悩みどころですね。 

さて、あまり変わり映えのしないiPhone 4Sですが、よくよく見てみると、ひとつ気になることが…。
スクリーンショットの時間が、なんとも中途半端な9時41分になっています。

キリの良い9:40でもなく、イベントの開始時間である10:00でもなく、なぜこんな中途半端な時間なのでしょうか。

気になったので過去の製品画像をみてみると…。 なんと全てが「9:41 AM」で統一されています。
ここまで中途半端な時間で一貫しているということは何か意味があるのかもしれないですね。 ジョブズもしくはMac誕生の時間なのか、Appleにとって何かしらのメモリアルな時間なのでしょうか?
気になって海外のApple系ブログを色々と探索していたら、TUAWの記事に、Secret Labsの開発者ジョン マニングが、アップルストアにいたスコット・フォーストール(Apple上級副社長)に時間の意味を質問したという内容の記事がありました。

それによると、プレゼンテーションでプロダクトを大きくお披露目する時間を、約40分で発生するようにkeynoteをデザインし、スクリーンに映し出されたときに観客の時計とズレがないようにしていたらしいのですが、ピッタリ予定通りに行かない事を見越して数分追加した時間なのだそうです。
この40分に対し、スコットは「secret magic time」と名付けていたそうです。
実際にiPhoneが初めて発表された2007年のMacWorldをみてみたところ、プレゼンが開始されてちょうど40分頃にiPhoneのスクリーンが初めて公開されています。
つまり、時間が統一されている理由は、iPhoneのスクリーンが世界に向けて初めて公開されると予測した時間で、合理的な理由がありつつも、Appleにとって記念すべき時間でもあるからということですね。

さて、無事解決したかと思われますが、ここで新たな疑問がでてきます。
その「secret magic time」はなぜ40分なのかということ。
分刻みのプレゼンテーションを組み立てるぐらいですから、そのタイミングにも意味があると思います。 それ…

細かすぎて伝わりづらい!
iOS 5のデザイン変更点まとめ。

iOS 5のリリースやiCloudの開始、iPhone 4Sの発売と、ここ最近のAppleのプロダクトが一通り出そろった感じですね。
3GSを使っていて常々もっさりしていたので、早速iPhone 4Sに乗り換えたところ、画面の中をスケートをしているかのようにスイスイ動いてくれてとても快適です。
2年前に3GSを使っていたときは、なんて速いんだろうと思っていたわけですが…慣れとは恐ろしいものです。

さて本題ですが、ここ数日使っていた中で気付いた、細かすぎるデザイン変更点があったので前回のLionと同じようにまとめてみました。

 細かすぎるデザイン変更点第2弾、今回も目を凝らしてどうぞ。


 1.アイコンバッジ

 iOS 4のアイコンバッジのシャドウは濃いめのブラックで強めのシャドウになっていましたが、iOS 5ではグレーっぽく明るくなっています。
全体的に比較してみると、iOS 4のシャドウは浮いている感じがするので、明るくなったことで画面全体のトーンにまとまりが出たように感じます。


2.ボックスデザイン

設定画面などのボックスデザインが、iOS 4ではフラットなラインに対して、iOS 5ではシャドウとハイライトが追加されて立体的なデザインになっています。
 iOS全体で同様の立体的なデザインが適用されているので、デザインの一貫性がより高まった感じがしますね。


 3.メッセージのハイライト

これは賛否両論ありそうですが、iOS 4ではメッセージの文字がプレーンなテキストだったのに対して、iOS 5ではハイライトが追加されてこれまた立体的なデザインになっています。
他にも吹き出しの背景色やシャドウが明るくなったことで、背景と文字のコントラストが高くなり、個人的には文字の可読性が高まって良くなったと思います。


 5.回転ロックボタンの厚み

iOS 4では回転ロックボタンのシャドウ距離が3pxだったのに対して、iOS 5ではシャドウ距離が4pxとなって、より立体的に見えるようになっています。
反対にミュージックアイコンのシャドウ距離は3pxで変わらずのままですので、1pxの違いをデザインすることで、回転ロックという機能アイコンと、ミュージックを起動するという起動アイコンの違いを表しているのではないかと思います。


5.ホームアイコンの間隔

 iOS 4ではアイコンの間隔が38pxの等間…