マテリアルデザイン:今日のウェブデザインを見てください

マテリアルデザイン

GoogleがGoogleI / O会議で開発し、発表してからほぼXNUMX年が経ちました。 材料設計 実装される設計規則として、当初はAndroidオペレーティングシステムでのコンテンツの複製に焦点を当てていましたが、Webやあらゆるプラットフォームでのトレンドになることを目的としており、今日確認できます。 時々言及しましたが、真実は、このエンコーディングを詳細に確認することを決してやめなかったので、今日はその原理と最も特徴的な機能を確認します。

マテリアルデザインの特徴は何ですか? フラットデザインムーブメントとは何の関係がありますか?

ウェブデザインのこの傾向について何を言いますか?

その名前はその最も実用的な意味に由来し、物質または材料は可能な限り効率的に編成および構造化される必要があり、あなたはそれに集中します。 この運動は、何よりも柔軟性、人間工学、そしてウェブサイトの構築を折りたたんで簡素化する能力を求めています。 しかし、空間的次元が重要な場所を占めるだけでなく、時間の次元も占めるようになります。これは、要素が特定の時間に特定の位置を占めるようになるためです。つまり、ダイナミズムも重要な要素になります。 さらに、これらの要因は必然的に知性と論理によって導かれ、それは最終的にリアリズムと物理的物質の空間表現の探求につながります。実際、それは物理法則とそれとともに要素(画像、ボタン、パネル...)は、重量と視覚的密度が高いため、互いに交差することはできません。代わりに、ボタン、パネルは互いに重なり合うようになります。

順序、明快さ、読みやすさ

もちろん、これらすべての原則は、タイポグラフィを含むグラフィックコンポーネントの管理と配布の方法に由来します。これは、とりわけ明確で読みやすいソリューションであり、テキスト構造は従来型で流動的であり、または、サイズや順序によっても微妙な違いが生じるコントラストを生成する、それほど強くないトーン。

照明とリアリズム

この論理は、とりわけ、照明効果の使用と、光と影の両方の管理に表れています。 照明は、近接性、関連性、状況の優れた指標です。そのため、照明は、私たちが話していた階層に影響を与える基本的なツールになります。 これで、ボタン、画像、およびすべての要素に、近接度を示す影が付けられ、Webステージ上に自分自身を配置するのに役立ちます。

動きは、注意を引き付け、視聴者を導くための最も効果的なツールです

その言語は、ユーザーの目には明白で、グラフィックで、啓発的です。 オプションまたはツールを選択すると、それは私たちに近づき、その寸法を拡大し、私たちがそれを使用しなくなるとその逆になります。 また、どうしても注意が必要な場合は、色が変わったり点滅したりします。

リズム、秩序、言語

私たちが話していることを忘れないでください。 私たちはウェブデザインが提供するリソースを調べます。したがって、すべての技術的表現のパラメーターには意味があります。たとえば、最初に画像、次にフローティングボタンなどの外観の順序から、それらがどの方向に表示されるかまで。彼らはそれを行い、どのような目的のために移動します。 これはすべて重要です。なぜなら、ユーザーが情報の出所を示すだけでなく、旅が容易になるだけでなく、要素が配置されて、読書プロセスが直感的で簡単で楽しいものになるからです。 間違いなく、アニメーションとダイナミズムは基本的な柱です。

無制限のコーディング

私たちが検討しているこれらすべての原則または標準は、その性質や表示される画面サイズに関係なく、あらゆる媒体およびプラットフォームで実装できるように設計および開発されています。 携帯電話、タブレット、またはコンピューターから。 考えられるすべてのサポートと宛先がこの視覚言語をサポートしており、実際、その横断性と互換性はその重要な要素のXNUMXつです。

フラットデザインはマテリアルデザインと同じではありません

それらは、最も響き渡るミニマリズムへの取り組みなど、多くの共通点を共有していますが、両方のコードの間にも大きな違いがあります。 ただし、これらは互換性がなく、完全に組み合わせて最高の仕上がりを得ることができますが、それについては後の投稿で説明します。


記事の内容は、次の原則に準拠しています。 編集倫理。 エラーを報告するには、 ここで.

2コメント、あなたのコメントを残してください

コメントを残す

あなたのメールアドレスが公開されることはありません。 必須フィールドには付いています *

*

*

  1. データの責任者:MiguelÁngelGatón
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。

  1.   ヤーコ・アルファロ

    フラン、あなたの出版物はとても面白いと思いました。 このトピックに関するスペイン語の情報はあまりありません。 ですから、興味があれば、私のブログにマテリアルデザイン仕様のスペイン語訳があります。 あなたと同じように、私の興味は、情報が最も多くの人々に届き、彼らがそれを利用できるようにすることです。

    よろしく

  2.   グラフィックデザインスタジオ

    とても良い記事です! 「マテリアルデザイン」については何も知りませんでしたが、特定の好みのためだけに「フラットデザイン」については知りませんでした。 私はいくつかのヒントに従うようにします。

    拝啓
    デイビッド