Share
Laten we het hebben over wat er nieuw is, wat er is gewijzigd en wat is verbeterd in het nieuwste materiaalontwerp van Google.
Material Design is een visuele ontwerptaal, voor het eerst ontwikkeld door Google in 2014. Het groeide uit een behoefte aan meer consistentie tussen Google-producten, cross-platform. Na verloop van tijd evolueerde het, werd vrijgegeven als open source en zijn ideeën blijven groeien dankzij een enorm aantal medewerkers.
material.ioEerder dit jaar kondigden ze tijdens de 2018 I / O-ontwikkelaarsconferentie van Google een bijgewerkte versie van Material Design aan. Volgens het team erachter is Material nu:
"Een aanpasbaar ontwerpsysteem - ondersteund door open source-code - waarmee teams hoogwaardige, digitale ervaringen kunnen opbouwen"
Material Design is niet langer alleen maar een ontwerptaal. Het evolueert naar een reeks hulpmiddelen die bedoeld zijn om de ontwerp- en ontwikkelingsworkflow te verbeteren. Laten we beginnen met te kijken naar "Material Theming".
"Materiaalthema-editor" is een plug-in voor Sketch en geeft u (ervan uitgaande dat u een Sketch en dus een Mac OS-gebruiker bent) volledige controle over kleuren, typografie, componenten en meer. Om het te downloaden, ga je naar de site Material en klik je op de prominente knop. Dubbelklik op het pakket dat u wilt installeren en vervolgens in Sketch kunt u dit openen via Plug-ins> Materiaal> Thema-editor openen ...
Klik Maak een nieuw thema in het dialoogvenster dat verschijnt, waarna u kunt kiezen uit een selectie van vooraf gedefinieerde thema's en op kunt drukken Opslaan.
Een nieuw thema selecterenOpslaan duurt even, omdat Sketch in wezen een nieuw document voor u maakt, het vult met de Material Design-elementen en componenten, allemaal netjes gerangschikt in pagina's, symbolen, stijlen en stalen.
De uitgebreide lijst met symbolen, perfect georganiseerdGalerij is een nieuwe functie voor materiaal, waarmee u uw ontwerpen kunt delen en eraan kunt samenwerken. Dit is een online platform dat u kunt openen door naar https://gallery.io te gaan. Log in met uw Google-account:
Om projecten aan uw Gallery toe te voegen, gaat u terug naar Sketch en navigeert u naar Plug-ins> Materiaal> Uploaden naar galerij ... U wordt gevraagd een project te selecteren of een nieuw project toe te voegen, hetzelfde geldt voor de verzameling waaraan u het wilt toevoegen. Dat is het! Uw project is nu beschikbaar om te delen met anderen. Medewerkers kunnen opmerkingen achterlaten en zelfs elementen in uw ontwerpen inspecteren, waardoor ze toegang hebben tot dimensies en details zonder Sketch zelf te hoeven maken.
Gebruikers krijgen ook een verwijzing naar de documenten voor het onderdeel dat ze inspecteren - nu dat nuttig is!
De Color Tool is het aanbod van Material Design om u te helpen experimenteren met kleurencombinaties en paletten in een intuïtieve omgeving. Ga naar https://material.io/tools/color/ voor toegang.
Klik in de gebruikersinterface om een primaire kleur, een secundaire kleur en aanvullende details, zoals tekst op uw primaire kleur, en tekst op uw secundaire kleur te definiëren. De voorvertoningen geven u real-time updates om u te laten zien hoe het eruit ziet.
Er is ook een tabblad Toegankelijkheid die u waarschuwt voor kleurencombinaties die niet voldoen aan de aanbevolen leesbaarheidsrichtlijnen.
Als u tevreden bent met uw kleurencombinatie, kunt u exporteren naar Android, iOS of internet (in de vorm van een CodePen):
Materiaalontwerp Exportopties voor Color ToolEen volledige lijst van alle nieuwe componenten die Materiaal te bieden heeft, is beschikbaar op de website, maar hier zijn een paar dat ik als bijzonder interessant beschouw:
Deze worden gebruikt voor het weergeven van navigatie- en toetsacties, onderaan mobiele schermen.
Backdrops zijn voor componenten die achter andere oppervlakken worden weergegeven, handig voor het weergeven van contextuele inhoud.
Dan hebben we banners. Dit zijn nieuwe componenten die berichten en gerelateerde acties weergeven.
Beeldlijsten zijn ook een nieuwe toevoeging, hoewel ze voorheen bekend waren als de iets minder veelzijdige "rasterlijsten".
Ten slotte hebben we tekstvelden. Niet nieuw precies, maar een vervanging voor de vorige generatie en nu beschikbaar in beide gevulde en geschetst smaken.
Nou daar hebben we het; een snel overzicht van wat er nieuw is in de nieuwste versie van Google's Material Design. Het hoeft nauwelijks gezegd te worden, maar er is nog veel meer te leren en aan boord te nemen, dus ga eens kijken, duik diep en laat ons weten wat je het meeste valt aan wat er nieuw is.
Accentsconagua