そして、フラットデザインについてのもう一つの投稿、またはなぜ誰もが急いでフラットなインターフェースを作るのか

「すべてが単純」、またはいくつかの重要な事実と状況を省略した、長い物語の簡潔な語り直し

ある時点で、私が購読している人たちの間、または私が読んだ情報源の間で、少なくとも「フラットな」デザインに関連する何かが滑らないように、一日も経たないように思えました。 「フラットデザイン」または「フラットデザイン」という言葉をBing、Google、Yandexに送り込みます。レビューや例から、分析的および歴史的な製作物、あるいは単に大声で考えて（1、2、3、4、5） 、 6、7、8、9、10 、...）。



これは素晴らしいと思います。 コミュニティとして、私たちがやっていることや周りに見ていることについて考え、何らかの形で理解し、言語化しようとすることは素晴らしいことです。 私たちは今の瞬間を感じるために、議論と議論が必要です。多くの多くの記事と別々の声明が必要です。



インターフェイスのフラットなデザインが生まれた、またはより正確に言えば、革新的なスタイリストとしてシンプルで意図的に簡素化されたインターフェイスを備えたWindows Phone（およびWindows 8）プラットフォームのおかげで、栄光を勝ち取りました。 それは、Appleの世界での不自然な自然主義的なアイコンの流行の中で、新しく新鮮なものでした。 少なくとも突然かつ不可逆的に大きく変更してアップグレードすることを決定し、Microsoftのような不器用なモンスターのように見えたため、それはある意味で面白くて珍しいものでした。



間違いなく、多くの人々、デザイナー、そしてそもそもこれらの開発が新たな成果をもたらしました。 そして、「メトロ」インターフェースの美しさについてのスローガンの下で、彼らは新しい創造的なエクスプロイトを開始しました。



誰かが（必ずしも応答ではありませんが）常にフラットなデザインがあり、表面に（インターフェース用に）なかったと言いますが、iOSのフレームワークでさえ、フォームとインターフェースを実験した外部アプリケーションがたくさんありました。そして実際、それらは「ガイドライン」の骨格変形とは対照的に「平坦」でしたが、Windows Phoneで見たものとはまったく異なりました。 結局、デザイナーやデザイナーの何人かはいつもシンプルさとミニマリズムになりがちで、誰かがインフォグラフィックに興味があり、実験を嫌がりませんでした。そのため、「フラット」インターフェースも「以前」「メトロ」なしでした。



それはそうかもしれませんが、大きな産業トレンドが勢いを増し始めたのはWindows Phoneの出現とその後のWindows 8の出現を背景にしたという事実に注意することは不可能です。 ある時点で、GoogleはそれでもAndroid向けのわかりやすいガイドを作成し、その後、新しいデザイン言語に投資してサービスの均一性をもたらし、誰かがこれを「ほぼフラットな」デザインと呼ぶことを忘れませんでした。 もちろん、旗を振って「何かがこれを思い出させる」と言った人もいました。



マイクロソフトも止まらず、変革のファンファーレの下で、ウェブサイト、ポータル、サービスを含むすべての製品を単一の視覚的スキームに、またはむしろ統一された設計原則に縮小し始め、一般的な傾向に従って製品ロゴやそれ自体を変更し始めました。



その後、Windows 8のリリースに伴い、MSキャンプはコードネーム「メトロ」を放棄して、シンプルな（新しい）Windowsインターフェース、別名Modern UIを支持しました。 これらのイベントの議論を背景に、視覚的なソリューションの面に訴える「フラット」デザインの命名は、多かれ少なかれ確立されています。 群衆の中では、残念なことに、問題が飛行機や「メトロスノスト」ではないという多くの合理的な感嘆符が残っていました。



「革命的な噂」になるはずだった新しいiOS7に関する噂は、火に燃料を加えました。 もちろん、邪悪な言語は、Appleが競合他社からどれだけ、そして何を盗んだかを数え、また語ろうと準備しました。 iOS7は確かにフラットで曖昧になり、アップル社による新しいステップの数は数えられません。



