Die analoge Ursprünge des Google Material-Design


Als Teil der i/o, Google gibt uns einen genaueren Blick auf die ziemlich oldschool-Tools und Ideen, die hinter Material Design – und für alle mit Sinn für ein gutes X-Acto-Messer, ein Farbrad oder eine scharfe Falte des Papiers, das zutiefst befriedigend sein wird.

Wie gestern ist Keynote endete, Google veröffentlicht eine Ernte von neuen Videos und Tutorials über Materialdesign, treffe zu Kompliment zu einer Reihe von I/O Sitzungen, die auf helfende Entwickler konzentrieren wird, passen sich Googles ein-Jahr-alte Designsprache. Das ist nicht wirklich ein Update, aber eher ein klarer, praktischer Satz von Richtlinien, die ausdrücklich zu erklären, wie Designer und Entwickler eigentlich Material Design nutzen können – anstatt zu versuchen, herauszufinden, was es ist.

Diese Leitlinien reichen von Farbschemata, ein interessantes Video über wie Real-World-Design Auswahl Experimente mit Papier und Schatten führte zu den physikalischen Grundlagen der Benutzeroberfläche. Werfen Sie einen Blick.

Papier-Modelle

Letztes Jahr erfuhren wir, dass Material Design ein Betriebssystem ist, basierend auf der realen Welt: Schwerkraft, Textur, Raum und Schatten. Das beste Werkzeug, um herauszufinden, wie die realen Ideen in digitale Form zu übersetzen? Etwas Papier, ein X-Acto-Messer und etwas Kleber.

"Ein Computer ist eine Lite-Brite für schlechte Ideen – sobald man es, wie das fertige Produkt sieht auf dem Computer", sagt Bethany Fong in einem neuen Tutorial-Video. Das Design-Team wieder mehr Dinge in der realen Welt zu machen, bevor man sie in Illustrator – hilft ihnen herauszufinden, genau wie jedes UI-Element im digitalen Raum handeln würde. In einem anderen hören wir über was Google nennt, "Quantum", oder die imaginären Papier jedes UI-Element im Material Design auf der Grundlage. Alles begann mit einer sehr einfachen Frage: "Was ist das Material, das unsere Software besteht?"

Klassischen Buchgestaltung

Ein richtiges Buch macht einen Cameo-Auftritt in einem anderen video über den Prozess des Aufbaus der Design-Sprache: Gestaltung von Büchern: Theorie und Praxis, einen Folianten 1997 vom Schweizer Designer Jost Hochuli. Hochuli ist bekannt für seine Buchgestaltung – nicht nur das Cover, aber die körperliche Erfahrung des wie ein Buch, von der Symmetrie der Seiten, die Dimensionierung zu lesen ist. "Es ist eine sehr deutliche Parallele zwischen dem System der Buchgestaltung und wie Menschen zu halten und verwenden Sie Geräte,", sagt Jonathan Lee.


Drucken Sie Typografie

Google veröffentlicht auch ein Update auf Roboto, der System-Schrift, und wie es im vergangenen Jahr entwickelt ist. "Wir wollten auch die typografischen Feinheiten, die wir gewohnt sind zu sehen in gedruckter Form, hinzufügen", sagt Christian Robertson. Das bedeutete verfeinern nicht nur die Zeichen, sondern die mehr Gewichte, breiten und neu raffinierten kursiv-Zeichnung aus traditioneller Typografie eine digitale Schrift Tiefe hinzu. Es ist "eine lebendige Schrift," sagt er, "einen Schritt weiter was wir sehen, mit einer Menge von Linotype-Systemen."


Schatten-Modellierung

Im gleichen Material Tutorial, wir sehen, wie Google Designer eine andere Oldschool Techniken verwendet: eine Beleuchtung-Rig, mit denen das Team Modell verschiedenen Winkeln und Intensitäten von Lichtquellen. Dies ist umso wichtiger, als es sich anhört. Material-Design gründet sich auf eine sehr einfache Idee, wie Sie in dem Video von Bethany Fong: "Innerhalb dieses Gerät gibt es eigentlich ein bisschen Platz."

Material-Design UI ist alles über die Verwendung einer winzigen Menge an Tiefe, um unsere Augen zu betrügen, zu Formen und Tiefe in der Schnittstelle zu sehen – genau die richtige Menge an Tiefe? Büste aus der Lampe. "Wir erkannten, dass es wäre viel sinnvoller, Dinge im realen Leben tatsächlich betrachten", sagt Christian Robertson.

Grundlegende Farbentheorie

Auswahl Farbe Systeme klingt wie eines der einfachsten Aspekte des Festhaltens an Material Design – aber es ist auch sehr vage. Ein weiteres Tutorial zeigt Devs wie man einen Gewinner, beginnend mit 500 Wert Farbtöne für die beherrschenden Themen und Symbolleisten, dann mit einem anderen Wert den gleichen Farbton, wie ein 300 oder 700, UI-Hauptfenster Kompliment.

Kontaktieren Sie den Autor unter [email protected]

Verwandte Artikel

Die antiken Ursprünge des Bewusstseins von Todd Feinberg und Jon Mallatt überprüfen – wie das Gehirn Erfahrungen erstellt

