10 enkla och snabba online mockupverktyg som hjälper dig att föreställa dig något

För bästa möjliga användning av snabbskapande teknik, med egna mock-up-mönster. Mock-ups hjälper till att utvärdera, åtgärda brister och anpassa design innan de skapas. Utforma nästan allt med dessa verktyg.

För bästa möjliga användning av snabbskapande teknik, med egna mock-up-mönster.  Mock-ups hjälper till att utvärdera, åtgärda brister och anpassa design innan de skapas.  Utforma nästan allt med dessa verktyg.
Annons

Vad händer om du bara kan tänka på något, skissa upp det och börja använda det senare den dagen? Vi kommer närmare den verkligheten varje minut med tillkomsten av 3D-skrivare för hemmabruk 6 sätt att använda en 3D-skrivare hemma 6 sätt att använda en 3D-skrivare hemma Låt oss säga att du hade en 3D-skrivare inrättad bredvid din dator just nu, vad kan du realistiskt göra med det idag? Här är några idéer. Läs mer, dra och släpp programmering, CNC-routrar blir billigare och andra nya tekniker.

För att göra bästa möjliga användning av dessa snabbskapande teknologier behöver du möjlighet att mocka upp din design så att du kan utvärdera den, åtgärda eventuella brister och anpassa den till dina behov innan du skapar den. Det är vad den här artikeln ska hjälpa dig med.

Låt oss titta på tio verktyg som kan hjälpa dig att designa prototyper för nästan vad som helst.

Applikationsdesign

