10 Easy & Quick Online Mockup Værktøjer, der hjælper dig med at forestille dig noget

Gør det bedste ud af instant-creation teknologier, med dine egne mock-up designs. Mock-ups hjælper med at evaluere, rette fejl og tilpasse design, før de oprettes. Design næsten alt sammen med disse værktøjer.

Gør det bedste ud af instant-creation teknologier, med dine egne mock-up designs.  Mock-ups hjælper med at evaluere, rette fejl og tilpasse design, før de oprettes.  Design næsten alt sammen med disse værktøjer.
Reklame

Hvad hvis du bare kunne tænke på noget, skitsere det, og så begynde at bruge det senere på dagen? Vi nærmer dig denne realitet hvert minut med fremkomsten af ​​3D-printere til brug i hjemmet 6 måder at gøre brug af en 3D-printer derhjemme 6 måder at gøre brug af en 3D-printer derhjemme Lad os sige, at du havde en 3D printer oprettet ved siden af ​​din computer lige nu, hvad kunne du realistisk gøre med det i dag? Her er nogle ideer. Læs mere, træk-og-slip programmering, CNC-routere bliver billigere og andre nye teknologier.

For at udnytte disse øjeblikkelige oprettelsesteknologier bedst muligt, har du brug for evnen til at mocke dit design, så du kan evaluere det, rette potentielle fejl og tilpasse det til dine behov, før du opretter det. Det er, hvad denne artikel skal hjælpe dig med.

Lad os se på ti værktøjer, der kan hjælpe dig med at designe prototyper til næsten alt.

Application Design

