52 verktøy for nettdesign som hjelper deg med å jobbe smartere i 2021

De beste webdesignverktøyene: Foto av John Kappa på Unsplash
(Bildekreditt: Foto av John Kappa på Unsplash)
Side 1 av 2: Side 1 HOPPE TIL:

Det er så mange flotte verktøy for nettdesign rundt i disse dager. Uansett hvilket problem du prøver å løse i arbeidsflyten for webdesign, er det sannsynlig at noen har laget et verktøy for det, enten det er et frittstående verktøy eller en funksjon i en større app. Og selv om webdesignmiljøet har endret seg mye siden de første dagene, er det fortsatt en ånd å dele arbeidet ditt, så mange av disse flotte verktøyene er gratis.

Spredningen av verktøy er en stor velsignelse, men det kan også føre til at du føler deg bortskjemt for valg, da det er så mange måter å gjøre det samme på. I denne artikkelen har vi avrundet det vi synes er de beste verktøyene akkurat nå. Selvfølgelig er det ikke en uttømmende liste, men forhåpentligvis vil vi gjøre det lettere for deg å sette sammen riktig verktøysett for arbeidsflyten ved å begrense den og markere noen av de aller beste.

Siden dette er en ganske lang liste, har vi ordnet verktøyene i seksjoner for å gjøre artikkelen lettere å navigere. På denne siden finner du komplett programvare for webdesign, etterfulgt av mer grunnleggende dedikerte wireframing-verktøy, og webdesignrammer og biblioteker. På side to er det en rekke mindre, mer spesialiserte verktøy for alt fra å jobbe med bilder til å dabble i AR og VR.



Mens du er her, vil du kanskje sjekke ut samlingen av beste webhotelltjenester og beste nettstedbyggere for 2020

hvordan du gjør neon i photoshop

GenerateJS-banner

Klikk på bildet for å finne ut mer og kjøpe billetter(Bildekreditt: Future / Toa Heftiba, Unsplash)

Komplette designverktøy

01. InVision Studio

InVision har som mål å være det eneste UI-verktøyet du

InVision har som mål å være det eneste UI-verktøyet du noen gang trenger(Bildekreditt: InVision)

InVision Studio har som mål å dekke alle baser og være det eneste UI-verktøyet du trenger. Den leveres med en mengde funksjoner som hjelper deg med å lage vakre interaktive grensesnitt, inkludert verktøy for rask prototyping, responsiv og samarbeidsdesign og arbeid med designsystemer.

Hvis du allerede bruker InVision med verktøy som Sketch, er det ganske mye crossover i funksjoner. Imidlertid ligger Studios kraft i prototypeavdelingen, spesielt hvis designet ditt involverer animasjon. Rask prototyping vil tillate deg å lage komplekse og fantasifulle overganger, slik at du virkelig kan oppnå det animasjonsnivået du ønsker. Bare finn ut hvordan du vil at brukergrensesnittet skal se på begynnelsen av overgangen, og utform deretter sluttresultatet. InVision Studio fungerer resten for deg.

På toppen av det kan du lage disse egendefinerte animasjonene og overgangene fra en rekke bevegelser og interaksjoner som å sveipe, klikke og sveve.

Når du er ferdig, eksporterer du prototypene dine gjennom InVision og inviter folk til å samarbeide. Du kan se prosjektet ditt på den tiltenkte plattformen - en fin måte å utforske og teste designet ditt på. Kundene vil da kunne kommentere designet.

På toppen av det, kan du slutte å tenke på å lage mange tegnebrett for flere enheter - Studios layoutmotor vil automatisk justere designet ditt til hvilken som helst skjerm. Denne tidsbespareren gir deg plass til å tenke så mye mer på designet ditt.

02. Skisse

Sketch har erstattet Photoshop som UI-designverktøy for mange webdesignere [Bilde: Bohemian Coding]

Sketch har erstattet Photoshop som UI-designverktøy for mange webdesignere [Bilde: Bohemian Coding](Bildekreditt: Bohemian Coding)

Bohemian Coding's Skisse er en av de mest brukte plattformene for nettdesign; det er et meget kraftig vektorbasert verktøy for å bygge grensesnitt og prototyper på en samarbeidende måte. Sketch ble bygget spesielt for å lage nettsteder og apper, så det er ingen unødvendige funksjoner som roter grensesnittet ditt, og det er raskere og mer effektivt enn programvare som har et bredere omfang.

