畑を耕すようにデザインの事を考えるデザイナーのためのマガジンPeeji(ペエジ)。

2014.1.23

フラットデザインとスキュアモーフィズム


ios7最近ipadアプリのUIをデザインしています。複雑なアプリではないのですがただ平面で考えるのではなく立体的に考えてデザインしなければいけないので面白いです。

最初に見た目のデザインの方向性を決める時いわゆるフラットデザインなのかスキュアモーフィズムなのかを大雑把に検討することから始めました。

印刷物とウェブ、アプリ
僕はもともとスキュアモーフィズムというかデザインの「あしらい」で何かを擬似的に表現することがあまり好きではありません。

例えばハンバーガー屋さんのDMがハンバーガーの形になっていたりとか、アンティークショップのチラシが加工された紙にさらに紙のテクスチャを引いて古い紙を表現したり、特殊印刷が一般的になっていくにしたがいあたかも●●みたいなデザインの印刷物って増えて来ているし、ニーズもある気がしますが、個人的にはあまりにもそのままのようなして気がひけてしまうのです。

ウェブだとさらにその傾向が強まります、もともとそれ自体に実態がないものなので何かを擬似的に表現する事でしかウェブのインターフェイスを理解させる事が難しかったからだと思いますが、つい最近までのウェブデザインはほとんどがスキュアモーフィズムを多用しています。

アプリはウェブに近い特性があるので当然ながらスキュアモーフィズムがデザインの一般的なベースになっていましたが、ios7の発表を機にようやくというかいわゆるフラットデザインと呼ばれる脱スキュアモーフィズム的なデザインが増えてきました。

なんでフラットデザイン?
個人的にはこの傾向はとてもうれしいのですが、しかしながらなぜ今更フラットデザインという傾向が強まってきたのかと引っかかるものがあります。

少し調べてもこれだと言う結論にたどり着いている腑に落ちる結論はなかったのですが、ひとつはFlipboardやGunosyなどひとつのソースをウェブページだけでなく複数のアプリ等で見たりするのが当たり前になった事で画像をあまり使わないテキストベースで構成されている方がソースのリユースに便利な事が挙げられそうです。

余計な画像がないためページのロードに時間がかからないというのもありましたが、常に日々高速化しているPCとブロードバンドの状況を考えるとそれが強い理由ではない気がします。

他にios7がフラットデザインを採用した理由にウェブやアプリの利用者の成長を挙げているのがappleのジョナサン・アイヴです。たしかに20年前ウェブが出始めた頃ハイパーリンクの存在すら認知されていなかった時代と生まれた頃からインターネットに触れている世代ではウェブのインターフェイスに対する理解は全く違うでしょう。後の世代はグラデーションと影で表現されたこってりしたボタンなどなくてもそれが関連する記事のページへのボタンなのか、広告なのか瞬時に判断出来るはずです。

フラットデザインは通過点
だからといってわざわざ分かりにくいボタンを採用する理由があるのかと考えてしまうところですが、おそらくフラットデザインはまだ通過過程の一段階にしか過ぎず今後5年、もしくは10年かけてウェブやアプリだけで表現できるインターフェイスの表現方法を見出して行くのだろうと思います。

例えばカメラのアイコンは大概レンズのついた一眼レフやコンパクトカメラを模した形になっていますが、レンズ以外はカメラとして存在していない携帯カメラが一般的になった今、カメラとして存在しているのは圧倒的に携帯カメラが多いのに数が少ない一眼レフなどの形をカメラのメタファーとして採用するパラドックスに陥っています。

フラットデザインの次のデザインはウェブやアプリのデザインというよりこれまで人が培ってきた慣習や経験が生み出した、インターフェイス上のパラドックスを超える事に意義を見出していく事になり、それを乗り越えた時紙媒体で作られたデザインロジックやスキュアモーフィズムにとらわれないデザインが産まれるのかもしれないなどとアプリを作りながら考えていました。

フラットデザインの基本ルール Webクリエイティブ&アプリの新しい考え方。


縞模様の歴史

関連記事

LOFT WINTER

フリーペーパーのデザイン 14種 新聞紙のような多め

仕事でついにフリーペーパーを作ることになりそうです。 と言っても僕の場合あまり今まで集めたデザインアーカイブなどを作る時に参照することはないのですが今まで見てきたものがじわじわと自分の作るものを作って

graphis

graphis スイスの美しいグラフィック雑誌

書店に行くとつい眺めているだけで幸せになれそうな雑誌を手に取り買ってしまうことがあります。

カリモク60

良デザインパンフレット 8種 大きさいろいろ

商品パンフレットなどだと特定の種類が定まらず形も大きさもかなりばらばらです、そんなパンフレットを気の向くままに集めたものをそのままご紹介です。

花椿

資生堂花椿 季刊誌として復活 4月25日

Web移行してしまったと思われた季刊誌として復活します。

素敵なマッチの世界 15種類

喫煙家だったころマッチを集めるのが好きで、でもかっこよかったり、かわいかったり、ユーモラスなものだったりだけを集めていました。

Pring Gallery

ブラック ホワイト タイプ シングス ベルント・クーヘンバイザー コンテンツに文化的な付加価値を与える媒介者

白金にあるプリントギャラリーでクーヘンバイザーの展覧会が11月15日(日)まで開催中です。

TOKYO FAMILY RESTAURANT

かっこいいデザインのショップカード 色付き編 21種類 PINTEREST

過日公開したかっこいいデザインのショップカードの、白地ベースではなく色が感じられるものたちを集めたセレクションです。

建築模型展

Tokyo Design Week 2016

Tokyo Design Weekが今年もスタートしました。

detail in typography

ディテール・イン・タイポグラフィ 読みやすい欧文組版のための基礎知識と考え方

世界的に有名なスイスのブックデザイナー、ヨースト・ホフリが書いたタイポグラフィの入門書『Detail in typography』の日本語版が登場。

NIKE AIR MAX PINNACLE

NIKELab AIR MAX1 Pinnacle衝動買い ティンカー・ハットフィールドの影響受けまくり UXの素晴らしさ

ティンカー・ハットフィールドに影響を受けてAIR MAX1を買ってしまいました。

書籍デザインのポスト

タイポグラフィーのポスト

お気に入りアイテムのポスト

デザイン理論のポスト