20130918 beenos ui研究会 #4　「トランプカードから学ぶフラットデザイン」

Beenos UI研究会 #42013年9月18日（水）

金澤俊昌

13年9月20日金曜日

最近の僕とiPhone

iOS7ももうすぐとのことで、またフラットデザインがよくニュースでも目に触れる機会が増えましたね。

僕のiPhoneもフラットデザインに移行したアプリたちがおりました。


このコたちです。


さてアプリ開いたらどうなってるかなー、ワクワク♫


ん！？　そんな変わってなくない？


なんだよー

革新的な変化を期待してたのに、変わったのはアプリのアイコンだけだった。残念。


やっぱり中身もフラットデザインになってほしい！


とにかく単色にして、あっさりすればいいんじゃない？


そんな単純でもないか。でもどういうゴールイメージなのか自分でも創造ついてない。


まぁ、全くどう考えたらいいか分かんないっすよね。


　なので、今回のテーマは

「全くデザインセンスのない金澤がかっこいいフラットデザインを考えるには」


フラットデザインの考え方を調べていくと

「今後もモバイル端末の利用が増えていくのであればそのときに主流になるデザインは「カード」である。

by Inside Intercom ポール・アダムス氏


ほう、カードデザインとな？

大きさや形はどうあれ、画像やサムネイルテキストなどの情報を保持するフラットな領域。

facebookは典型的なカードデザイン。


カードデザインが優れいている2つの理由

カードが情報を広げる為のメディアとして活躍してきた歴史がある。（ex.名刺、ポストカード、割引クーポンなどなど。）

情報を様々な形で伝えること出来るというデザインの自由度。（要約だけを表現出来たり、長方形したり）


でも一番世の中で愛されてきたカードって、

じゃない？


トランプのUI①

左側中心にデザインされている。

持つ手が左手を前提。

昔は左手迫害の文化があったため。右手でサンドイッチ、左手にカードを持てるようにデザイン。

右手で持つと


トランプのUI②

遠いときは真ん中のデザインで認識

手に持ったときは左上だけで認識


ちなみに昔のトランプ


絵柄はどんどん変わっていった。

・歴史とともに使いやすく洗礼されていった。・他のカードゲームのようにルール先行ではなく、カード自体の使いやすさを先行させて色んなルール（ゲーム）が生まれてきた。

⇒まさにカードのマーケットプレイス！


まとめトランプから学ぶフラットデザインは

①「伝えたい情報をカード型に分けて」

②「カードを重ねたり、広げたり、遠くに置いたり、使い倒して」

③「一枚のカードを使うシーンに合わせて情報の配置を決める」


そうすることによって金澤でもフラットデザインが出来るかもしれない。


ありがとうございました！


Design