Rory Berry, kreativ leder ved Superrb , byttet til Sketch i 2017, og anbefaler det på det sterkeste. 'Sammenlignet med Photoshop er det mye enklere å sortere alle dokumentene og gjøre endringer på Sketch,' begynner han. “Skisse har små dokumenter, mens Photoshop har store. På grunn av at det er en vektorbasert app, er filstørrelsene dramatisk mindre sammenlignet med Photoshop. ”

Og det er ikke alt. “Det innebygde rutenettet i Sketch er flott og gjør grensesnittdesign mye enklere. Jeg tror det generelle brukergrensesnittet og den minimale følelsen gjør det mye renere å designe og brukervennlig. Photoshop virker veldig komplisert i sammenligning. ”

Samfunnet tilbyr hundrevis av Skiss-plugins for å gjøre designarbeidsflyten enklere og jevnere.

Ulempen med Sketch er at den bare er tilgjengelig på Mac, og det er ingen planer om å støtte andre operativsystemer. Dette har vært et problem, ettersom designere ofte vil dele .sketch-filer med utviklere som bruker Windows. Heldigvis er det nå en 'Sketch for Windows' -applikasjon Ensomhet som vil åpne og redigere .sketch-filer og eliminere det meste av denne smerten - les om den i Eksport og konvertering delen av denne artikkelen.

Ikke gå glipp av vår de beste tipsene for bruk av Sketch .

03. Adobe XD

Adobe XD har et lett grensesnitt som lar deg prototype enkelt

Adobe XD har et lett grensesnitt som lar deg prototype enkelt(Bildekreditt: Adobe)

Adobe XD tilbyr det beste miljøet for digitale prosjekter under Adobe Creative Cloud-pakken. Hvis du er en ivrig Adobe-bruker og ny i XD, vil du kanskje ikke synes grensesnittet er veldig 'Adobe'-aktig til å begynne med. Imidlertid stabler det opp til de andre ledende verktøyene der ute. Det er et hopp hvis du også har designet i Photoshop, men veldig verdt det for UI-design.

Dette vektordesign- og wireframing-verktøyet blir stadig bedre, med tillegg som støtte for stemmeprototyping for å sikre at verktøyet kan følge med på de nyeste trendene innen UX. XD inkluderer tegneverktøy, verktøy som lar deg definere ikke-statiske interaksjoner, forhåndsvisning av mobil og skrivebord og delingsverktøy for å gi tilbakemelding på design. Det lar deg velge en enhetsspesifikk tegnebrettstørrelse for å starte et prosjekt, og du kan til og med importere et populært UI-sett, for eksempel Googles Material Design.

Avgjørende er at Adobe XD integreres med resten av Creative Cloud, noe som betyr at du enkelt kan importere og jobbe med eiendeler fra Photoshop eller Illustrator. Hvis du allerede bruker andre Adobe-apper, vil brukergrensesnittet føles hyggelig og kjent og bør ikke presentere for mye av en læringskurve.

Andrei Robu , designdirektør ved Robu Studio i Barcelona, ​​er blant fansen. 'For raske modeller er det flott,' sier han. 'Det er et veldig lett grensesnitt, med mange bilder lastet inn, og flott for moodboards. Prototypingen er veldig nyttig for å vise klienter hvordan ting fungerer, spesielt fordi du kan skyve innholdet på nettet med en gang. '

Ellis Rogers, grafisk designer hos Resepsjonell Ltd. anbefaler det også. 'Når design / prototype eller wireframe er fullført, lar Adobe XD deg raskt velge elementer og lage sideoverganger for en fungerende prototype, som kan deles via en lenke,' forklarer han. 'Koblingen lar deg også samle tilbakemeldinger per side og holde det hele organisert. Koblingen kan oppdateres i Adobe XD, slik at klienten alltid kan se den nyeste versjonen uten å måtte bekymre seg for feil versjoner. Det er en absolutt glede å jobbe med. '

04. Marvel

Marvel

Marvel leveres med et integrert brukertestverktøy(Bildekreditt: Marvel)

Marvel er et annet webdesignverktøy som er flott for å produsere raske ideer, foredle et grensesnitt for hvordan du vil at det skal se ut og bygge prototyper. Marvel tilbyr en veldig fin måte å bygge sider på, slik at du kan simulere designet ditt gjennom en prototype. Det er noen fantastiske integrasjoner for å sette inn designene dine i prosjektarbeidsflyten. Interessant er det en integrert brukertestingsfunksjon, som fremdeles er ganske uvanlig i verktøyet for webdesign. Alt er også online, så du trenger ikke laste ned noe.

