コンテンツ
クリストファーコロンブスは、世界が丸いことを証明することを彼の人生の仕事にしたかもしれませんが、デザインの世界では、フラットがその場所です。ここ数年で、ウェブデザインとアプリのデザインが、リッチで詳細なデザインから、最小限のフラットなデザインへと大きく変化しました。
デザイナーとしての私たちが、豊かなデザインに夢中になっているとは限りません。デジタルでのビジュアルコミュニケーションのより簡潔なモードを単に再発見したことをお勧めします。
これは長い間存在していた設計理念ですが、テクノロジーとユーザーベースが成熟した現在、デジタルアプリケーションにのみ適合しています。
スイスの影響
フラットなデザインとその原則は新しいものではありません。1920年代から存在しています。スイススタイル(別名インターナショナルスタイル)のグラフィックデザインを見ると、シンプルさ、鮮やかな色のフィールド、大胆なタイポグラフィが特徴であることがわかります。
これらの視覚的な特徴は偶然ではなく、形態は機能に従うことを提唱するデザインへのアプローチを定義しています。アントワーヌドサンテグジュペリが言うように、「完璧は、追加するものが何もないときではなく、削除するものが何もないときに達成されます。」
そして、そのレベルの単純さは簡単に達成できるように見えるかもしれませんが、実際には、いくつかの設計上の選択に焦点が当てられます。比率、空白、タイポグラフィ、情報階層がすべて公開されています。では、なぜそのすべての努力に行くのですか?
進化するスタイル
その質問への答えは進化です。デジタルでのフラットデザインの最初で最も目立つ例の1つは、MicrosoftのMetroデザイン言語でした。当時の意図は、本物のデジタルであり、大画面でも小画面でも、タッチスクリーンで動作するエクスペリエンスを作成することでした。
彼らの意見、そしてそれ以来広く採用されている意見は、私たち全員が今ではテクノロジーの使用に慣れているというものです。
私たちは、コンピューターが机の上にあるかポケットにあるかにかかわらず、コンピューターとのやり取りに慣れており、インターフェースである不明瞭な表面は、高度に進化した脳にとって不必要に複雑になり、無意味に装飾されていました。これで、抽象的な概念や、非表示のメニューやコンテキストメニューなどの微妙な制御メカニズムを快適に処理できるようになりました。
本物のデジタル
ウェブデザインのフラットデザインは、その「本物のデジタル」精神の延長です。オンライン花屋は、今日の視聴者が理解するために、実際には画面上で実店舗の花屋のように見える必要はありませんが、テクノロジーがデザインの選択を形作る方法でもあることを認識しています。
手元にあるツール(CSS3、HTML5、JavaScript、およびレスポンシブWebデザインの重要性の高まり)は、高度に装飾されたグラフィカルユーザーインターフェイスの過剰な手荷物なしで、高性能で拡張可能なフロントエンドを作成する傾向があることを意味します。
ただし、ゴツゴツした状態からフラットな状態に切り替えるときに避けるべき特定の落とし穴があります。
フラットデザインの危険性
美的観点からは、「フラット」なデザインを行わないと時代遅れに見える恐れがあります。そのため、時流に乗ろうとかゆみを感じるかもしれません。しかし、iOS 7のリリースで証明されているように、失敗の可能性は非常に現実的です。
この最初はパッチがあり一貫性のないインターフェースは、ひどいマッピングサービスとともに、AppleがWindowsとGoogleに追いつき、一般的にタスクを失敗させていると広く見なされていました。象徴的なデザインのそのような名高い歴史を持つ会社にとって、これは大きくて予想外の失敗でした。
エレガントに交渉し、スキルを持って実行した場合、「フラット」に切り替えると、フラットデザインのこれらの例が正しく行われるなど、クリーンで強力かつ効果的なものが得られます。
Web 2.0のトレンディで一時的で気まぐれなスタイルの選択とは異なり、光沢のあるボタンとグラデーションは、私たち全員が嫌いになっているように見えます。フラットなデザイン、または少なくともそれを支配するプリンシパルは、まだしばらく続くはずです。
言葉: Josh Kimnell
Joshua Kimnellは、統合されたローンチコミュニケーション戦略を専門とする360エージェンシーのColliderのシニアクリエイティブです。