{"id":22403,"date":"2021-12-22T12:36:07","date_gmt":"2021-12-22T10:36:07","guid":{"rendered":"https:\/\/www.software-developer-india.com\/?p=22403"},"modified":"2021-12-22T12:36:13","modified_gmt":"2021-12-22T10:36:13","slug":"was-ist-materialdesign","status":"publish","type":"post","link":"https:\/\/www.software-developer-india.com\/de\/was-ist-materialdesign\/","title":{"rendered":"Was ist Materialdesign?"},"content":{"rendered":"\n

Was ist Materialdesign?<\/h2>\n\n
\"\"<\/a><\/figure><\/div>\n\n

Das Web durchlief seit seiner Einf\u00fchrung in die Welt mehrere Transformationen. Jede \u00c4nderung hat es den Benutzern bequem gemacht, da die Benutzer mehr zu entdecken haben, buchst\u00e4blich ohne Grenzen. Nach Webseiten und Browserseiten kamen Smartphones und einige andere Smart Devices. <\/p>\n\n

Von statischen Webseiten bis hin zu intuitiven, intelligenten Ger\u00e4ten mit k\u00fcnstlicher Intelligenz<\/strong> \u2013 die Transformation war enorm. Aber Google hat die \u00c4nderungen nicht vergessen, die an Webseiten vorgenommen werden sollten. Das Designsystem und die Sprache von Google haben sich ver\u00e4ndert. Und hier wurde Material Design<\/strong> geboren. <\/p>\n\n

Materialdesign erkl\u00e4ren<\/strong><\/h3>\n\n

Material Design war also eine Idee von Google<\/strong> und entstand Mitte 2014 unter dem Codenamen \u201eQuantum Paper\u201c. Material Design wird f\u00fcr eine Reihe von Designimplementierungen verwendet. Die papierbasierten Designstile unterschieden sich deutlich von dem damals gebr\u00e4uchlichen Flat-Design-Stil. <\/p>\n\n

Der Zweck der Entwicklung von Material Design bestand darin, auf allen Plattformen konsistent qualitativ hochwertige Ergebnisse<\/strong> zu liefern. Dies f\u00fchrt zu einer einheitlichen Benutzererfahrung \u00fcber alle Ger\u00e4te, Plattformen und Eingabemethoden hinweg. Dies entspricht fast den Designprinzipien von Apple, die als Standardmethode verwendet wurden. Aber Google ging einen Schritt weiter und erm\u00f6glichte eine konsistente Benutzererfahrung. <\/p>\n\n

Die Richtlinien f\u00fcr Materialdesign von Google sind zu den Standardprotokollen f\u00fcr das Branding jedes Unternehmens geworden, da sie als mit Google verbunden anerkannt wurden. Interessanterweise wurde Google von der riesigen und wachsenden Design-Community \u00fcbernommen. Das bedeutet, dass jeder Material Design verwenden kann, nicht nur auf nativen Plattformen, sondern auch auf anderen konkurrierenden Plattformen. <\/p>\n\n

Das Einfachste an der Material Design-Spezifikation ist, dass es Richtlinien f\u00fcr alles gibt<\/strong> \u2013 Stil, Farbe, Bilder, Raster, Raum, Typografie usw. Und es leitet die Designer an, ihnen zu zeigen, wie die Dinge aussehen, einschlie\u00dflich internationaler Designs mit Hierarchie, Fokus und Bedeutung.<\/p>\n\n

Tipps, wie Sie Material Design plattform\u00fcbergreifend effektiv gestalten k\u00f6nnen<\/strong><\/h3>\n\n
  1. Das Konzept oder die taktile Realit\u00e4t<\/strong><\/li><\/ol>\n\n

    Eines der Prinzipien des Material Designs besteht darin, das Konzept der taktilen Realit\u00e4t<\/strong> zu \u00fcbernehmen und anzuwenden. Das Design sollte den Benutzern Vertrautheit bieten, wenn sie reale Funktionen integrieren. Zum Beispiel sollte der Button wie ein Button aussehen \u2013 das Aussehen, die Oberfl\u00e4che, N\u00e4hte und Kanten m\u00fcssen mit einem Button \u00fcbereinstimmen, damit der Benutzer einen Hinweis erkennen kann. <\/p>\n\n

    Um bewegliche Teile sichtbar zu machen, m\u00fcssen realistische Beleuchtung und Schatten vorhanden sein, damit der Benutzer sofort versteht. <\/p>\n\n

    1. Adaptives Design<\/strong><\/li><\/ol>\n\n

      Beim adaptiven Design sind die Symbole, Farben, r\u00e4umlichen Proportionen und die Hierarchie \u00fcber verschiedene Plattformen und Ger\u00e4te hinweg konsistent. Die Designs selbst m\u00fcssen eing\u00e4ngig und ordentlich sein, damit die Benutzer die Hierarchie leicht erfassen k\u00f6nnen. Um den Benutzern ein besseres Erlebnis zu bieten, stellen Sie sicher, dass gen\u00fcgend Wei\u00dfraum, gro\u00dfe Topografie, starke Bilder und brillante Farben vorhanden sind. <\/p>\n\n

      1. Nachrichten mit Bewegung machen viel Aufregung<\/strong><\/li><\/ol>\n\n

        Benutzer lieben es, wenn sie die Kontrolle \u00fcber ihre Navigation haben<\/strong> . Wenn sie die Ver\u00e4nderungen sehen, die sich direkt aus ihren Handlungen ergeben, werden sie empf\u00e4nglicher. Animationen in kontinuierlich flie\u00dfenden Bewegungen mit vorhersehbaren Aktionen werden die Benutzer entspannen. <\/p>\n\n

        Es ist jedoch wichtig, dass diese Bewegungen nat\u00fcrlich sind. Wenn ein Benutzer beispielsweise ein ausgew\u00e4hltes Element mit anderen Objekten per Drag & Drop in einen Ordner zieht, m\u00fcssen die bereits im Ordner befindlichen Objekte zur Seite verschoben werden, um Platz zu schaffen. Der Benutzer wird schockiert sein, wenn das Objekt nach der Drag-and-Drop-Option verschwindet und er nicht sehen kann, was damit passiert ist. Diese Art von magischer Reaktion wird den Benutzer ausschalten. <\/p>\n\n

        Prinzipien des Materialdesigns<\/strong><\/h3>\n\n

        Material Design ist viel mehr als das Hinzuf\u00fcgen von Schatten und dreidimensionalen Effekten zu Features. Es ist eine allumfassende Ressource, die den Grundstein f\u00fcr eine neue Designsprache legt. Sehen Sie sich einige der Grundprinzipien des Materialdesigns an.<\/p>\n\n

        1. Material ist eine Metapher<\/strong><\/li><\/ol>\n\n

          Benutzer genie\u00dfen digitale Erlebnisse, die ihnen nat\u00fcrlich erscheinen. Dies ist also eines der ersten Grundprinzipien, die in den Apps und Websites hinzugef\u00fcgt werden, die Sie mit Material Design erstellen. Die Gesetze von Ursache und Wirkung m\u00fcssen gewissenhaft befolgt werden, in dem Sinne, dass ein Benutzer, wenn er eine Aktion ausf\u00fchrt, ein vorhersehbares Ergebnis erwartet und dieses auch erhalten muss. Die Bewegungen auf der Seite m\u00fcssen mit denen in der realen Welt \u00fcbereinstimmen. Dies w\u00fcrde sie ermutigen, sich mehr mit den Apps zu besch\u00e4ftigen. <\/p>\n\n

          1. Bedeutung und Logik durch Fettdruck, Grafik und Hierarchie<\/strong><\/li><\/ol>\n\n

            Jede Designentscheidung muss eine gewisse Bedeutung und Logik haben. Das Design sollte so sein, dass es eine Art Regel, einen Grund daf\u00fcr geben muss. Es geht nicht mehr ums Designen, weil es jemandem gefallen hat oder weil es trendy ist. Nach dem neuesten System sollten die UI-Elemente einer bestimmten Verantwortlichkeitshierarchie folgen. Das Material Design erkl\u00e4rt folgende Elemente logisch:<\/p>\n\n