05. Figma

webdesignverktøy: Figma screengrab

Figma lar deg designe, prototype og samle tilbakemeldinger med andre designere i sanntid [Bilde: Figma]

Figma er et grensesnittdesignverktøy som gjør det mulig for flere designere å samarbeide i sanntid. Dette er veldig effektivt når du har flere interessenter i prosjektet som er involvert i å forme resultatet. Den er tilgjengelig i nettleseren, eller på Windows, Mac eller Linux, og det finnes både gratis og betalte versjoner, avhengig av hva du bruker den til.

Her er noen av de fremragende funksjonene:

'Figma har en lignende USP som Sketch, med unntak av å være plattform,' forklarer frontenddesigner Benjamin Les . “Da jeg brukte den til å lage et par ikoner, syntes jeg arbeidsflyten var utrolig jevn. Det tok meg ikke tid å lære og hadde den ekstra fordelen av å være samarbeidende: du kan dele grafikk med andre i appen. '

'Jeg har prøvd å bytte til Linux for mitt arbeid, og noen ganger bruker vi Windows, så Figma gir mening for meg fra et praktisk synspunkt,' legger han til.

Frilans innholdsforfatter og kunstarbeider David Eastwood har også gode ting å si om Figma. 'Det har også vært et veldig nyttig verktøy når vi har trengt å raskt spotte MVT-er; noen ganger små tillegg til en eksisterende layout. Vi elsker at du raskt kan lage design for stasjonær, nettbrett og mobil. '

06. Affinitetsdesigner

Affinity Designer er like kraftig på iPad som på desktop [Affinity Designer]

hvilken animasjonsprogramvare bruker rwby
Affinity Designer er like kraftig på iPad som på desktop [Affinity Designer](Bildekreditt: Serif)

Serif Affinitetsdesigner har blitt kalt 'Photoshop-morderen' av noen, og det er lett å se hvorfor, sier produktdesigner Og Edwards . 'Det var noen få funksjoner jeg virkelig likte, inkludert justerbare, ikke-ødeleggende lag. Dette betyr egentlig at du kan justere bilder eller vektorer uten å skade dem.

'Zoom på 1 000 000 prosent var bare lykke; Det er spesielt nyttig når du arbeider med vektorkunst, ettersom du virkelig kan komme i nærheten. Angre- og historiefunksjonene er også veldig praktiske: Affinity lar deg gå tilbake over 8000 trinn! '

`` Når det gjelder design, føles brukergrensesnittet kjent. Når du flytter fra Photoshop, ser det ut til at alle vil starte på nytt, noe som kan utgjøre en virkelig utfordring. Det Affinity har gjort er å holde oppsettet kjent, mens du strammer opp alt og skjuler distraksjoner. Jeg var lett i stand til å hoppe rett inn og begynne å designe. '

Affinity Designer er også tilgjengelig for iPad . Og merk at dette ikke er den nedskalerte versjonen av mobilappen du kan forvente: det er den samme fullversjonen du får på skrivebordet.

Ikke gå glipp av guidene våre for å bruke Pixel person , den Eksporter person og Pennverktøy i Affinity Designer. Vær også oppmerksom på at Serif også lager et Photoshop-alternativ, Affinitetsfoto og et InDesign-alternativ, Affinity Publisher ; som alle spiller pent sammen.

Mockups og prototyper

07. UXPin

UXPin: webdesignverktøy

UXPin lar deg prototype med interaktive tilstander og logikk(Bildekreditt: UXPin)

Det neste webdesignverktøyet i listen vår er UXPin. Denne dedikerte prototyping-appen er tilgjengelig for Mac, Windows eller i nettleseren. Med de fleste andre designverktøy kan du bare etterligne interaksjoner ved å koble forskjellige elementer på tegnebrettet, UXPin kommer nærmere koden og lar deg jobbe med interaktive tilstander, logikk og kodekomponenter.

Det er integrerte elementbiblioteker for iOS, Material Design og Bootstrap, pluss hundrevis av gratis ikon sett , for å hjelpe deg på vei. UXPin har også nylig introdusert tilgjengelighetsfunksjoner for å sikre at designene dine holder seg i tråd med WCAG-standardene, som vi applauderer.

API Request er det siste tilskuddet til UXPins interaksjonsfunksjoner. Funksjonen lar deg prototype app som 'snakker' med produktene dine direkte fra designverktøyet ditt - uten behov for kode. Det fungerer ved at du kan sende HTTP-forespørsler til en ekstern API.

