10 enkle og raske Online Mockup verktøy som hjelper deg å forestille deg noe

Få best mulig utnyttelse av øyeblikkelig skapende teknologi, med dine egne mock-up-motiver. Mock-ups hjelper deg med å evaluere, rette feil og justere design før du lager dem. Design omtrent alt med disse verktøyene.

Få best mulig utnyttelse av øyeblikkelig skapende teknologi, med dine egne mock-up-motiver.  Mock-ups hjelper deg med å evaluere, rette feil og justere design før du lager dem.  Design omtrent alt med disse verktøyene.
Annonse

Hva om du bare kunne tenke på noe, skisse det, og så begynne å bruke det senere den dagen? Vi kommer nærmere den virkeligheten hvert minutt med fremkomsten av 3D-skrivere til hjemmebruk. 6 måter å benytte seg av en 3D-skriver hjemme. 6 måter å benytte seg av en 3D-skriver hjemme. La oss si at du hadde en 3D-skriver satt opp ved siden av datamaskinen akkurat nå, hva kan du realistisk gjøre med det i dag? Her er noen ideer. Les mer, dra-og-slipp programmering, CNC-rutere blir billigere, og andre nye teknologier.

For å få best mulig utbytte av disse øyeblikkelige oppstartsteknologiene trenger du muligheten til å mocke opp designet ditt slik at du kan evaluere det, fikse potensielle feil og tilpasse det til dine behov før du oppretter det. Det er hva denne artikkelen skal hjelpe deg med.

La oss se på ti verktøy som kan hjelpe deg med å designe prototyper for omtrent alt.

Applikasjonsdesign

