10 eenvoudige en snelle online mockup-tools die u helpen om alles te bedenken

Maak het beste gebruik van instant-creatie technologieën, met uw eigen mock-up ontwerpen. Mock-ups helpen bij het evalueren, herstellen van fouten en het aanpassen van ontwerpen voordat ze worden gemaakt. Ontwerp zo ongeveer alles met deze hulpmiddelen.

Maak het beste gebruik van instant-creatie technologieën, met uw eigen mock-up ontwerpen.  Mock-ups helpen bij het evalueren, herstellen van fouten en het aanpassen van ontwerpen voordat ze worden gemaakt.  Ontwerp zo ongeveer alles met deze hulpmiddelen.
Advertentie

Stel dat u iets zou bedenken, het zou kunnen schetsen en het later die dag zou kunnen gebruiken? We komen elke minuut dichter bij die realiteit met de komst van 3D-printers voor thuisgebruik 6 manieren om thuis gebruik te maken van een 3D-printer 6 manieren om thuis gebruik te maken van een 3D-printer Laten we zeggen dat je een 3D-printer hebt geïnstalleerd op dit moment naast je computer, wat zou je er vandaag realistisch mee kunnen doen? Hier zijn enkele ideeën. Read More, slepen-en-neerzetten programmeren, CNC-routers steeds goedkoper worden, en andere opkomende technologieën.

Om optimaal gebruik te maken van deze technologieën voor instantcreatie, hebt u de mogelijkheid nodig om uw ontwerp te modelleren, zodat u het kunt evalueren, eventuele fouten kunt verhelpen en aan uw behoeften kunt aanpassen voordat u het gaat maken. Dat is waar dit artikel je mee gaat helpen.

Laten we tien tools bekijken die u kunnen helpen bij het ontwerpen van prototypen voor vrijwel alles.

Applicatieontwerp