Du kan lage din første prototype i UXPin gratis, og hvis det passer, bytter du til et betalt månedlig abonnement (teammedlemskap er tilgjengelig). UXPin forbedret nylig integrasjonen med Sketch, så det kan være en å introdusere i arbeidsflyten din hvis du er en Sketch-fan som synes at prototypingegenskapene er begrensende.

08. Proto.io

Dette verktøyet hjelper deg med å lage virkelige prototyper

Dette verktøyet hjelper deg med å lage virkelige prototyper(Bildekreditt: Proto.io)

Proto.io er en topp applikasjon som gjør det mulig å starte naturtro prototyper som begynner med tøffe ideer og ender med fullverdige design. Verktøyet gir deg også en rekke muligheter for prosjektene dine, inkludert detaljerte og tilpassede vektoranimasjoner.

Du kan begynne med å utvikle første ideer med en håndtegnet stil, bearbeide dem i trådrammer og avslutte dem med en high-fidelity-prototype. Sketch og Photoshop-pluginene hjelper hvis du vil designe ved hjelp av andre verktøy, men Proto.io håndterer end-to-end designprosessen godt. Andre funksjoner - for eksempel brukertesting - hjelper med å validere designene dine. Dette er en alt-i-ett-løsning med et stort antall pålitelige merker som allerede bruker den.

Det er en rekke flotte demoer å begynne å spille med, og du kan virkelig se hvor lett denne end-to-end-løsningen kan erstatte en rekke verktøy som er på plass. Relativt nylige tillegg har Proto.io nylig tatt med et omfang av nye funksjoner - inkludert eiendomsforvaltere, utviklerveiledninger og muligheten til å registrere prototypen din - bringe dette verktøyet i tråd med mange av de bedre prototypeverktøyene.

09. Balsamiq

Balsamiq-grensesnitt

Balsamiq er flott for rask wireframing(Bildekreditt: Balsamiq)

Hvis rask og effektiv wireframing er det du leter etter da Balsamiq er et sterkt forslag. Du kan raskt utvikle en struktur og oppsett for prosjektene dine. Dra og slipp-elementer gjør livet lettere, og du kan koble knapper til andre sider. Ved wireframing kan du raskt begynne å planlegge grensesnittene dine og dele dem med teamet eller klientene dine. Balsamiq har gått siden 2008 og er stolt av sin lave trofasthet, raske, fokuserte no-nonsense-tilnærming.

10. ProtoPie

Begynn å leke med innfødte sensorer ved hjelp av dette verktøyet

Begynn å leke med innfødte sensorer ved hjelp av dette verktøyet(Bildekreditt: ProtoPie)

Nettdesignverktøy Protopic lar deg lage komplekse interaksjoner og komme nær designens ideelle sluttfunksjon. Kanskje den fremtredende funksjonen er muligheten til å kontrollere sensorene til smarte enheter i prototypen din, for eksempel vippe-, lyd-, kompass- og 3D Touch-sensorer. Avhengig av prosjektet ditt, er dette et flott verktøy for de som ønsker å omfatte funksjoner for innfødte apper. Det er enkelt som kake, og det kreves ingen kode.

Nylig utgitt versjon 4.2 inneholder to nye svært etterspurte funksjoner: nå kan du legge til redigerbare SVG-er i scenene dine, og finne avstanden mellom to lag umiddelbart etter valg.

11. MockFlow

MockFlow

Dette verktøyet er flott for å spotte grove ideer(Bildekreditt: MockFlow)

MockFlow er en pakke med applikasjoner for wireframing og planlegging av nettsteder. WireframePro hjelper deg med å sette opp din første ide og deretter gjenta den til den er helt riktig - det er en UI-revisjonssporing som hjelper deg med dette. Den leveres med tusenvis av forhåndsbygde komponenter og oppsett som du kan justere for å oppfylle dine krav, og det er en forhåndsvisningsmodus for presentasjon av arbeidet ditt for kolleger og kunder.

Når du har gjort wireframes, kan resten av suiten hjelpe deg med andre aspekter ved planlegging av nettstedet ditt, inkludert informasjonsarkitektur, lage en stilguide (denne kan genereres automatisk) og jobbe gjennom en påloggingsprosess.

Hvis du vil se noen andre alternativer, kan du sjekke ut vår oversikt over toppen trådrammeverktøy .

12. Adobe Comp