最終的に、「全員」が「フラットな」デザインに移行したようです。 各デザインWebサイト、興味、ドリブルなど。 多数の例または例のコレクションがあり、多くの新しい例が毎日登場しています。 そのため、革命が起こりました。 革の質感を捨て、頭をオンにします。



何を忘れましたか？



そうそう、インターフェイスの面はファッションへのオマージュ、単純さとリアリズムの間の一種の振り子の動きであるという意見がまだあります。 昨日はskeumorphnenko、今日はもっと簡単です、明日もヒョウの皮を着ます。 フォトショップだったでしょう。

-待って、サー！ 彼らはそれを拾ってコピーしましたか？

コミュニティ（存在する場合、コミュニティ）が存在することによる面白い効果の1つは、一部のメンバーがコミュニティのコア、つまり周辺に構築されているものを支持する意欲です。 これは正しいことであり、正常な場合もあります。



たとえば、多くのマイクロソフト製品、特に会社が選択したデザイン思考の方向性を愛する人として（ただし、記事全体が独占的なものであることに注意するしかありません）、会社の同じファンが言っているのは気の毒です競合他社がアイデアをどのようにコピーして製品に実装するか。



私は認め、時にはそのようなつぶやきをリツイートすることさえできます。



しかし、もし彼ら（競技者）が単に取ってコピーした、または、例えば取って、コピーして、わずかに変更し、あちこちで塗り直した場合など。 -それは問題の半分になります。 「フラットな」デザインの問題は、それが…不可避であるということです。 つまり、Photoshopとトップクラスのエンジニアの千の精神とエースを持つデザイナーフルーツ会社の少なくとも1,000倍であれば、遅かれ早かれ「フラット」デザインのバリエーションにたどり着くでしょう。



マイクロソフトの大きなメリットは、第一に、このステップを他の企業より早く行うことを会社が決定したことです（そして、このステップは奇妙なことに避けられませんでした）、そして第二に、製品プロモーションのマーケティングの波で、いくつかの重要なアイデアをプロに伝えることができましたコミュニティ。 そして、それは魔法です。今日、「フラットインターフェイス」に投資し始めた人は、この方向に引っ掻き始めさえしなかった人よりもリフティングのものを持っているのはどれほど魔法なのでしょう。 正しい軌道に乗ることは良いことです！



頭の最後の段落に小さな反マーケティングの尻を持っている人のために、私はあなたにお知らせします。Microsoftの代わりに別の大企業があるかもしれません。 もちろん、悪魔は詳細に成功することはできませんでしたが、Windows Phoneの設計チームは間違いなく世界最高のチームの1つですが、もう一度言います。これまたは「フラット」デザインのバリエーションは避けられませんでした。 それは1年か2年、おそらく5年で起こりますが、確かに起こりました。

平らな世界への道

何よりもまず、何が起こったのか、「フラットな」デザインと見なされるものの定義が本当に好きではありません。 もちろん、それは多くの点で本当にフラットですが、これは今日のインターフェース設計で起こっていることの多くの側面の1つにすぎません。 表面にあるのはまさにその1つですが、強力な視覚コンポーネントです。



一般に、彼らが私に尋ねた場合、それは他のすべての側面を損なうため、この壮大な現象を「フラット」と呼ぶことに絶対に反対します。 ある意味では、これは単にモダンなデザインと呼ぶことができますが、すべてのコンポーネントをまとめて避けられないことを受け入れた場合、それを単に良い（関連する）デザインと呼ぶ以外に何も残されません（ www.toledo2.com/ 2013/05/02 / dont-call-it-metro-call-it-good-design ）。



当時の現代のトレンドに合った優れたデザイン。 そして、飛行機、飛行機ではない、またはほとんど飛行機-これらはすでに詳細です。





私は余談で、これから話すことをよりよく説明しようとするつもりです。 ペテルゴフ大宮殿やピーター1世の冬宮殿、またはルーブル美術館のヴェルサイユ宮殿など、広々としたホールのある大きな宮殿を想像してください。 そうでない場合は、インターネットで写真を探してください。 そして今、スニーカー、ジーンズ、Tシャツ、ノキアルミヤ（製品配置）をポケットに入れ、ホールを歩き回って、現代人をこれらのインテリアにフィットさせてみてください。 この写真の自然さ、またはむしろ調整について考えると、時代の矛盾の明確な感覚を頭の中で簡単につかむことができます。