Låt oss säga att du vill bygga en webbplats eller skapa en iOS- eller Android-app. Skapa din egen Smartphone App med oändliga apor. Ingen kodande kunskap krävs. Skapa din egen Smartphone App med oändliga apor. Ingen kodande kunskap krävs. Det skulle vara bra om vi alla hade tiden, färdigheter och tålamod att lära sig datorkodning, särskilt eftersom tekniken genomtränger så många delar av vårt liv. Men tack och lov finns det applikationer och webbutvecklare ... Läs mer. Det första du bör göra är att skissa en wireframe Vad är en webbplats Wireframe och hur kan det hjälpa dig att utveckla din webbplats? Vad är en webbplats Wireframe och hur kan det hjälpa dig att utveckla din webbplats? På en teknisk nivå är en modern webbplats inte bara en sak. Det är en komplex soppa av interagerande teknik, som HTML (den markering du ser på sidan), JavaScript (språket som körs i din webbläsare, ... Läs mer, så du vet hur appen ska fungera. En wireframe är en icke- -bearbetning av ett program som hjälper dig att räkna ut hur din app kommer att se ut och hur informationen kommer att flöda. Här är några verktyg för online mockup som hjälper dig med det.

Rambox (gratis)

Frame Box är ett mycket enkelt drag-och-släppverktyg för att mocka upp en webbplats. Det är gratis, enkelt att använda, och om du registrerar dig på webbplatsen kan du spara dina trådlistor och dela dem med andra. Det hjälper verkligen om du samarbetar med en vän eller klient.

framebox-wireframing-verktyg

iPhone Mockup (gratis)

IPhone Mockup är ett enkelt drag-och-släppa Apple App-mockup-verktyg, vilket gör det möjligt att använda sketch-läge (visat) eller designläge med raka linjer. Om du bokmärker webbadressen till sidan du jobbar med kan du skicka den till andra personer för att se din design. Kanske inte lika praktisk som att registrera och spara designen, men för en snabb mock-up möter det behovet.

iPhone-attrapp

Kreativt (gratis)

Om du någonsin använt några av de mer robusta flödesdiagrammen där ute, kommer Creately att vara en bris för dig att använda. Du kan inte bara mäta webbdesigner, men du kan göra iPhone-appar, webbplatskartor, databasdesign och en mängd andra saker. Det är gratis att använda online, men för den obegränsade upplevelsen finns det olika prisplaner.

creately schema-program


MIT App Inventor (Free)

När du vill fiska med en idé för en Android-app är MIT App Inventor det bästa stället att göra det online. Baserat på Googles Blockly tillåter App Inventor dig att dra och släppa användargränssnitt och block av kod för att göra ditt program. Du kan testa appen med sin onlineemulator eller direkt på din Android-enhet. Med massor av handledningar behöver du inte en mjukvaruteknik från MIT för att mockup-program som ett proffs.

App Inventor och Blockly är otroligt lik MITs Scratch programmeringsverktyg. Du kan lära dig mer om Scratch här Hur lär du barns programmering från scratch! Hur lär man barnprogrammering från början! Läs mer .

3D-design

Att kunna utforma din värld i tre dimensioner har aldrig varit enklare. Från att lägga ut ett hem eller en byggnad, till tillverkning av konstverk eller konstruerade prototyper, finns det många bra onlineverktyg som hjälper dig att mockup dina mönster och få dem att förverkligas. Här är bara några du kan njuta av:

Autodesk Homestyler (Free)

När du kommer till Autodesk-webbplatsen har du valet mellan att använda 3D Room Designer eller deras 3D Floor Planner. Vad du kan göra därifrån är bara tankar som blåser. Varje aspekt av ett rum eller hem kan läggas ut, bytas ut, inredas med saker du kan köpa från dina favorithandlare och sparas för framtida referens. För inspiration kommer deras gallerier av användarinlämnade skapelser att få dig att gå i riktningar du kanske inte ens drömt om.

Bara titta på den här videon som visar dig vad som kan göras i golvplaneraren.

Dessa verktyg finns också som nedladdningsbara appar för iOS eller Android. Lär dig mer om användbarheten av 3D Room Designer-appen DIY Droid: 6 Apps för att hjälpa till med ditt nästa hemförbättringsprojekt DIY Droid: 6 Apps som hjälper till med ditt nästa hemförbättringsprojekt Föreställer ditt sommarhus renoveringsprojekt? Kom igång med några Android-appar för att hjälpa dig varje steg i vägen, från inspiration till planering för att bygga. Läs mer s och flera andra hemrenoveringsprogram på en Android.

Leopoly (Free)

Leopoly är en utmärkt plats för att få fötterna våta i 3D-design. Alla mönster som skapas på webbplatsen anses vara en del av Creative Commons och gör för ett stort bibliotek med objekt som du enkelt kan redigera för att möta dina önskemål och behov. Verktygen är lika lätt att använda som något enkelt färgprogram. Om du uppgraderar från det fria medlemskapet kan du exportera din design i format som de flesta 3D-skrivare kommer att acceptera.

TinkerCAD (Free)

Om Leopoly är ett urval av 3D-design, är TinkerCAD hela måltiden. Det finns många fördefinierade former att välja mellan, men om du vill komma in på att skapa något från början, kan TinkerCAD bli så komplicerat som du vill att den ska vara. De är vänliga nog att ge flera genomgångstutorials för att komma igång.

När du har slutfört din design kan du exportera filen, ladda ner för användning i Minecraft, beställa ett 3D-utskrift från en av flera tjänster. eller ladda upp det till Thingiverse.

Elektronik Design

123D-kretsar (gratis)

Allt detta talar om Arduinos och snabb prototypingelektronik Vad är Arduino: Allt du behöver veta (i video) Vad är Arduino: Allt du behöver veta (i video) Vad är en Arduino och varför ska du bry dig? I den här videon försöker jag svara på den frågan och mer. Läs mer . Visste du att du kan komma igång med att lära elektronik och utforma dina egna kretsar gratis? Säkert? 123D-kretsar ger dig en virtuell brödbräda, en massa komponenter, inklusive Arduino-brädor och AVR-mikrokontroller. Då har du möjlighet att köra simuleringar utan att behöva köpa några delar, riskera skadliga komponenter eller chocka dig själv.

Ta en titt på videon nedan för att se precis vad det här nybörjaren till proverktyget kan göra.

Grafisk design

FontStruct (Free)

Har du en idé för en anpassad typsnitt skulle du vilja ha en designer perfekt för dig? FontStruct är ett bra ställe att spela med din idé, köta ut det och få omedelbar feedback. När du har någonting som liknar vad du verkligen vill, bör du arbeta ut detaljerna med en professionell typsnittshanterare mycket snabbare.

Följande är en intensiv introduktion till FontStruct från skaparna, FontShop.

Canva (gratis)

För närvarande i beta-test är Canva till Photoshop vilka automatiska överföringar är bilar. Vägen lättare, men saknar nyans. Det spelar ingen roll, det är därför som denna artikel handlar om att spotta upp något. Ta det ut i Canva och dela det med din grafiska designer. Det här hjälper dig att undvika att vara varje formgivare mardröm - den person som säger "Jag vet inte hur man beskriver det, men jag vet det när jag ser det."

Ta en läs igenom vår artikel från Matthew Hughes om Canva Making Beautiful Designs Det enkla sättet med Canva [Registrera och gratis kredit] Skapa vackra modeller Det enkla sättet med Canva [Registrera och gratis kredit] Vad händer om en ansökan lovade att göra det möjligt för någon att skapa estetiskt tilltalande mönster? Vad händer om man skapar en verkligt vacker design var bara en fråga om att dra och släppa? Läs mer när det fortfarande var privat beta. Det gör även Matt programmeraren en ganska anständig designer också!

Sammanfattningsvis…

Internet och World Wide Web har verkligen givit upphov till skaparens ålder. Idéer kan bli verklighet i dagar eller sekunder om du vet var och hur man mockar upp en. Kommer du använda något av dessa verktyg för att lära dig mer om att göra saker? Har du idéer som du äntligen kan komma ur huvudet och in i den verkliga världen?

Jag hoppas det, och jag hoppas du delar dem med oss. Idéer inspirerar och lär, och det är det vi handlar om. När allt kommer omkring är vi alla tillsammans.

Bildkredit: Skriva idéer på en vägg, Kvinnlig arkitekt 3D-utskrift via Shutterstock.

In this article