Nieuwe commits in Chromium Gerrit lijken te verwijzen naar "Material Design 2", wat een nieuwe en verbeterde versie van Google's Material Design-taal zou kunnen zijn.
Material Design, de uniforme ontwerptaal die naast Android Lollipop werd gelanceerd, beschikt over platte pastelkleurenpaletten, diepte, zachte verlichting en realistische fysica. Het is bedoeld om de tactiliteit van objecten uit de echte wereld na te bootsen zonder toevlucht te nemen tot skeuomorfisme; Google beschrijft het als een synthese van ‘klassieke principes’ met ‘[de] innovatie en mogelijkheid’ van technologie.
Sinds het debuut van Material Design in 2014 heeft het zich als een lopend vuurtje over het Android-ecosysteem verspreid, om nog maar te zwijgen van Google-apps zoals YouTube, Chrome, Gmail, Hangouts en Google Agenda. Zwevende actieknoppen, aangename kleuren en hoogtetechnieken zijn beschikbaar gemaakt als onderdeel van de Bibliotheek met materiaalcomponenten op GitHub (de opvolger van Android’s Design Support Library en Google’s webgerichte Material Design Lite), die Material’s goedheid voor Android in de vorm van aangepaste weergaven, en voor het web in de vorm van bundels die kunnen worden geïmporteerd en gebruikt als standaard HTML labels.
Nu, aan de vooravond van de vierde verjaardag van Material Design, lijkt Google de volgende generatie ervan aan het voorbereiden papier-en-inkt-geïnspireerd stijlvol: Materiaalontwerp 2. Er is heel weinig informatie openbaar beschikbaar over Material Design 2, waarvan we het bestaan deze week ontdekten in nieuwe commits in Chromium Gerrit. We beweren niet dat het een juist opvolger van het nieuwste Material Design-framework, maar de commits wijzen op merkbare, zij het subtiele, veranderingen in kleurenpaletten, iconografie en touchscreen-gedrag.
Materiaalontwerp 2 verschijnt in het chroom Gerrit
Begin februari implementeerde Gerrit nieuwe commits voor de Chromium-gebruikersinterface "Material Design 2" in de Chrome-versie tabstrip: de versleepbare tabbladen met webpaginatitels, favicons en de knop 'Tabblad sluiten' boven die van Chrome adresbalk.
De toezeggingen zijn niet drastisch, maar brengen wijzigingen aan in het uiterlijk van de Chrome-tabbladen. Ze vergroten de hoogte van de tabstrip; niet-gespecificeerde aanpassingen maken aan de inhoudsindeling van tabbladen, met name aan titels en waarschuwingsindicatoren; en verklein de aanraakbreedte van de tab, terwijl de standaardbreedte van de tab wordt vergroot. Zij expliciet niet wijzig de kleuren van de tabbladwaarschuwingsindicatoren, de kleuren van het tabbladscheidingsteken, de knop 'nieuw tabblad' of een tabbladtypografie.
Het is onthullend dat de commits verwijzen naar een knoppictogram voor het sluiten van het tabblad 'Material Design 2' en 'basiskleurconstanten vereist voor Google Material Design 2'.
Als we dieper in de commit-code duiken, zien we nieuwe "Material Design 2"-kleurenpaletten voor grijze, rode en rood-donkere Chromium-thema's, en nieuwe kleuren voor de standaard Chrome-werkbalk en incognitowerkbalk. We hebben een hexadecimale opzoektabel gebruikt om de RGB-stalen te genereren:
Het rood van Material Design 2 is iets donkerder dan die van het huidige Material Design Rood 800 (#C62828) en Rood 600 (#E53935), terwijl de nieuwe grijstinten (#3C4043, #5F6368, #BDC1C6, #F1F3F4) een lichtere, blauwachtige tint hebben. Het materiaalontwerp bestaat uit traditionele grijstinten, waarbij R=G=B, terwijl hier B>G>R bij elke tint aanwezig is (maar slechts 1-4 van de 255).
Material Design 2-compatibele versies Chrome zal ook een veel helderdere werkbalk hebben dan de huidige builds: deze is bijna wit vergeleken met het huidige grijsachtige kleurenschema.
Hier is een kort voorbeeld van hoe de werkbalk eruit zal zien met de nieuwe kleuren toegepast:
Ten slotte voegt de commit een nieuw IsTouchgeoptimaliseerd materiaal() vlag naar de MaterialDesignController, wat kan verwijzen naar aanraakgeoptimaliseerde Material Design 2-elementen. We schreven begin januari over de inspanningen van Google om de De touchscreen-ondersteuning van de Chrome-webbrowser op Chrome OS-apparaten, en het lijkt een voortzetting daarvan te zijn.
De commit laat bijvoorbeeld zien dat op apparaten met touchscreen de SetStackedLayout van Chrome 'altijd' zal zijn ingeschakeld.' Wanneer u veel tabbladen opent, worden de breedten van de andere tabbladen standaard kleiner om ruimte te bieden aan de grootte van de tabbladen nieuwe tabbladen. De gestapelde lay-out van Chrome behoudt de breedte van de oorspronkelijke tabbladen en voegt daarachter nieuwe tabbladen toe.
Het belang van kleur in materiaalontwerp
Dus wat betekenen de nieuwe kleuren in de bredere context van Material Design?
Material Design gaat meer dan alleen over lagen, componenten en elementen, en hoe deze zich ten opzichte van elkaar gedragen. Centraal in het ontwerpmotief van Google staan contrastrijke thema's, felle kleuren en gedurfde accenten: deze zorgen ervoor dat apps die voldoen aan Material Design zich onderscheiden van de massa.
Google biedt voorbeeld kleurenpaletten ontworpen om "goed samen te werken" op verschillende platforms, en moedigt ontwikkelaars aan die profiteren van source een primaire app-kleur – ook wel bekend als een ‘dominante’ kleur – uit een verzameling van 500 verschillende stalen. (Denk aan 'blauw', 'groen' of 'paars' en andere basiskleuren.) Indien nodig halen ze een secundaire kleur uit een uitgebreide collectie van 700 kleuren (complementaire kleuren voor de belangrijkste UI-elementen, en analoog voor minder belangrijke UI-elementen, en een tertiaire kleur uit een subset van 300).
Kleur speelt een belangrijke rol in de Material Design-hiërarchie. Heldere kleuren suggereren belangrijkheid; ze zijn gereserveerd voor prominente knoppen en andere interactieve elementen. Subtielere kleuren voegen daarentegen visuele interesse toe door tekstvelden, voortgangsbalken, koppelingen en andere delen van de gebruikersinterface te accentueren.
Van wat we weten over het kleurenpalet van Material Design 2, zijn tenminste een paar van de stalen in Google's "primary 500", zoals Red 600 en 800, donkerder dan hun Material Design-voorgangers. Maar anderen, zoals grijs, krijgen de tegenovergestelde behandeling: zowel de grijze als de witte stalen die in het Chrome-tabbladmodel worden weergegeven, hebben een koudere grijstinten en hogere blauwwaarden.
Op dit moment is dat alles wat we echt weten over Material Design 2. Maar de toezeggingen kunnen een teken zijn dat er iets achter de schermen gebeurt, en als dat waar is, zullen we er misschien eerder vroeg dan laat achter komen. Er wordt verwacht dat Google al in maart de laatste hand legt aan Android P, de volgende grote versie van Android, en Google I/O 2018 gaat op 8 mei van start. Beide zijn uitstekende mogelijkheden om Material Design 2 af te ronden.
Bijgewerkt 4-2-2018: Kort na de publicatie van dit artikel werd de commit privé gemaakt, wat mogelijk betekent dat het geheim moest blijven. We blijven de Chromium Gerrit controleren op wijzigingen en updaten dit artikel als we die vinden.