今日私たちが優れたデザインと呼ぶものは、3〜4世紀前の優れたデザインに簡単に収まる可能性は低いです。 私たちが今日していることは、50年後の現代のインターフェースという意味ではあまり関係がないでしょう。 各タスクと各回には、独自のインターフェイスとソリューションがあります。



なぜ、今日、私は「フラット」デザインの必然性について話しているのですか？ 今日、なぜ良いデザインが突然フラットになるのでしょうか？



少し振り返って（まあ、ごめん、抵抗できなかった、iPhoneを見て）、多くの既存のプログラムインターフェイス（そもそもアプリケーションとオペレーティングシステム）が作成された社会歴史的条件を考えると、確かにトレースできます。外観の自然さ、またはそのように見える理由。 つまり、最初の車が必ずカートまたはキャリッジであるように、ボタンのように「押された」ものはすべて、押されたボタンのように見えるはずです（ラジオボタンがそのように呼ばれる理由を知っていますか？）





開発エンジニアの狭いサークルでコミュニケーションをとっていますが、インターフェイスについては合意できますが、デジタルの世界に慣れていない幅広い視聴者に到達するとすぐに、最も自然な衝動により、インターフェイスはすでに人々が知っているように見え、使用します。 したがって、コンピューターのすべてのデジタル計算機は実際の「物理的な」計算機に似ているため、デジタルキーボードは通常の「物理的な」計算機を繰り返し、タイプライターをコピーします。 したがって、ファイルコレクションは、紙のドキュメントフォルダーと同様のフォルダーに整理されます。 したがって、財布の用途は、他の人のジーンズの後ろポケットにある革の財布のような革である必要があります。 したがって、デジタル本は木製の棚に置いて影を落とす必要があります。 したがって、特定の期間におけるある程度のインターフェースは、必然的に現実に近づける必要があり、スキューモーフィズムは、この不可避性の現れの1つにすぎませんでした。 誰もが大衆に理解できない大量の製品を作ることはできませんでした。 これは重要です。



そして今、多くのスマートフォンユーザーはデジタルインターフェイスに慣れており、指で作業する方法を学びました...すべてが一般的に良好です。 そして私の意見では、設計上の唯一の問題は、多くの（すべてではない）デザイナーが、アップル製品のファッションに屈して、ただ良いインターフェースを作るのではなく、急変型のインターフェースを作るために急いだということです。 （私はそれをプロと呼んでいます...うーん...劣化ですが、良いガイドを持っているのは良いことです。）



タイムラインのある時点（2010年秋）で、Microsoftはメトロインターフェイスを備えた新しい電話でクロールします。 率直に言って、私はろうそくを座らせず、占い師はこの変容のすべての詳細を忠実に再現するのに役に立たないが、すでに言われ、さまざまな状況で何度も語られている重要なポイントを概説しようと思う。









短いバージョンでは、新しいWindows Phoneの設計履歴は次のように聞こえます。 ある時点で、Microsoftの内部（明らかに、公開リリースの数年前）に、彼らはモバイルの方向性について何か新しいことをする必要があることに気付きました。 これは、市場の一般的な状況と競争が勢いを増していることと、無視するのが間違っているいくつかの新興産業の変化を予測することの両方の問題だと思います。 これらの変換の一部については後で説明しますが、一部の要素は設計の変更を理解するために重要であることが判明します。



かなり新しいことですが、チームは後でWindows Phoneと呼ばれるもので、ほぼ内部起動モードで作業を開始します。 実際、理性的な仕事、女の子と男の子の実験のためにカルテブランシュを持ち、Microsoft内の興味深い製品（Zuneなど）を見て、インスピレーション、哲学、視覚表現のソースとして新しいプラットフォームの設計の根底にある「正しい」ソースを見てください。 。 舞台裏には興味深いものがたくさん残っていたと思いますが、バウハウス、スイスのタイポグラフィ（および一般的にフォントとフォームの操作に大きな注意）、モーションデザイン（モーションデザイン）、映画撮影、特にとインフォグラフィック。