Lad os sige, at du vil opbygge et websted eller oprette en iOS- eller Android-app Opret din egen smartphoneapp med uendelige aber - Ingen kodende viden kræves Opret din egen Smartphone App med uendelige Monkeys - Ingen kodning Viden kræves Det ville være fantastisk, hvis vi alle havde tid, færdigheder og tålmodighed til at lære computer kodning, især da teknologien gennemsyrer så mange områder i vores liv. Men heldigvis er der applikationer og webudviklere ... Læs mere. Den første ting du skal gøre er at skitsere en wireframe. Hvad er et websted Wireframe, og hvordan kan det hjælpe dig med at udvikle dit websted? Hvad er et websted Wireframe & Hvordan kan det hjælpe dig med at udvikle dit websted? På et teknisk plan er en moderne hjemmeside ikke kun en ting. Det er en kompleks suppe af interagerende teknologier, såsom HTML (den markering du ser på siden), JavaScript (sproget, der kører i din browser, ... Læs mere, så du ved, hvordan appen vil fungere. En wireframe er en ikke- -arbejde layout af et program, der hjælper dig med at finde ud af, hvordan din app vil se ud, og hvordan oplysningerne vil flyde. Her er et par online mockupværktøjer til at hjælpe dig med det.

Rammeboks (gratis)

Frame Box er et meget simpelt træk-og-slip-værktøj til mocking op på et websted. Det er gratis, nemt at bruge, og hvis du registrerer dig hos webstedet, kan du gemme dine wireframes og dele dem med andre. Dette hjælper virkelig, hvis du samarbejder med en ven eller klient.

framebox-wireframing-værktøj

iPhone Mockup (gratis)

IPhone Mockup er et simpelt træk og slip Apple app-mockup værktøj, der giver mulighed for enten skitse-tilstand (vist) eller designtilstand med lige linjer. Hvis du bogmærker webadressen til den side, du arbejder på, kan du sende det til andre mennesker for at se dit design. Måske ikke så handy som at registrere og gemme designet, men for en hurtig mock-up møder det behovet.

iPhone-mockup

Kreativt (gratis)

Hvis du nogensinde har brugt nogle af de mere robuste flow charting software derude, vil Creately være en brise for dig at bruge. Ikke kun kan du mocke op på website designs, men du kan også gøre iPhone apps, site maps, database design og en lang række andre ting. Det er gratis at bruge online, men for den ubegrænsede oplevelse er der forskellige prisplaner.

Creately-diagram-software


MIT App Inventor (Free)

Når du vil fyre med en ide til en Android-app, er MIT App Inventor det bedste sted at gøre det online. Baseret på Googles Blockly giver App Inventor dig mulighed for at trække og slippe brugergrænsefladeelementer og blokke af kode til at gøre dit program. Du kan teste appen med deres onlineemulator eller lige på din Android-enhed. Med masser af tutorials, behøver du ikke en software engineering grad fra MIT at mockup programmer som en pro.

App Inventor og Blockly er utroligt ligner MIT's Scratch programmeringsværktøj. Du kan lære mere om Scratch her Sådan lærer du børn programmering fra bunden! Sådan lærer du børn programmering fra bunden! Læs mere .

3D Design

At kunne designe din verden i tre dimensioner har aldrig været lettere. Fra at lægge et hjem eller en bygning, til fremstilling af kunstværker eller konstruerede prototyper, er der mange gode onlineværktøjer til at hjælpe dig med at mockup dine designs og bringe dem i opfyldelse. Her er blot nogle få, du kan nyde:

Autodesk Homestyler (Free)

Når du kommer til Autodesk-webstedet, har du valget mellem at bruge deres 3D Room Designer eller deres 3D Floor Planner. Hvad du kan gøre derfra er bare tankerne blæser. Hvert aspekt af et værelse eller hjem kan udlægges, ændres op, møbleret med genstande, du kan købe hos dine favoritforhandlere, og gemmes til fremtidig reference. Til inspiration vil deres gallerier af brugerindgivne kreationer få dig til at gå i retninger, som du måske ikke har drømt om.

Bare se denne video, der viser dig, hvad der kan gøres i gulvplanlæggeren.

Disse værktøjer er også tilgængelige som downloadbare apps til iOS eller Android. Lær mere om brugen af ​​3D Room Designer app DIY Droid: 6 Apps til hjælp til dit næste hjem forbedringsprojekt DIY Droid: 6 Apps til at hjælpe med dit næste boligforbedringsprojekt Imagining dit sommerhus renoveringsprojekt? Kom i gang med nogle Android-apps til at hjælpe dig med alle trin i vejen, fra inspiration til planlægning til bygning. Læs mere s og flere andre hjem renovering apps på en Android.

Leopoly (Free)

Leopoly er et godt sted at få dine fødder våde i 3D-design. Alle design skabt på hjemmesiden anses for at være en del af Creative Commons, hvilket gør et stort bibliotek af genstande, som du simpelthen kan redigere for at imødekomme dine ønsker og behov. Værktøjer er lige så nemme at bruge som ethvert enkelt malingsprogram. Hvis du opgraderer fra det gratis medlemskab, kan du eksportere dit design i formater, som de fleste 3D-printere vil acceptere.

TinkerCAD (Free)

Hvis Leopoly er en prøve af 3D-design, er TinkerCAD den fulde måltid aftale. Der er mange foruddefinerede former at vælge imellem, men hvis du vil komme ind på at skabe noget fra bunden, kan TinkerCAD blive så kompleks som du vil have det. De er venlige nok til at give flere gennemgangstutorials for at komme i gang.

Når du har færdiggjort dit design, kan du eksportere filen, download til brug i Minecraft, bestil en 3D-udskrift fra en af ​​flere tjenester. eller upload det til Thingiverse.

Elektronik Design

123D kredsløb (gratis)

Alt dette snakker om Arduino og hurtig prototypingelektronik Hvad er Arduino: Alt du behøver at vide (i video) Hvad er Arduino: Alt du behøver at vide (i video) Hvad er en Arduino, og hvorfor skal du passe? I denne video forsøger jeg at besvare dette spørgsmål og meget mere. Læs mere . Vidste du, at du kan komme i gang med at lære elektronik og designe dine egne kredsløb gratis? Sikker? 123D Circuits giver dig et virtuel brødbræt, en flok komponenter, herunder Arduino boards og AVR mikrocontrollere. Derefter har du mulighed for at køre simuleringer uden at skulle købe dele, risikere skadelige komponenter eller chokerer dig selv.

Tag et kig på videoen nedenfor for at se, hvad dette nybegynder til pro værktøj kan gøre.

Grafisk design

FontStruct (Free)

Fik en ide til en brugerdefineret skrifttype, du vil gerne have en designer perfekt til dig? FontStruct er et godt sted at spille med din ide, kød det ud og få øjeblikkelig feedback. Når du har noget, der ligner det, du virkelig vil have, skal du udarbejde detaljerne med en professionel skrifttype designer hurtigere.

Følgende er en intensiv introduktion til FontStruct fra skaberne, FontShop.

Canva (Free)

I øjeblikket i beta-test er Canva til Photoshop, hvilke automatiske transmissioner der skal til biler. Vejen lettere, men mangler nuance. Det er ligegyldigt, hvorfor denne artikel handler om at narre noget op. Få det ud i Canva og del det med din grafiske designer. Dette vil hjælpe dig med at undgå at være hvert designers mareridt - den person der siger, "Jeg ved ikke, hvordan man beskriver det, men jeg ved det, når jeg ser det."

Tag en gennemgang af vores artikel fra Matthew Hughes om Canva Making Beautiful Designs Den nemme måde med Canva [Tilmeld og gratis kredit] Gør smukke designs Den nemme måde med Canva [Tilmeld og gratis kredit] Hvad hvis en ansøgning lovede at gøre det muligt for nogen at skabe æstetisk tiltalende design? Hvad hvis man skaber et virkelig smukt design var bare et spørgsmål om at trække og slippe? Læs mere, når den stadig var i privat beta. Det gør selv Matt, programmøren en ret anstændig designer også!

Afslutningsvis…

Internettet og World Wide Web har virkelig givet anledning til Makerens Alder. Idéer kan blive virkelighed i dage eller sekunder, hvis du ved, hvor og hvordan man mocker op. Vil du bruge et af disse værktøjer til at lære mere om at lave ting? Har du ideer, du endelig kan komme ud af dit hoved og ind i den virkelige verden?

Jeg håber det, og jeg håber du deler dem med os. Idéer inspirerer og underviser, og det handler det om. Vi er jo alle sammen i dette sammen.

Billedkredit: Skriveideer på en væg, Kvindelig arkitekt 3D-udskrivning via Shutterstock.

In this article