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

2014.1.23

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


縞模様の歴史

関連記事

THE SHOP

THE SHOP | ハイスタンダードなアイテム達

この年になるとTシャツはここの、靴はここのやつなど自分の中のスタンダードが決まってきます。 自分のセレクト感覚とあまりにも近い感覚のお店を発見して、感動すら覚えたのでご紹介します。

boenkyo3

旅するエンサイクロペディア 望遠郷 装丁の参考書

海外旅行ガイドブックはたくさんありますが、中でも有名なのは地球の歩き方や個人旅行などでしょうか。他にもムック本や小型のarucoやコトリップなど特に女性をターゲットにした本がたくさんでています。

ブランド作りの教科書

小さな会社を強くする ブランド作りの教科書 岩崎邦彦

印刷会社のリブランディングに携わっています。低価格競争の激化する中、印刷会社に求められる事や印刷会社の価値とは、と考えていた時たまたま目にした本です。

RENEW×大日本市鯖江博覧会

RENEW×大日本市鯖江博覧会 2017年10月12日(木)-15日(日)

体感型マーケット「RENEW」と、中川政七商店が展開する「大日本市博覧会」が、10月「RENEW×大日本市鯖江博覧会」を福井県鯖江市で開催します。

TypeKIDS

FONTPLUS DAY Vol.9 活字は踊る Type KIDS

定期的にフォントを学ぶ機会を下さるソフトバンク・テクノロジー主催のイベントFONT PLUS DAYのVol.9が7月5日に開催されいます。

東海道五十三次 蒲原宿 歌川広重

水玉の歴史 古代ギリシアから東海道五十三次まで

ボーダーと並ぶパターンと言えばドット柄です、ボーダーとは異なりドットに関しては体系的にまとめられた書籍が見つかりませんでしたが今回3冊の書籍とWebを参考にまとめてみました。

Moleskine folio folder

MacBook Air 11inch Moleskine Folio Folder

MacBook air 11inchとMoleskine folio folderは相性抜群でした。

little_design_studio

小さなデザインスタジオの、大きな影響力 ―少人数で成功した世界のデザインスタジオ30社

デザインを志す人、もしくは既にデザイナーとして活躍している人は一度は独立してデザイン事務所を持ちたいと思ったこと、もしくは独立して事務所を構えているかもしれません。

stan getz focus

Stan Getz |Focus 粋な勘違い

なんとなく音楽の話題はこのブログでは避けていたのですが、久々にがつんと来てしまったアルバムがありまして、とはいっても別に新しい現代のアルバムでもなく1961年のジャズです。

渡邉良重 AUDREY

KIGI 渡邉良重 亀倉雄策賞受賞 銀座クリエイションギャラリーG8で個展開催

その年の最も優れたグラフィックデザインに送られる亀倉雄策賞にKIGIの渡邉良重が手がけたAUDREYの洋菓子パッケージに決定しました。

書籍デザインのポスト

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

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

デザイン理論のポスト