Eine evolutionäre Geschichte zeigt, dass Bewusstsein ist Schlüssel zum Überleben der Menschheit Was bedeutet es, zu sagen, dass ich bewusst bin? Bewusstsein ist sicher, eine vielgestaltige Begriff mit mehreren Bedeutungen. Zu den Features sind einige oder...

Die fischig Ursprünge des Menschen offenbart

Menschen robuster Fisch prähistorischen Vorfahren Danke für ebnet den Weg zu ihrer späteren Entwicklung haben, schlägt eine neue Studie. Vor etwa 360 Millionen Jahren schlug ein Massensterben Ereignis die Reset-Taste auf der Erde leben, die meisten F...

Die Ursprünge des Pacific Rim Riesenroboter erklärt

Guillermo del Toro kommende Pacific Rim ist der Roboter gegen Monster-Mashup, den wir alle gewartet haben. Die Ursprünge des riesigen Mechas noch nicht erklärt worden, aber bis jetzt, die sind natürlich stark beeinflusst von Anime. Die oben genannten Feat...

Ursprünge des "Evangelium von Jesuss Frau" beginnen zu entstehen

Die Wahrheit kann schließlich entstehen über das "Evangelium von Jesuss Frau," eine höchst umstrittene Papyrus darauf hindeutet, dass einige Leute in der Antike Jesus glaubte war verheiratet mit Mary Magdalene. Neue Forschungsergebnisse auf dem...

7 erschreckend dunkle Ursprünge des liebenswerten Kinder Zeichen

Manchmal ist es den Freunden und bekannten, dass wir am wenigsten wissen. Wir haben alle schon, dass Moment wenn wir zuerst, dass unser besten Freund herausgefunden The Monkees, The Beatles, bevorzugt, dass unsere Lebensgefährten glaubt, dass Wrestling re...

Ursprünge des menschlichen Nervensystems gefunden in Schwämmen

Diese natürlichen Bad Schwamm Sie zu schrubben-a-Dub-Dub Ihren Körper verfügen nicht über ein Nervensystem, aber seine Zellen besitzen viele der Gene, die man machen musste. Die überraschende Entdeckung, detaillierte im Juni 6 Ausgabe des Open Access...

Die Ursprünge des unglücklichen Friday the 13th

Heute rollt die Phrase "Friday the 13th" Zungenbrecher, instinktiv verbunden mit Pech, seltsame Geschehnisse und ein Eishockey-maskiert Mörder in eine Slasher Flick mit dem gleichen Namen. Doch bevor Jason Voorhees in 12 Filme über den berüchtig...

7 die meisten WTF Ursprünge des legendären Pop Kultur Franchises

Jeder von uns hat, zu einem bestimmten Zeitpunkt sah einen seltsam-Ass Film oder einfach wieder über eine wahnsinnig originelle Idee sah und sagte: "wie zum Teufel sie sogar kamst damit?" Die Antwort ist oft weniger originell und Weise fremder,...

Die seltsamen mittelalterlichen Ursprünge des modernen Logos

Wenn wir von frühen Logos denken, wir denken des 19. und 20. Jahrhunderts Klassiker wie Levis oder Koks. Aber die Ursprünge der Logos und Warenzeichen wieder viel weiter als das – Tausende von Jahren, als Kaufleute und Handwerker verwendet "des Händl...

11 Ursprünge des gemeinsamen trinken Phrasen

Es gibt viel Slang trinken zugeordnet. Drei Blätter in den Wind. Haar des Hundes. Auf dem Wagen. Wir kennen sie alle, wir alle benutzen sie, aber die meisten von uns wissen nicht, woher sie kommen oder was sie wirklich bedeuten. Lesen Sie weiter, und Sie...

5 lächerlich Ursprünge des Film-Sound-Effekte

Sound-Design ist eines jener Dinge, die macht einen großen Unterschied in einer Filmproduktion, aber Sie nie wirklich darüber nachdenken. Wir reden hier nicht über die Musik hier--jeder kennt die Themen, die,, und (drei davon gemacht durch den gleichen Ke...

Die heidnischen Ursprünge der heutigen Traditionen

Meine Familie und ich haben eine Tradition der Malerei ukrainische Eiern (Pysanky) jedes Jahr zu Ostern. Dies war eine Tradition, die ich hatte, aufgewachsen und war etwas, was ich immer an meine Kinder weitergeben wollte. Als ich jung war meiner Eltern h...

5 WTF Comicbook Ursprünge des Superman Batman V

Vermutlich weil Zack Snyder immer noch verärgert über die Zeit seinen Hund auf seine Actionfiguren ausgelaugt, ist das aktuelle DC filmische Universum so düster und ernst selbst als ein High-School-Kind, das einen Aktenkoffer statt eine Lunchbox trägt. Ca...

Die überraschende Ursprünge von 9 gemeinsamen Aberglauben

Intro Einige Aberglauben sind so tief verwurzelt in modernes Englisch sprechenden Gesellschaften, die alle, von Laien an Wissenschaftler, erliegen sie (oder zumindest etwas ungutes nicht dabei). Aber warum nicht wir gehen Sie unter Leitern? Warum klopfen...