Top 10 websites voor het maken van gratis smartphone-mockups
Diversen / / December 02, 2021
Digitale mockups zijn een geweldige manier om uw werk te presenteren, zoals een nieuw app-idee, een nieuw logo of een nieuw innovatief UI-ontwerp. Maar er een maken is geen gemakkelijke taak en vereist meestal kennis van tools zoals: Photoshop en illustrator.
![T10 Online Mockups Cp](/f/11ae0363c9c139a92dfb2d2d28f567e6.png)
Het leren van deze twee is een uitdaging op zich, en niemand heeft de tijd om hun app-idee aan iemand achter op een papieren servet te laten zien. Online mockup-makers zijn de tools die dit proces zo eenvoudig maken als een kwestie van een paar klikken.
![Plaats het betaald-abonnement](/f/7bc953d40ca65b19f7bc708fc7c09b4f.png)
Maar als je gaat zoeken op Google, worden de meeste diensten die u vindt betaald. Daarom hebben we een lijst samengesteld met top 10 websites, die we ook vaak gebruiken, om gratis mooie mockups te maken.
Opmerking: Hoewel geen van deze sites opdringerige advertenties vertoont, wordt aanbevolen om uw adblockers uit te schakelen, aangezien sommige webelementen mogelijk niet volledig worden geladen, wat tot bruikbaarheidsproblemen kan leiden.
1. Smartmockups.com
Onze eerste keuze, Smartmockups, bevat een enorme verzameling mockups voor verschillende media, zoals digitaal en gedrukt. U kunt uw idee visualiseren op een smartphone, tablet, laptop, mokken, kopjes, briefpapier en zelfs t-shirts.
Aanmelden is vereist om de service te gebruiken, en het gratis account heeft enkele limieten, zoals het beperken van de aanpassing van de uiteindelijke mockup. Het biedt wel basishulpmiddelen zoals Uitlijnen, Bijsnijden, Roteren en Omdraaien om de geüploade afbeelding te wijzigen, maar biedt geen Glare-instellingen. Een andere leuke feature is dat je met een gratis account de uiteindelijke mockups in hoge resolutie kunt downloaden.
Bezoek Smartmockups.com
2. MockUPhone.com
De tweede website op de lijst heeft niet zo'n grote collectie als die van Smartmockups, maar ze zijn wel gespecialiseerd in één categorie. Alle mockups bij MockUPhone hebben een effen witte of gekleurde achtergrond.
Hiermee kunnen lokale afbeeldingen worden geüpload, maar er zijn geen bewerkingsopties zoals bijsnijden of roteren. Zorg er dus voor dat u uw afbeeldingen uploadt na de nodige bewerkingen. De site richt zich voornamelijk op Apple-producten en hun lijst met Android-apparaten is niet up-to-date met de nieuwste smartphones. Zowel de staande als de liggende oriëntatie van de mockups die eenmaal zijn gegenereerd, worden naar uw e-mail gestuurd (ja, u moet er een opgeven) omdat deze geen onmiddellijke download biedt.
Bezoek MockUPhone.com
Mockuper biedt voornamelijk mockups van gadgets met een paar andere items zoals visitekaartjes en wat kleding. Het biedt meer dan 637 community-sourced mockups met links naar de oorspronkelijke maker.
Mockuper is ook een van mijn favorieten omdat het verschillende opties biedt om geüploade afbeeldingen te bewerken en je uiteindelijke mockups in verschillende resoluties kunt downloaden. Bronafbeeldingen kunnen lokaal of vanaf een URL worden geüpload. Eenmaal geüpload, kun je bijsnijden, uitlijnen, spiegelen, zoomen en zelfs kiezen hoe je een schittering (reflectie) op het scherm wilt nabootsen. De gebruikersinterface van de site is ook heel gemakkelijk te begrijpen en te gebruiken.
Bezoek Mockuper.net
Tip: Klik op de knop Alle mockups in de bovenste balk van de pagina om alle 637 mockups te zien.
4. MagicMockups.com
MagicMockups is een zeer eenvoudige mockup-generator en heeft een beperkte verzameling apparaten, voornamelijk iPhones. Alle andere apparaten, zoals laptops en desktop-pc's, komen uit de productfamilie van Apple.
Maar zijn kracht ligt in het omzetten van de prachtig geschoten stockfoto's in mockups. U kunt afbeeldingen alleen lokaal uploaden en de site biedt geen bewerkingsopties. Je zult merken dat de achtergrond van de mockups voornamelijk houten tafelbladen en donkere oppervlakken zijn. Ten slotte legt deze site geen beperking op aan de resoluties tijdens het downloaden van de uiteindelijke mockups.
Bezoek MagicMockups.com
Ook over Guiding Tech
5. Dunnnk.com
Voordat je je mockups op LeBron James-jersey begint voor te stellen, wil ik je vertellen dat Dunnnk niets met basketbal te maken heeft. Het is een andere eenvoudige mockup-generator die voornamelijk gadget-mockups biedt.
De meeste van hun mockups zijn in POV-stijl met apparaten die in de hand worden gehouden. De lijst met Android-apparaten is echter niet up-to-date. Dunnnk ondersteunt alleen lokale uploads en biedt geen hulpmiddelen voor het bewerken van afbeeldingen. Ook kunnen de uiteindelijke mockups in slechts één vaste resolutie worden gedownload.
Bezoek Dunnnk.com
6. MockUpsJar.com
MockUpsJar heeft, net als de eerste op de lijst (SmartMockups), een uitgebreide verzameling mockups en volgt het Freemium-model. Ze bieden zowel gratis als betaalde abonnementen. Op MockUpsJar zijn geselecteerde mockups gratis, en de uiteindelijke downloads zijn voorzien van een watermerk, maar het is verstandig om ze niet onbruikbaar te maken.
Afbeeldingen kunnen alleen lokaal worden geüpload en na het uploaden kunnen ze naar wens worden bijgesneden, ingezoomd en geroteerd. De uiteindelijke mockups kunnen worden gedownload in een resolutie tot 2K. Ten slotte is aanmelding vereist om een van de mockups te downloaden.
Bezoek MockUpsJar.com
Mockup.io is heel anders dan de anderen op de lijst. Het is meer een wireframe en prototyping mockup-tool voor smartphone-apps, om te visualiseren hoe de UI en UX van de app eruit zullen zien en zich zullen gedragen. Als zodanig zijn er geen telefoons op mooie achtergronden geplaatst, dus je krijgt gewoon een standaard telefoonframe.
Er zijn tal van samenwerkingsfuncties waarmee teams kunnen samenwerken. Met deze tool kun je een aantal ontwerpschetsen van je app uploaden en ze allemaal koppelen om te laten zien hoe de navigatie en interactie in werkelijkheid zullen werken. Deze tool is de beste voor degenen die een dynamische mockup van hun werk willen laten zien.
Bezoek Mockup.io
8. MockDrop.io
Als een van de eenvoudigere websites op de lijst, knoeit MockDrop.io niet met aanmeldingen, beeldbewerkingen of e-mails. Selecteer gewoon een mockup, upload uw afbeelding en klik op de downloadknop. Dat is zo simpel als het wordt. De ontwerpen zijn ook een van de betere in vergelijking met anderen op de lijst.
De mockups zijn afkomstig uit de community, zoals bij de meeste andere op de lijst, met de link van de oorspronkelijke maker op elke mockup. De uiteindelijke mockups zijn in hoge resolutie te downloaden en de collectie is zoals gebruikelijk in het voordeel van de Apple-apparaten.
Bezoek MockDrop.io
9. Threed.io
Threed is de tweede ongebruikelijke mockup-maker op deze lijst na de Mockup.io-site. Threed is een 3D-mockupgenerator, waarbij je een enkel iPhone-achtig 3D-model van een smartphone krijgt.
U kunt slepen, draaien, zoomen, de camerahoeken wijzigen, schermverblinding selecteren en tal van andere dingen om een beter idee te krijgen van hoe uw ontwerpen eruit zullen zien op een echt apparaat. De generator is soepel en gemakkelijk te begrijpen.
Bezoek Threed.io
10. Mockup.photos
De laatste op onze lijst is Mockup.photos, een freemium-site die ook freebies aanbiedt in de vorm van geselecteerde mockups. Er zijn ongeveer 380 gratis mockups, waaronder een mix van smartphones, tablets, laptops, fotolijsten en meer.
![Mockup-foto's 10](/f/571836acf47efd95158b9037b148479a.png)
Op de site kun je afbeeldingen lokaal of vanaf een URL uploaden. Er zijn geen beeldbewerkingsopties voor de geüploade afbeeldingen en de uiteindelijke mockup kan in slechts één hoge resolutie worden gedownload. Upgraden naar hun betaalde abonnement geeft je toegang tot meer dan 900 mockups en enkele andere functies.
Bezoek Mockup.photos
Ook over Guiding Tech
De ondersteunde apparaten
Voor uw gemak heb ik hieronder een handige vergelijkingstabel gemaakt om te begrijpen welke website welk type apparaten ondersteunt.
SmartMockups is de enige service die alle soorten digitale apparaten en het afdrukmedium ondersteunt.
![Apparatenlijst online mockups](/f/894504a4aadebfa1c4463edcd9dbf80a.png)
Dingen om in gedachten te houden
Na het controleren van de bovenstaande lijst, moet je je gerealiseerd hebben dat het proces van het maken van een mockup slechts een kwestie van een paar klikken is. Maar toch, er zijn weinig dingen waar u rekening mee moet houden als u een mockup wilt die beter is dan alleen goed. De eerste is de resolutie van de afbeelding die u uploadt. Alle mockups tonen meestal de vereiste/ondersteunde resolutie, en het is beter om de voorgestelde resolutie en de beeldverhouding aan te houden om de beste resultaten te krijgen.
![Blijf bij de resolutie](/f/756569e9faf33cf09d7147bd40b9a28e.png)
Ten tweede is het contrast en kleurafstemming. Kies een mockup met een achtergrond die niet in strijd is met het prominente kleurenschema van je afbeelding. Deze mockup-afbeelding helpt je dat te visualiseren.
![Clash Of Colors Mockup](/f/ac10cbafe15cb8e138e39fbf72e6840e.png)
Als de afbeelding die u uploadt geen hoge resolutie heeft, moet u ook geen versie van de uiteindelijke mockup met een zeer hoge resolutie downloaden, omdat dit uw werk niet zal accentueren.
Ten slotte, aangezien al deze sites hun diensten gratis aanbieden zonder opdringerige advertenties te tonen, overweeg dan om te doneren of, in het geval van freemium-sites, een abonnement te nemen voor slechts een maand om hen te helpen. Als je nog meer van zulke coole sites tegenkomt om mockups te maken, deel deze dan met ons in de comments.