フラットデザインをインテリジェントに使用する方法

著者: Randy Alexander
作成日: 1 4月 2021
更新日: 14 5月 2024
Anonim
アプリ開発:プロセスの概要、最初から最後まで| Udemyインストラクター、Angela Yu
ビデオ: アプリ開発:プロセスの概要、最初から最後まで| Udemyインストラクター、Angela Yu

コンテンツ

クリストファーコロンブスは、世界が丸いことを証明することを彼の人生の仕事にしたかもしれませんが、デザインの世界では、フラットがその場所です。ここ数年で、ウェブデザインとアプリのデザインが、リッチで詳細なデザインから、最小限のフラットなデザインへと大きく変化しました。

デザイナーとしての私たちが、豊かなデザインに夢中になっているとは限りません。デジタルでのビジュアルコミュニケーションのより簡潔なモードを単に再発見したことをお勧めします。

これは長い間存在していた設計理念ですが、テクノロジーとユーザーベースが成熟した現在、デジタルアプリケーションにのみ適合しています。

スイスの影響

フラットなデザインとその原則は新しいものではありません。1920年代から存在しています。スイススタイル(別名インターナショナルスタイル)のグラフィックデザインを見ると、シンプルさ、鮮やかな色のフィールド、大胆なタイポグラフィが特徴であることがわかります。


これらの視覚的な特徴は偶然ではなく、形態は機能に従うことを提唱するデザインへのアプローチを定義しています。アントワーヌドサンテグジュペリが言うように、「完璧は、追加するものが何もないときではなく、削除するものが何もないときに達成されます。」

そして、そのレベルの単純さは簡単に達成できるように見えるかもしれませんが、実際には、いくつかの設計上の選択に焦点が当てられます。比率、空白、タイポグラフィ、情報階層がすべて公開されています。では、なぜそのすべての努力に行くのですか?

進化するスタイル

その質問への答えは進化です。デジタルでのフラットデザインの最初で最も目立つ例の1つは、MicrosoftのMetroデザイン言語でした。当時の意図は、本物のデジタルであり、大画面でも小画面でも、タッチスクリーンで動作するエクスペリエンスを作成することでした。


彼らの意見、そしてそれ以来広く採用されている意見は、私たち全員が今ではテクノロジーの使用に慣れているというものです。

私たちは、コンピューターが机の上にあるかポケットにあるかにかかわらず、コンピューターとのやり取りに慣れており、インターフェースである不明瞭な表面は、高度に進化した脳にとって不必要に複雑になり、無意味に装飾されていました。これで、抽象的な概念や、非表示のメニューやコンテキストメニューなどの微妙な制御メカニズムを快適に処理できるようになりました。

本物のデジタル

ウェブデザインのフラットデザインは、その「本物のデジタル」精神の延長です。オンライン花屋は、今日の視聴者が理解するために、実際には画面上で実店舗の花屋のように見える必要はありませんが、テクノロジーがデザインの選択を形作る方法でもあることを認識しています。

手元にあるツール(CSS3、HTML5、JavaScript、およびレスポンシブWebデザインの重要性の高まり)は、高度に装飾されたグラフィカルユーザーインターフェイスの過剰な手荷物なしで、高性能で拡張可能なフロントエンドを作成する傾向があることを意味します。


ただし、ゴツゴツした状態からフラットな状態に切り替えるときに避けるべき特定の落とし穴があります。

フラットデザインの危険性

美的観点からは、「フラット」なデザインを行わないと時代遅れに見える恐れがあります。そのため、時流に乗ろうとかゆみを感じるかもしれません。しかし、iOS 7のリリースで証明されているように、失敗の可能性は非常に現実的です。

この最初はパッチがあり一貫性のないインターフェースは、ひどいマッピングサービスとともに、AppleがWindowsとGoogleに追いつき、一般的にタスクを失敗させていると広く見なされていました。象徴的なデザインのそのような名高い歴史を持つ会社にとって、これは大きくて予想外の失敗でした。

エレガントに交渉し、スキルを持って実行した場合、「フラット」に切り替えると、フラットデザインのこれらの例が正しく行われるなど、クリーンで強力かつ効果的なものが得られます。

Web 2.0のトレンディで一時的で気まぐれなスタイルの選択とは異なり、光沢のあるボタンとグラデーションは、私たち全員が嫌いになっているように見えます。フラットなデザイン、または少なくともそれを支配するプリンシパルは、まだしばらく続くはずです。

言葉: Josh Kimnell

Joshua Kimnellは、統合されたローンチコミュニケーション戦略を専門とする360エージェンシーのColliderのシニアクリエイティブです。

私たちが推薦する
スターウォーズの世界で名刺はどのように見えるか
続きを読む

スターウォーズの世界で名刺はどのように見えるか

人々が覚えている名刺をデザインしたい場合は、ウェブに刺激的な名刺の革新的な例がたくさんあります。しかし、これは通常の運賃とは少し違うものです...スターウォーズの新作映画「フォースの覚醒」に興奮が高まり、Print-Print.co.ukの善良な人々は、元の三部作の6人の主人公が過去32年間何をしてきたのか疑問に思っていました。そこで彼らは、反乱同盟軍が銀河に平和をもたらした後の彼らの可能なキャリ...
Photoshopのテクスチャを改善するための10のヒント
続きを読む

Photoshopのテクスチャを改善するための10のヒント

The Foundry' Mariなどの3Dペイントアプリケーションは、テクスチャペイント用の2Dソフトウェアに徐々に取って代わりつつありますが、Photo hopは、柔軟性と高度なブレンド、ペイント、マスキングツールを備えており、投資していないテクスチャペインタに堅牢なパッケージを提供しているため、多くの人にとって根強い存在です。まだ3Dペイントパッケージで、または3Dパッケージと一緒に...
2018年7月の最高の新しいイラストツール
続きを読む

2018年7月の最高の新しいイラストツール

デジタルアートを作成することは、最高の描画タブレットを選ぶことや、作成する適切なデジタルアートソフトウェアを見つけることだけではありません。また、インスピレーションを見つけ、新しい描画テクニックを学び、多くのプロのアーティストが直面する問題に対処する方法を見つけることでもあります。今月のデジタルアーティスト向けのツールのまとめでは、作業の改善に役立つさまざまなツールについて説明します。価格: 無料...