Adobe Comp er et fantastisk nettdesignverktøy for iPad som hjelper til med å lage trådrammer, prototyper og layoutkonsepter for websider. En Creative Cloud-drevet intelligent skisseplate, hvis du vil. Den har grunnleggende maler for en rekke oppsett for mobil og nett, og til og med kan du skrive ut hvis det er din ting, og du kan lage raske plassholdere ved å tegne intuitive figurer for å representere bilder, tekst og mer. Comp konverterer grove konturer til rette linjer, sirkler og rektangler.

Foruroligende har Adobe ikke sett seg til rette for å inkludere direkte eksport til XD - gal! - til tross for en langvarig forespørsel som har vært under gjennomgang for det som virker for alltid. Eksport til Photoshop er imidlertid innebygd (sammen med Illustrator og InDesign), og når tilpasninger til mockupen din blir gjort i den allestedsnærværende bildeditoren, kan du deretter eksportere derfra til XD. Til tross for dette uvelkomne ekstra trinnet i Adobe devotee wireframers brukerreise, fortjener Comp fullt ut sin inkludering i denne listen med muligheter hvor som helst, brukervennlighet og imponerende brukergrensesnitt.

13. Flinto

Flinto-grensesnitt

Design før- og etterstatene, og Flinto vil finne ut forskjellen og animere for deg(Bildekreditt: Flinto)

Flinto er et designverktøy som lar deg skape unike interaksjoner i designene dine. Du kan bruke en rekke bevegelser, og gjøre enkle overganger ved å designe tilstandene før og etter. Flinto bare finner ut forskjellene og animerer for deg - super nyttig.

Husk at dette bare er iOS, men det vil føles kjent når du begynner å bruke det. Det er dokumentasjon på nettet som hjelper deg på vei, og det er også enkelt å importere fra Sketch og Figma.

14. Aksel

Axure-grensesnitt

Wireframe komplekse grensesnitt med dynamiske data(Bildekreditt: Axure)

Axure har alltid vært et av de beste wireframing-verktøyene på markedet, flott for komplekse prosjekter som krever dynamiske data. Med Axure kan du virkelig fokusere på å spotte prosjekter som både er tekniske og krever nøkkeloppmerksomhet på struktur og data.

Axures avleveringsprosess inkluderer oppretting av grundige spesifikasjoner som hjelper utviklere å lage et sluttprodukt som samsvarer med designene dine.

15. Justinmind

Justinmind

Justinmind integreres med verktøy som Sketch og Photoshop(Bildekreditt: JustInMind)

Justinmind vil hjelpe med prototyping, og integreres med andre verktøy som Sketch og Photoshop. Du kan velge samspill og bevegelser for å hjelpe til med å montere prototypen din. Den inneholder også UI-sett, slik at du kan sette sammen skjermer raskt, og det er også responsivt.

16. Væske

Væskegrensesnitt

Væske er bra for rask UI-design(Bildekreditt: Fluid)

Væske er et enkelt og intuitivt verktøy for å bygge raske prototyper og utvikle design. Den inneholder noen fine eiendeler utenom boksen for å få deg i gang med raske prototyper. Når du har oppgradert, er det veldig enkelt å sette sammen dine egne symboler med dine egne foretrukne UI-eiendeler. Dette verktøyet tilbyr veldig rask UI-design, med eiendeler tilgjengelig for både high- og low fidelity-prototyper.

17. Samspill

Samspill hjelper til med å holde alle på samme side [Bilde: Samspill]

Samspill hjelper til med å holde alle på samme side [Bilde: Samspill](Bildekreditt: Samspill)

Samspill er et prototypesystem som forbedrer kommunikasjonen og samarbeidet på teamet ditt, spesielt mellom designere og utviklere. Den er bygget med tanke på designsystemer, og integreres med koden din for å generere dokumentasjon som er enkel å følge og oppdateres automatisk. Å holde alle på samme side og oppdatert er en kjernefunksjon - så når koden din oppdateres, blir også designen din. Samspill er fortsatt i beta, men fungerer allerede med en rekke store design- og utviklingsverktøy.

Design rammer og biblioteker

18. Bootstrap

webdesignverktøy: Bootstrap screengrab

Gammel favoritt Bootstrap har noen kraftige nye oppdateringer

Støvelhempe er absolutt ikke et nytt verktøy, men det har revolusjonert utviklingen og fortsetter å forme hvordan vi bygger ting på nettet.