これらの参照は、今日、インスピレーションの主な源泉として外向きに聞こえます。 そして、私は著者にこだわって、みんなに言います。WindowsPhoneやWindowsのガイドが足りない場合は、読み、勉強し、インスピレーションを与え、創造してください。 それらはそれぞれ独自の論理、独自の自然さ、そしてある意味で独自の必然性を持ち、それは私たちがどこに行きたいのか、むしろ自分自身にどのような目標を設定したのかを認識しているからです。



女の子と男の子が実験し、レイアウトを描き、グリッドを構築し、ルールと原則を策定し、外出先で学び、視覚言語、インターフェース要素、オペレーティングシステムの動作、外部アプリケーションの基本的なアプリケーションと概念を考え出し、ガイドラインとガイドを作成します。 最終的に、Windows Phone ...と大きな大きなベルを取得します。 そして、インターフェースは「フラット」であることが判明しました！ もちろん、彼を「フラット」と呼ぶことは誰にも起こりませんでした。 設計要素の意味で最小限であり、機能の実装に必要な装飾コンポーネントが最小限に抑えられます。 優先順位の基礎は、彼の威厳のあるコンテンツに与えられています！



そして、これはそのような避けられない要素の一つです。 画面の上部にコンテンツを明確に配置したらすぐに、他のすべてを削除して非表示にする以外に方法はありません。 優れた視覚的ソリューションを詳細に得ることができますが、「フラット化」を余儀なくされ、ボリュームを削除してボタンの回路図を残します。 コンテンツに主な注意を払う必要があり、ボタンを「支配」するのはコンテンツであり、その逆ではありません。 直接の相互作用と指入力のアイデアは、同じホイールに流れ込みます。 画面の端からのジェスチャなど、いくつかの新しいジェスチャには価値があります！



不要なフレームと輪郭を削除すると、必然的にタイポグラフィとグリッドに依存し、空き領域とフォントを管理します。 テキストコンテンツの場合、フォントは階層を通信するための自然なツールになります。 そしてもちろん、これはデザイン業界では根本的に新しいものではありません。印刷業界で長い間取り上げられ、研究されてきたからです。



最後に、アニメーションを接続し、中心的な場所がコンテンツに与えられる「簡素化された」インターフェースに到達したらすぐに、動きの言語を考え直す必要があります。 しかし、直接の対話を前提とする「ライブ」で移動可能なインターフェイスを作成し、同時にナビゲーション要素を削除して、コンテンツ自体の遷移のアクティブ化を統合すると、どうなるでしょうか。 （ところで、iOS7のガイドを見ている場合は、アニメーションの使用に注意してください。）



変革の波の最前線にあるコンテンツ！



したがって、この変換をコンテンツデザインへの移行と呼びたいと思います。 コンテンツと対話するためのレイヤーのインターフェイスではなく、コンテンツ自体をナンバーワンとして優先順位付けします-レイヤーを最小化し、可能な限り適切な対話をコンテンツ自体に統合し、コントロールから強調を削除し、最も価値のあるものに転送する必要があります。 ここで「フラットな」デザインの革命が起こります...しかし、それはフラットにする方法ではなく、メインコンテンツを作る方法についてです。 大まかに言えば、ボリュームが対話できる内容について話す場合、ボタンではなくコンテンツが「ボリューム」になります。



しかし、重要な質問は何を呼ぶべきかではなく、なぜ今これが起こっているのかです。 なぜこれをやったことがないのですか？ 個人的には、多くの重要なコンポーネントがあるかもしれませんが、重要なのはまだ3つです。 まず、これは潜在的にデジタルインターフェイスを使用する準備ができているユーザーの非常に多くのユーザーです 。 それらは、タッチインターフェイス、クラウドストレージ、ソーシャルサービス、および5〜10年前には大量アクセスできなかった他の多くの側面と混同されなくなりました。 それには時間がかかり、他の人を理解し、受け入れ、伝えることができる人々がいました。