Laten we zeggen dat u een website wilt bouwen of een iOS- of Android-app wilt maken Maak uw eigen smartphone-app met oneindige apen - geen codering Kennis vereist Maak uw eigen smartphone-app met oneindige apen - geen codering Kennis vereist Het zou geweldig zijn als we allemaal hadden de tijd, vaardigheden en geduld om computercodering te leren, vooral omdat technologie zo veel gebieden van ons leven doordringt. Maar gelukkig zijn er toepassingen en webontwikkelaars ... Lees meer. Het eerste dat u moet doen, is een draadframe schetsen Wat is een website-wireframe en hoe kan het u helpen uw website te ontwikkelen? Wat is een website-wireframe en hoe kan het u helpen uw website te ontwikkelen? Op een technisch niveau is een moderne website niet slechts één ding. Het is een complexe soep van interactieve technologieën, zoals HTML (de markeringen die u op de pagina ziet), JavaScript (de taal die in uw browser wordt uitgevoerd, ... Lees meer, zodat u weet hoe de app zal werken. -bewerkte layout van een programma dat u helpt erachter te komen hoe uw app eruit zal zien en hoe de informatie zal stromen. Hier zijn een paar online mockup-tools om u daarbij te helpen.

Frame Box (gratis)

Frame Box is een heel eenvoudige tool om bestanden te slepen en neer te zetten om een ​​website te mopperen. Het is gratis, gemakkelijk te gebruiken en als u zich registreert bij de site, kunt u uw wireframes opslaan en met anderen delen. Dit helpt echt als je samenwerkt met een vriend of klant.

framebox-wireframing-instrument

iPhone Mockup (gratis)

De iPhone Mockup is een eenvoudige app-mockup-tool met slepen en neerzetten, die zowel een schetsmodus (weergegeven) of ontwerpmodus met rechtlijnige lijnen biedt. Als u een bladwijzer maakt voor de URL van de pagina waaraan u werkt, kunt u deze naar anderen verzenden om uw ontwerp te bekijken. Misschien niet zo handig als het registreren en opslaan van het ontwerp, maar voor een snelle mock-up voldoet het aan de behoefte.

iPhone-mockup

Creately (gratis)

Als je ooit een aantal van de krachtigere stroomschema-software hebt gebruikt, dan is Creately een koud kunstje om te gebruiken. Je kunt niet alleen websites ontwerpen, maar je kunt ook iPhone-apps, plattegronden, database-ontwerp en tal van andere dingen doen. Het is gratis om online te gebruiken, maar voor de onbeperkte ervaring zijn er verschillende tariefplannen.

Creately-chart-software


MIT App Inventor (gratis)

Als je een idee wilt hebben van een Android-app, is de MIT App Inventor de beste plek om dat online te doen. Gebaseerd op Blockly van Google, kunt u met App Inventor elementen van de gebruikersinterface en codeblokken slepen en neerzetten om uw programma te maken. Je kunt de app testen met hun online emulator of rechtstreeks op je Android-apparaat. Met veel tutorials heb je geen software engineering diploma nodig van MIT tot mockup-programma's als een professional.

App Inventor en Blockly zijn ongelooflijk vergelijkbaar met MIT's Scratch-programmeertool. U kunt hier meer over Scratch lezen. How To Teach Kids Programming From Scratch! How To Kids Programming from Scratch leren! Lees verder .

3D-ontwerp

Je wereld in drie dimensies kunnen ontwerpen, was nog nooit zo eenvoudig. Of het nu gaat om het neerzetten van een huis of gebouw, het vervaardigen van kunstwerken of technische prototypen, er zijn veel geweldige online tools om je te helpen je ontwerpen te modelleren en tot wasdom te brengen. Hier zijn er maar een paar waarvan je kunt genieten:

Autodesk Homestyler (gratis)

Wanneer u op de Autodesk-site bent, heeft u de keuze tussen het gebruik van hun 3D Room Designer of hun 3D Floor Planner. Wat je vanaf daar kunt doen, is gewoon geweldig. Elk aspect van een kamer of huis kan worden opgemaakt, aangepast, voorzien van items die je bij je favoriete retailers kunt kopen en bewaard voor toekomstige referentie. Ter inspiratie zullen hun galerijen van door gebruikers ingezonden creaties je op weg helpen in richtingen waar je misschien nog nooit van hebt gedroomd.

Bekijk deze video gewoon om u te laten zien wat er in de vloerplanner kan worden gedaan.

Deze tools zijn ook beschikbaar als downloadbare apps voor iOS of Android. Leer meer over het nut van de 3D Room Designer-app DIY Droid: 6 apps om je volgende thuisverbeteringsproject te helpen DIY Droid: 6 apps om je volgende thuisverbeterproject te helpen Stel je je zomerhuisrenovatieproject voor? Ga aan de slag met sommige Android-apps om u bij elke stap te helpen, van inspiratie tot plannen en bouwen. Lees Meer s en verschillende andere vernieuwingsapps voor thuis op een Android.

Leopoly (gratis)

Leopoly is een geweldige site om je voeten nat te krijgen in 3D-ontwerp. Alle ontwerpen die op de site zijn gemaakt, worden beschouwd als onderdeel van de Creative Commons, waardoor er een grote bibliotheek met items is die u eenvoudig kunt bewerken om aan uw wensen en behoeften te voldoen. Gereedschappen zijn net zo eenvoudig te gebruiken als elk eenvoudig verfprogramma. Als u een upgrade van het gratis lidmaatschap uitvoert, kunt u uw ontwerp exporteren in indelingen die de meeste 3D-printers accepteren.

TinkerCAD (gratis)

Als Leopoly een voorbeeld is van 3D-ontwerp, dan is TinkerCAD de volledige maaltijdaanbieding. Er zijn veel voorgedefinieerde vormen waaruit je kunt kiezen, maar als je iets helemaal zelf wilt maken, kan TinkerCAD zo gecompliceerd worden als je wilt. Ze zijn zo vriendelijk om verschillende walk-through tutorials te geven om mee te beginnen.

Nadat u uw ontwerp hebt voltooid, kunt u het bestand exporteren, downloaden voor gebruik in Minecraft, een 3D-afdruk bestellen bij een van de verschillende services. of upload het naar Thingiverse.

Elektronica ontwerp

123D Circuits (gratis)

Al dit gepraat over Arduinos en rapid prototyping electronics Wat is Arduino: alles wat je moet weten (in video) Wat is Arduino: alles wat je moet weten (in video) Wat is een Arduino en waarom zou je erom moeten geven? In deze video probeer ik die vraag te beantwoorden, en meer. Lees verder . Wist je dat je gratis aan de slag kunt met het leren van elektronica en het ontwerpen van je eigen circuits? Veilig? 123D Circuits biedt u een virtueel breadboard, een reeks componenten, waaronder Arduino-kaarten en AVR-microcontrollers. Dan heb je de mogelijkheid om simulaties uit te voeren zonder onderdelen te hoeven kopen, componenten te riskeren of jezelf te choqueren.

Bekijk de onderstaande video om te zien wat deze beginner tot pro-tool kan doen.

Grafisch ontwerp

FontStruct (gratis)

Hebt u een idee voor een aangepast lettertype waarvan u graag wilt dat een ontwerper perfect voor u is? FontStruct is een goede plaats om met uw idee te spelen, het uit te werken en onmiddellijk feedback te krijgen. Zodra u iets heeft dat lijkt op wat u echt wilt, zou het uitwerken van de details met een professionele lettertypeontwerper een stuk sneller moeten gaan.

Hierna volgt een intensieve inleiding tot FontStruct van de makers, FontShop.

Canva (gratis)

Momenteel is Canva in bètatest aan Photoshop wat automatische transmissies voor auto's zijn. Veel eenvoudiger, maar zonder nuance. Het maakt niet uit, daarom gaat dit artikel over het bespotten van iets. Download het in Canva en deel het met uw grafisch ontwerper. Dit zal je helpen om elke ontwerpersnachtmerrie te vermijden - de persoon die zegt: "Ik weet niet hoe ik het moet beschrijven, maar ik zal het weten wanneer ik het zie."

Lees ons artikel van Matthew Hughes over Canva Making Beautiful Designs De Easy Way met Canva [Signup & Free Credit] Mooie ontwerpen maken De Easy Way met Canva [Signup & Free Credit] Wat als een applicatie beloofde het voor iedereen mogelijk te maken? om esthetisch aantrekkelijke ontwerpen te maken? Wat als het maken van een echt mooi ontwerp gewoon een kwestie van slepen en neerzetten was? Meer lezen wanneer het zich nog in de privé-bèta bevond. Het maakt zelfs Matt de programmeur een behoorlijk fatsoenlijke ontwerper!

Ten slotte…

Het internet en het world wide web hebben echt het tijdperk van de maker doen ontstaan. Ideeën kunnen in dagen of seconden werkelijkheid worden als je weet waar en hoe je een mop moet maken. Gebruik je een van deze tools om meer te leren over het maken van dingen? Heb je ideeën dat je eindelijk uit je hoofd kunt komen en de echte wereld in kunt?

Ik hoop het en ik hoop dat je ze met ons deelt. Ideeën inspireren en onderwijzen, en daar gaat het ons allemaal om. We zitten tenslotte allemaal hierin samen.

Image Credit: ideeën schrijven aan de muur, architect van een vrouwelijke architect 3D printen via Shutterstock.

In this article