La oss si at du vil bygge et nettsted eller lage en iOS- eller Android-app Lag din egen Smartphone-app med uendelige aper - Ingen kodingskunnskap kreves Lag din egen Smartphone-app med uendelige apekatter - Ingen kodingskunnskap nødvendig Det ville være flott hvis vi alle hadde tiden, ferdighetene og tålmodigheten til å lære datamaskinkoding, spesielt siden teknologien gjennomsyrer så mange områder av livet vårt. Men heldigvis er det applikasjoner og webutviklere ... Les mer. Det første du bør gjøre, er å skisse en wireframe. Hva er et nettsted Wireframe, og hvordan kan det hjelpe deg med å utvikle nettstedet ditt? Hva er en nettside Wireframe og hvordan kan det hjelpe deg med å utvikle nettstedet ditt? På et teknisk nivå er et moderne nettsted ikke bare en ting. Det er en kompleks suppe med interaktive teknologier, for eksempel HTML (markupen du ser på siden), JavaScript (språket som kjører i nettleseren din, ... Les mer, så du vet hvordan appen vil fungere. En wireframe er en ikke- -arbeidet oppsett av et program som hjelper deg med å finne ut hvordan appen din vil se ut og hvordan informasjonen vil flyte. Her er noen få verktøy for online mockup for å hjelpe deg med det.

Rammeboks (gratis)

Frame Box er et veldig enkelt dra-og-slipp-verktøy for å mocking opp et nettsted. Det er gratis, enkelt å bruke, og hvis du registrerer deg på nettstedet, kan du lagre wireframes og dele dem med andre. Dette hjelper virkelig hvis du samarbeider med en venn eller klient.

framebox-Wireframing-verktøy

iPhone Mockup (gratis)

Tillat for enten en skissemodus (vist) eller designmodus med rettere linjer, er iPhone Mockup et enkelt drage-og-slipp-app-mockup-verktøy. Hvis du bokmerker nettadressen til siden du arbeider med, kan du sende den til andre personer for å se designet. Kanskje ikke så praktisk som å registrere og lagre designet, men for en rask mock-up møter den behovet.

iPhone-mockup

Kreativt (gratis)

Hvis du noen gang har brukt noen av de mer robuste flytdiagrammene der ute, vil Creately bli en bris for deg å bruke. Ikke bare kan du mocke opp webdesign, men du kan gjøre iPhone apps, nettstedskart, database design og en rekke andre ting. Det er gratis å bruke på nettet, men for ubegrenset erfaring er det forskjellige prisplaner.

Creately-diagram-programvare


MIT App Inventor (Free)

Når du vil fla med en ide for en Android-app, er MIT App Inventor det beste stedet å gjøre det på nettet. Basert på Googles Blockly, lar App Inventor deg dra og slippe brukergrensesnittelementer og blokker med kode for å lage programmet. Du kan teste appen med sin onlineemulator eller rett på Android-enheten din. Med mange opplæringsprogrammer trenger du ikke en programvare engineering grad fra MIT å mockup programmer som en proff.

App Inventor og Blockly er utrolig lik MIT's Scratch programmeringsverktøy. Du kan lære mer om Scratch her Slik lærer barna programmering fra grunnen av! Hvordan lære barna programmering fra grunnen av! Les mer .

3D-design

Å være i stand til å designe verden i tre dimensjoner har aldri vært enklere. Fra å legge ut et hjem eller en bygning, til å produsere kunstverk eller konstruerte prototyper, er det mange gode elektroniske verktøy for å hjelpe deg med å mockup dine design og få dem til å bli oppfylt. Her er bare noen få du kan nyte:

Autodesk Homestyler (Free)

Når du kommer til Autodesk-siden, har du muligheten til å bruke 3D Room Designer eller 3D Floor Planner. Det du kan gjøre derfra, er bare tankene blåser. Hvert aspekt av et rom eller hjemme kan legges ut, byttes opp, møblert med varer du kan kjøpe fra favoritthandlerne dine, og lagres for fremtidig referanse. For inspirasjon vil deres gallerier av brukerdefinerte kreasjoner få deg til å gå i retninger du kanskje ikke har drømt om.

Bare se denne videoen som viser deg hva som kan gjøres i gulvplanleggeren.

Disse verktøyene er også tilgjengelig som nedlastbare apper for iOS eller Android. Lær litt mer om nytten av 3D Room Designer app DIY Droid: 6 Apps for å hjelpe deg med ditt neste hjem forbedringsprosjekt DIY Droid: 6 Apps for å hjelpe deg med ditt neste hjem forbedringsprosjekt Imagining ditt sommerhus renoveringsprosjekt? Kom i gang med noen Android-apper for å hjelpe deg hvert trinn på veien, fra inspirasjon til planlegging til bygging. Les mer s og flere andre hjemreparasjonsprogrammer på en Android.

Leopoly (gratis)

Leopoly er et flott sted å få føttene våte i 3D-design. Alle designene som er opprettet på nettstedet, anses å være en del av Creative Commons, og gjør for et stort bibliotek med elementer som du enkelt kan redigere for å møte dine ønsker og behov. Verktøy er like enkelt å bruke som et enkelt malingsprogram. Hvis du oppgraderer fra det gratis medlemskapet, kan du eksportere designet i formater som de fleste 3D-skrivere vil akseptere.

TinkerCAD (Free)

Hvis Leopoly er et utvalg av 3D-design, er TinkerCAD hele måltidet. Det er mange forhåndsdefinerte former å velge mellom, men hvis du vil komme inn på å skape noe fra grunnen, kan TinkerCAD bli så komplisert som du vil at den skal være. De er hyggelige nok til å gi flere gjennomgått opplæringsprogrammer for å komme i gang.

Når du har fullført ditt design, kan du eksportere filen, last ned for bruk i Minecraft, bestille en 3D-utskrift fra en av flere tjenester. eller last opp den til Thingiverse.

Elektronikk Design

123D kretser (gratis)

Alt dette snakker om Arduino og rask prototypingelektronikk Hva er Arduino: Alt du trenger å vite (i video) Hva er Arduino: Alt du trenger å vite (i video) Hva er en Arduino og hvorfor bør du bryr deg? I denne videoen prøver jeg å svare på det spørsmålet og mer. Les mer . Visste du at du kan komme i gang med å lære elektronikk og designe dine egne kretser gratis? Trygg? 123D-kretser gir deg et virtuelt brødbrett, en mengde komponenter, inkludert Arduino boards og AVR mikrokontrollere. Da har du muligheten til å kjøre simuleringer uten å måtte kjøpe deler, risikere skadelige komponenter eller sjokkere deg selv.

Ta en titt på videoen nedenfor for å se akkurat hva dette nybegynneren til proverktøyet kan gjøre.

Grafisk design

FontStruct (Free)

Har du en ide for en tilpasset skrifttype, vil du ha en designer perfekt for deg? FontStruct er et godt sted å leke med ideen din, kjøre den ut, og få øyeblikkelig tilbakemelding. Når du har noe som ligner på det du virkelig vil ha, bør du jobbe med detaljene med en profesjonell fontdesigner mye raskere.

Følgende er en intensiv introduksjon til FontStruct fra produsentene, FontShop.

Canva (gratis)

Foreløpig i beta-testing, er Canva til Photoshop hvilke automatiske overføringer er til biler. Vei enklere, men mangler nyanse. Uansett, det er derfor denne artikkelen handler om å spotte noe opp. Få den ut i Canva og del den med din grafiske designer. Dette vil hjelpe deg å unngå å være alle designere mareritt - personen som sier, "Jeg vet ikke hvordan jeg skal beskrive det, men jeg vet det når jeg ser det."

Ta en les gjennom vår artikkel fra Matthew Hughes om Canva Making Beautiful Designs Den enkle måten med Canva [Registrering og gratis kreditt] Lag vakre design Den enkle måten med Canva [Registrering og gratis kreditt] Hva om en søknad lovet å gjøre det mulig for noen å skape estetisk tiltalende design? Hva om å skape en virkelig vakker design var bare et spørsmål om å dra og slippe? Les mer når den fortsatt var i privat beta. Det gjør selv Matt programmerer en ganske anstendig designer også!

For å konkludere…

Internett og World Wide Web har virkelig gitt opphav til skaperenes tid. Ideer kan bli virkelighet i dager, eller sekunder hvis du vet hvor og hvordan du skal mocke opp. Vil du bruke noen av disse verktøyene for å lære mer om å lage ting? Har du ideer som du endelig kan komme ut av hodet og inn i den virkelige verden?

Jeg håper det, og jeg håper du deler dem med oss. Idéer inspirerer og lærer, og det handler det om. Tross alt er vi alle sammen i dette.

Bildekreditt: Skriveideer på en vegg, Kvinnearkitekt 3D-utskrift via Shutterstock.

In this article