第二に、それは慣性の問題です。 牛乳を搾り出すことができれば、牛乳を生産している牛を意識的に殺すことはできません。 正常に機能するインターフェースがある場合、それらを突然変更してもほとんど意味がありません。 ここでの進化パスはより適切であるため、iOSまたはAndroidの各新バージョン、または以前のWindows Mobileでは、方向の急激な変化ではなく、漸進的な開発が見られました。 Microsoftはある時点で、それを買う余裕がないだけでなく、一般的には（インターフェイス設計の意味で）最初から始める以外の選択肢がなかったという状況に陥りました。



第三に、 将来を予測するか、それを形成しようとすることです。 Microsoftでは、Microsoft Researchおよび製品チームがこれを行っています。WindowsPhoneの作成時には、少なくとも将来の生産性プロジェクトに関与するチームがオフィスグループにあり、将来のインターフェイスがどのように見えるかだけでなく、一般的にデジタルの世界と、人とデジタルオブジェクトの相互作用は次のようになります。 そして、これらの予測では、コンテンツの優先順位、直接的な相互作用、デジタル世界、アナログのアタビズムの破壊は避けられません。



このトピックに関する簡単な例を紹介します。よく知っている[保存]ボタンです。 新しいコンピューター（ipadiksやサーファーを含む）には3.5ディスクドライブがないという事実にもかかわらず、どこから来たのか、なぜフロッピーディスクのように見えるのかを説明する必要はないと思います。フロッピーディスクはありませんが、アイコンがあります。どこかで、アイコンは「save」という言葉だけで捨てられ、どこかでクラウドに保存されますが、ポイントは、今日のように保存機能は不要であり、自動保存とバージョニングの相互に関連する2つの操作の方向で許可されていることです将来的には「保存」ボタンはありません 「あなたは、他の詳細に入るなしに、あなたの現在のデバイス上のドキュメントの現在のバージョンを持っていることを確認したいと思います。



未来を予測する重要な側面は、コンテンツとデジタルオブジェクトの汎用性を理解することです。 ユーザーがデバイス間を自由に移動できる世界は、おそらく異なる形式で、バインディングインターフェイスとは対照的に、コンテンツの普遍性を説きます。 追加のインターフェイス全体は、できるだけ単純で、象徴的で、透明で、ポータブルである必要があります。そのため、コンテンツが混乱せず、邪魔になりません。



このような状況では、コンテンツを設計し、コンテンツと対話する直接的な方法を考え、サイド要素を最小限に抑える必要があります。 追加の要素は、シンボリックでシンプルかつミニマルで、あるデバイスから別のデバイスに移植可能です。 この時点では、ボタンの大きさ、ボタンの下で影が傾く方向、または肌のコートがどれだけ光沢があるかを気にする必要はありません。 肌のきらめきは、それがコンテンツであり、相互作用の要素である場合にのみ関係します。



したがって、デザインは必然的に「フラット」になり、むしろコンテンツと機能になります。 平面は単なる還元主義の現れであり、二次的な詳細の削除、重要なオブジェクトへの機能の直接的な統合、重要なことに集中し、二次的なものすべてを隠すことです。 しかし、「プレーン」は必ずしも同一で明確ではないため、「プレーン」は実装の可能性の観点から多次元であるため、同様の設計原理にもかかわらず、プラットフォームごとに視覚言語や実装の詳細が異なります。



ただし、主なことは、デザイナーが単に「良い」コンテンツデザインを開始することです。



そしてもう1つ：「フラットな」デザインの方が簡単だという意見がありますが、実際には、動きなどの詳細や動きに十分注意を払う必要があるため、良い「フラットな」デザインも困難です。注意を払った。 ここのガイドと既製の要素も役立ちます。



そしてもう1つ、未来がまさにそれ、つまり「フラット」であることを証明した人はいません。 つまり、たとえば、画像の翻訳を使用して脳への直接的なインターフェースを突然発明した場合、これらはすべてゴミになります。 または、未知の誤解のためにすべてのインターフェースが丸みを帯びた幻覚色のエイリアンに捕らえられた場合...