Materiaalontwerp: 'n Kykie na vandag se webontwerp

materiaal-ontwerp

Dit is amper twee jaar sedert Google ontwikkel en aangekondig het op die Google I / O-konferensie materiaal Design as 'n ontwerpregulasie wat geïmplementeer sou word en hoewel dit aanvanklik gefokus was op die reproduksie van inhoud in die Android-bedryfstelsel, was dit bedoel om 'n tendens op die internet en op enige platform te word, iets wat ons vandag kan bevestig. Alhoewel ons dit by geleentheid genoem het, is die waarheid dat ons nog nooit opgehou het om hierdie kodering in diepte te sien nie, dus gaan ons vandag die beginsels en die mees kenmerkende kenmerke daarvan hersien.

Wat is die bepalende kenmerke van materiaalontwerp? Wat het dit met die Flat Design-beweging te doen?

Wat om te sê oor hierdie tendens in webontwerp?

Die naam kom van sy mees praktiese sin, materie of materiaal moet so doeltreffend moontlik georganiseer en gestruktureer word en u sal daarop fokus. Hierdie beweging wil veral buigsaamheid, ergonomie en die vermoë om die konstruksie van 'n webwerf te vou en te vereenvoudig. Maar nie net die ruimtelike dimensie sal 'n belangrike plek inneem nie, maar ook die tyd, aangesien die elemente op sekere tye sekere posisies sal inneem, dit wil sê dat dinamiek ook 'n belangrike faktor sal wees. Daarbenewens sal hierdie faktore onvermydelik gelei word deur die intellek en logika, wat uiteindelik lei tot 'n soeke na realisme en die ruimtelike voorstelling van fisiese materie; dit neem in werklikheid die wette van die fisika en daarmee saam die elemente (beelde, knoppies, panele ...) kan mekaar nie kruis nie omdat hulle 'n groter gewig en visuele digtheid het, maar dit wat hulle sal doen, is om mekaar te oorvleuel.

Orde, duidelikheid, leesbaarheid

Al hierdie beginsels is natuurlik afkomstig van die manier waarop die grafiese komponente bestuur en versprei word, insluitend die tipografie, wat bowenal 'n duidelike leesbare oplossing sal wees. of minder sterk toon wat kontraste genereer wat ook deur grootte en orde genuanseer sal word.

Beligting en realisme

Die logika kom veral tot uiting in die gebruik van beligtingseffekte en die bestuur van ligte en skaduwees. Beligting is 'n goeie aanduiding van nabyheid, relevansie en situasie, dus dit sal 'n fundamentele instrument word om die hiërargie waarvan ons gepraat het, te beïnvloed. Nou, knoppies, prente en al die elemente het skaduwees wat die mate van nabyheid sal aandui en ons sal help om onsself op die webtoneel te plaas.

Beweging is die doeltreffendste instrument om die aandag te trek en die kyker te lei

Die taal daarvan sal in die oë van die gebruiker voor die hand liggend, grafies en verhelderend wees. As u 'n opsie of instrument kies, sal dit ons nader, die afmetings daarvan uitbrei en omgekeerd wanneer ons ophou om dit te gebruik. 'N Voorwerp sal ook van kleur verander of knip as dit ons aandag moet trek.

Ritme, orde, taal

Laat ons nie vergeet dat ons diep in ons binneste praat. Ons gaan deur die bronne wat webontwerp ons bied en daarom het al die tegnies-ekspressiewe parameters 'n betekenis: Van die volgorde van voorkoms, byvoorbeeld eers die beelde en dan die drywende knoppies, tot die snelheid waarmee dit verskyn, in watter rigting hulle doen dit en met watter doel beweeg hulle. Dit alles is belangrik, want nie net word die gebruiker aangedui waar die inligting vandaan kom nie, maar ook die reis word vergemaklik; die elemente word gerangskik om die leesproses intuïtief, maklik en aangenaam te maak. Ongetwyfeld is animasie en dinamiek 'n basiese pilaar.

Onbeperkte kodering

Al hierdie beginsels of standaarde wat ons hersien, is ontwerp en ontwikkel vir implementering op enige medium en platform, ongeag die aard daarvan en die skermgrootte wat dit bied. Van selfone, tablette of rekenaars. Alle moontlike ondersteunings en bestemmings ondersteun hierdie visuele taal, en die transversaliteit en verenigbaarheid daarvan is een van die belangrikste bestanddele daarvan.

Plat ontwerp is nie dieselfde as materiaalontwerp nie

Alhoewel hulle baie punte gemeen het, soos die verbintenis tot die mees klinkende minimalisme, is daar ook enorme verskille tussen albei kodes. Dit is egter nie versoenbaar nie en kan beslis perfek gekombineer word om die beste afwerkings te behaal, maar ons sal in 'n latere berig daaroor praat.


Die inhoud van die artikel voldoen aan ons beginsels van redaksionele etiek. Klik op om 'n fout te rapporteer hier.

2 kommentaar, los joune

Laat u kommentaar

Jou e-posadres sal nie gepubliseer word nie.

*

*

  1. Verantwoordelik vir die data: Miguel Ángel Gatón
  2. Doel van die data: Beheer SPAM, bestuur van kommentaar.
  3. Wettiging: U toestemming
  4. Kommunikasie van die data: Die data sal nie aan derde partye oorgedra word nie, behalwe deur wettige verpligtinge.
  5. Datastoor: databasis aangebied deur Occentus Networks (EU)
  6. Regte: U kan u inligting te alle tye beperk, herstel en verwyder.

  1.   Yerko Alfaro dijo

    Fran, ek het jou publikasie baie interessant gevind. Daar is nie veel inligting in Spaans oor hierdie onderwerp nie. As u dus belangstel, het ek die Spaanse vertaling van die materiaalontwerp-spesifikasie op my blog. Soos u, is my belangstelling dat die inligting die grootste aantal mense bereik, sodat hulle dit kan benut.

    Groete

  2.   grafiese ontwerpateljee dijo

    Baie goeie artikel !! Ek het niks van "Materiaalontwerp" geweet nie, maar van "Flat Design", al was dit net vir spesifieke smake. Ek sal probeer om sommige van die wenke te volg.

    'N groet
    David