I skrivende stund introduserte den nyeste versjonen (4.4.1, lansert november 2019) nye responsive containere som er flytende opp til et visst brytpunkt, og nye responsive .row-cols-klasser for å spesifisere antall kolonner på tvers av breakpoints effektivt.

Bootstrap har også nylig lansert sitt eget open source ikonbibliotek, Bootstrap-ikoner , som er designet for å fungere med Bootstrap-komponenter.

Finn beste gratis Bootstrap-temaene i vår guide .

19. Oppstart 3

Lag et Bootstrap-nettsted uten å skrive kode [Bilde: Designmodo]

Lag et Bootstrap-nettsted uten å skrive kode [Bilde: Designmodo](Bildekreditt: Designmodo)

Hvis du liker Bootstrap, men ikke vil dykke ned i det rå, er Startup 3 den enkle måten; det er en online app med innebygde maler og temaer for å bygge nettsteder basert på Bootstrap 4 med et 12-kolonne rutenett. Du kan bygge nettstedet ditt uten å skrive kode ved hjelp av dra-og-slipp-grensesnittet, men du trenger litt kunnskap om HTML og CSS for å fullføre ting.

20. Vue.js

webdesignverktøy: vue.js screengrab

Ikke vant til komplekse JavaScript-biblioteker? Vue.js er perfekt for deg [Bilde: Vue.js]

Vue.js er et rammeverk for å bygge brukergrensesnitt, og bruker en virtuell DOM. Som navnet antyder, er Vue kjernebibliotek fokusert på visningslaget.

Se på et kodeeksempel, hentet fra Vue's dokumenter, som bruker brukerinndata og demonstrerer bibliotekets eleganse. Vi begynner med HTML:

{{ message }}

Reverse Message

Legg merke til den tilpassede v-on-håndtereren som kaller reversMessage metode. Her er JavaScript:

var myApp = new Vue({ el: '#example', data: { message: 'Hello Vue.js!' }, methods: { reverseMessage: function () { this.message = this.message.split(''). reverse().join('') } } });

Dette eksemplet fylte avsnittet med data og definerer reversMessage metode. Vue er flott for de som er mindre erfarne med komplekse biblioteker, men har også en rekke plugins for å hjelpe deg med utvikling av komplekse enkeltsideprogrammer.

21. Mønsterlaboratorium

nettdesignverktøy: Pattern Lab screengrab

Pattern Lab er basert på Atomic Design [Bilde: Pattern Lab]

Pattern Lab er et vakkert mønsterdrevet designverktøy laget av Dave OIsen og Brad Frost. Det er basert på begrepet Atomic Design , som sier at du bør dele designen din opp i de minste delene - atomer - og kombinere dem for å danne større, gjenbrukbare komponenter - molekyler og organismer - som deretter kan gjøres om til brukbare maler.

Selv om det i sin kjerne er en statisk stedsgenerator som syr sammen UI-komponenter, er det mye mer å gjøre Mønster Lab enn det. Det er språk-og verktøy-agnostisk; den lar deg hekke UI-mønstre inne i hverandre og designe med dynamiske data; den har enhetsagnostiske visningsendringsverktøy for å hjelpe deg med å sikre at designsystemet ditt er fullt responsivt; og den er fullt utvidbar, slik at du kan være sikker på at den utvides for å dekke dine behov.

22. Materiell design

Materialdesign er et sett med prinsipper fra Google [Bilde: Google]

hvordan du får kunsten til å se profesjonell ut
Materialdesign er et sett med prinsipper fra Google [Bilde: Google](Bildekreditt: Google)

Materiell design er et visuelt språk fra Google som tar sikte på å kombinere de klassiske prinsippene for god design med innovasjoner innen teknologi og vitenskap for å skape et sammenhengende og fleksibelt grunnlag for nettstedet ditt.

Nettsteder og apper som er laget med Material Design-rammeverket, vil se moderne ut og være kjent for brukeren, slik at folk vil finne det enkelt å bruke produktet ditt med en gang. Det er mange verktøy tilgjengelig for å hjelpe med dette designsystemet; klikk Ressurser på navlinjen for å finne dem.

GenerateJS-banner

(Bildekreditt: Future / Toa Heftiba, Unsplash)

Bli med oss ​​i april 2020 med vårt utvalg av JavaScript-superstjerner på GenerateJS - konferansen som hjelper deg med å bygge bedre JavaScript. Bestill nå på generateconf.com

Neste side: Spesialiserte webdesignverktøy for å løse ethvert problem

  • 1
  • to

Nåværende side: Side 1

Neste side Side 2