Mockups

Mockups si kreativ, dacks fotorealistesch Presentatiounen déi weisen wéi en Design an der realer Welt ausgesäit oder funktionéiere kann. An anere Wierder, d'Ëmsetzung vun enger vun dësen 4 professionnelle Mockup-Techniken bitt en Abléck an d'Zukunft: e Logo-Design gedréckt op enger Täsch, déi vun Casual Shoppers gedroe gëtt, eng App, déi vun enger onsichtbarer Hand gerullt gëtt, oder souguer e ganz Markengeschäft. Maacht et iwwerzeegend, Dir musst wëssen, wéi Dir professionell Layouten maacht. Hei wäerte mir Iech soen wéi Dir dëst maacht.

Och wa se aus Biller sinn, sinn Design Layouten am effektivsten wann se eng Geschicht erzielen. D'Betreiung an d'Detailer, déi an d'Geschicht gesat ginn, bestëmmen ob d'Publikum se genéisst oder se schlofen.

Et ginn zwee Elementer déi eng Layouttechnik erfollegräich maachen: kreativ Zeenastellung a realistesch Inklusioun vum Design. Mir hunn virdru e fréiert Thema mat Tipps ofgedeckt, déi sech op d'Formuléierung vun engem Layoutkonzept konzentréiert hunn an déi richteg Biller auswielen fir eng Geschicht ze erzielen. An dësem Artikel wäerte mir d'technesch Aspekter kuerz skizzéieren fir e Mockup vun Ärem Design ze kreéieren mat de 4 meescht üblech Mockup Methoden.

Layout vum Buch. Ufuerderunge fir Buch Design.

1. Schafen Är eege Layout vun Null. Mockups
-

E personaliséierte Layout ass e Layout dee komplett un e spezifeschen Design personaliséiert ass. Wann Dir wëllt eenzegaarteg Mockups ze schafen, Mir recommandéieren dës Technik ze erreechen beschte Resultater. Gitt datt den Zweck vun engem Mockup Presentatioun ass a schlussendlech Iwwerzeegung (dh en Designkonzept ze verkafen), seet selbstverständlech datt dee iwwerzeegendste Mockup een ass dee fir e spezifesche Client entworf ass.

Awer natierlech, Mockups vun Null ze kreéieren fir all Projet ass net déi prakteschst Approche. Dëst erfuerdert vill Effort fir eppes wat am Wesentlechen eng eemoleg Presentatioun ass Verméigen. Dëst ass och nëmme nëtzlech wann d'Layoutkonzept ganz originell ass - et huet kee Sënn mat all dëse Probleemer ze mëschen wann d'Resultat net vun der Schabloun z'ënnerscheeden ass. Schlussendlech ass et un Iech fir ze entscheeden ob Dir passionéiert genuch sidd iwwer de Projet oder de Client fir déi extra Meile ze goen fir en eenzegaartege Mockup ze kreéieren.

Fir e wierklech personaliséierte Layout braucht Dir originell Fotoen. Dëst erlaabt Iech e Szenlayout ze kreéieren dee vill méi no un Är Designvisioun ass, wärend Stockfotoen duerch hir Natur fir allgemeng Astellungen a Szenen entworf sinn. Wann Dir d'Ausrüstung, d'Erfahrung an d'Zäit hutt, kënnt Dir Är eege Fotoen maachen. An dësem Fall sollt Dir d'Szen am Viraus brainstormen oder skizzéieren, ähnlech wéi Dir e Film storyboard kéint.

Wat ass Verkafsmarge? a Wéi et ze berechnen

Dir kënnt och e professionnelle Fotograf astellen, awer dëst ass natierlech eng Ausgab déi net fir all Designer praktesch wäert sinn - dëst ass méi wahrscheinlech am Räich vun enger Designagentur déi mat schafft Firmenclienten. Eng super Alternativ ass Fotoen ze benotzen déi dem Client gehéieren: zum Beispill, Designer Top Level goopanic applizéiert seng Academia de Artes Branding op richteg Fotoen vun der Schoul a senge Studenten. Och wann dës Fotoen net esou sinn héich QualitéitAls professionnell Stock Fotoen ginn se dem Client eng méi authentesch Iddi wéi hiren Design schlussendlech ausgesäit.

Wann Dir Är Fotoen hutt, musst Dir Fotobeaarbechtungssoftware benotze fir Ären Design an d'Bild ze integréieren. Déi meescht üblech Software fir dësen Zweck ass Adobe Photoshop, awer Affinity Photo a Gimp sinn zouverlässeg Alternativen. Dës Programmer bidden vill Tools a Guiden fir realistesch Resultater z'erreechen, a si kachen am Fong op déi folgend:

• Transformatiounsinstrumenter fir den Design mam Bild ze passen
• Vermëschungsmodi fir Textur aus der Originalfoto ze integréieren
• Upassungsschichten fir mat Beliichtung, Faarf a Kontrast ze schaffen

 

Wann Dir wëllt mat personaliséierten Animatiounen schaffen, benotzt Animatiounssoftware wéi After Effects: zum Beispill, Dir kënnt Schichtmasken benotze fir Scrollanimatioune fir Apps op enger Telefonfoto ze kreéieren.

Erfuerderen Tools

• Fotografie an / oder fotografesch Ausrüstung
• Software fir Foto Redaktioun (Photoshop, Serif Photo, Gimp)
• * Optional * Animatiounssoftware (Adobe After Effects)

Ausgaben

• Mëttelméisseg bis héich

Plus

• D'Resultat ass Mockups déi méi spezifesch sinn a wouer der Visioun vum Designer sinn.
• Quell Biller; keng Waasserzeechen oder brauche Lizenzen ze kafen

Минусы

• Deier a verlaangt vill Effort; verlaangt méi déif Software Wëssen
• Ineffektiv an Zäitopwänneg
  Büro Dréckerei fir Geschäfter vum Azbuka Dréckerei.

2. Schafen reusable Layout Schablounen. Mockups.
-

Benotzerdefinéiert Layout Templates sinn Layouten déi Designer selwer kreéieren, awer si generesch genuch fir iwwer verschidde Projete benotzt ze ginn. Wéi mir an der leschter Sektioun uginn hunn, kann personaliséiert Mockups fir all Projet onpraktesch an deier sinn, awer dës Method erlaabt den Designer Mockups ze kreéieren déi souwuel originell a wiederverwendbar sinn zu méi niddrege Käschten.

Dëst ass och e Wee fir den Designer seng eegen ze addéieren perséinlech Mark oder repetitive Stil an Äre Presentatiounen u Clienten.

De Prozess fir Mockup Templates ze kreéieren ass wesentlech d'selwecht wéi personaliséiert Mockups erstellen: Dir musst nach ëmmer eng Foto kafen an e Fotobeaarbechtungsprogramm benotzen fir den Design ze integréieren. Een Ënnerscheed ass d'Approche fir Äre Layout ze fotograféieren: et sollt vague genuch sinn fir fir verschidde Clienten ze schaffen - zum Beispill, anstatt all z'identifizéierend Kuliss ze benotzen, konzentréieren den Top-Tier Designer Daria V. seng Layouthannergrënn op illustréiert Akzenter déi geännert kënne ginn mat all Projet.

Dëst kann hëllefen Clienten ze gruppéieren baséiert op gemeinsamen Themen, wéi Industrie (Dir kéint eng Layout Schabloun fir all Är Restaurant-Besëtzer Clienten hunn, eng fir all Är Retail Clienten, etc.). Dëst mécht et méi einfach Biller ze wielen déi a gemeinsame Kontexter funktionnéieren.

Buch Layout Generatoren: 5 GRATIS Tools

Fir kierperlech Produkter erstellen e puer Designer eidel Rendering vum Produkt mat 3D Software wéi Adobe Dimension, an dëst huet den zousätzleche Virdeel fir d'Schafe vu rotéierbaren, animéierten Layouten z'erméiglechen.

Fir Äre Template Layout am Photoshop ze kreéieren, ass Äert Zil am Fong d'Dokument opzestellen sou datt den Design einfach an zukünfteg Projeten ersat ka ginn, wärend all Är Manipulatioun. Photoshop bitt zwee dofir nëtzlech Tools:

Photoshop Smart Objekter. Mockups.

E Smart Object ass wesentlech e Container deen e Bild an engem verlinkte Dokument späichert, wat Iech erlaabt drastesch Ännerungen an Ärer gréisserer Zesummesetzung ze maachen ouni d'Originalbild ze beaflossen. Wann Dir e Bild an engem Smart Objet ersetzt, gëtt et an der Zesummesetzung aktualiséiert mat all Är Ännerunge fir dat ugewannt.

Also, mat Mockups, alles wat Dir maache musst ass d'Designschicht an e Smart Objet am Ufank vum Projet konvertéieren (gitt op Layer> Smart Objects> Convert to Smart Object). Duerno kënnt Dir einfach den Design am Smart Objet ersetzen déi nächst Kéier wann Dir e Layout braucht.

Photoshop Aktiounen. Mockups.

Aktiounen notéieren d'Ännerungen, déi Dir an engem Photoshop-Dokument maacht, sou datt Dir dës Schrëtt mat engem Klick op e Knäppchen widderhuelen kënnt, wat repetitiv Aufgaben eliminéiert. Also mat engem Mockup kënnt Dir eng Handlung benotze fir all Transformatiounen an Effekter ze notéieren déi Dir op en Design applizéiert fir datt et mat enger Foto passt, an déiselwecht Ännerungen op en aneren Design an der Zukunft applizéieren andeems Dir op e Knäppchen klickt.

Erfuerderen Tools

• Fotografie an / oder fotografesch Ausrüstung
• Fotobearbeitungssoftware (Photoshop, Serif Photo, Gimp)
• * Optional * 3D Produktmodelléierungssoftware

Ausgaben

• Mëttelméisseg

Plus

• Widderholl Benotzung mécht et den Effort wäert fir personaliséiert Layouten ze kreéieren.
• Quell Biller; keng Waasserzeechen oder brauche Lizenzen ze kafen

Минусы

• Verlaangt méi fortgeschratt Software Wëssen
• Et kann e Verschwendung vun Effort sinn, wann d'Resultater net anescht genuch sinn wéi eng Drëtt-Partei Schabloun.

3. Benotzt eng Mockup Generator Websäit.
-

Eng Mockup Generator Websäit ass en Online Service deen Stock Biller an AI Software benotzt fir automatesch e Mockup vun enger Drëtt Partei Template ze generéieren. Typesch ass alles wat en Designer maache muss ass hiren Design eropzelueden an d'Software këmmert sech ëm all technesch Themen.

Dës Method ass bei wäitem déi bëllegst an einfachst Léisung, awer et huet e puer Nodeeler. Déi doraus resultéierend Layout wäert unoriginal ginn, a gëtt dass vill Designer déi selwecht Service benotzt hunn, et ass net selten déi selwecht Layout Biller ze gesinn ad nauseum all Portfolio Siten schéngen. Zur selwechter Zäit kann et an enger Prise nëtzlech sinn, an ausser de Client ass e Designer Mockup Provider, si wäerten et wahrscheinlech egal sinn.

Wann Dir e Service auswielt, sollt Dir déi folgend berücksichtegen: Präis, Qualitéit a Relevanz. Wat de Präis ugeet, si vill Mockup-Generatoren gratis ze benotzen, och wann Dir oppassen sollt op verstoppte Onbequemlechkeeten wéi Waasserzeechen derbäisetzen oder eng limitéiert Auswiel u Templates. Soss ass de Präis normalerweis baséiert op Abonnement Modeller, an déi meescht vun de Servicer, déi ech iwwerpréift hunn, sinn am $10 bis $20 pro Mount.

Qualitéit kënnt op perséinleche Goût erof, awer Dir sollt Zäit verbréngen fir d'Layouten ze studéieren déi aner Designer a Konkurrenten benotzen fir e Gefill ze kréien fir wat clever ass a wat generesch ass. Dir kënnt och Servicer wéi Trustpilot benotze fir Benotzerrezensiounen ze fannen déi Iech soen, iwwer d'Promotiounsmaterial, wéi gutt de Service funktionnéiert a wat déi tatsächlech Resultater sinn.

Screenshot vun der Smartmockups Design Mockup Generator Homepage

Endlech, e puer vun dëse Siten spezialiséiert op verschidden Zorte vu Layouten, an Dir musst een wielen, datt op Är Projeten relevant ginn, virun allem wann Dir en Abonnement kaaft. Zum Beispill, Artboard Studio a Mockup Mark spezialiséiert op Dréckerei an Layouten Kleeder. Servicer wéi AppMockUp a Mockuuups Studio spezialiséiert op digital Design Mockups. Mëttlerweil bidden Smartmockups, Renderforest a Placeit gemeinsame Mockup Templates fir béid Drécken an Digital.

Erfuerderen Tools

• Zouverlässeg Internetverbindung
• * Optional * Site Layout Memberschaft

Ausgaben

• Vun fräi ze niddreg

Plus

• Schnell an ouni Ustrengung; keng Software Wëssen néideg
• Qualitéit kann heiansdo no bei engem personaliséierte Layout sinn

Минусы

• Erstellt e gemeinsame Look mat Biller déi vill Designen online benotzen.
• Den Abonnementmodell ass nëmme nëtzlech wa verschidde Layouten gebraucht ginn.

4. Benotzt eng Software Plugin fir eng schafen Layouten.
-

Mockup Plugins sinn Drëtt Partei Integratiounen déi mat Designsoftware verbannen fir Mockups ze kreéieren. Wesentlech erlaben dës Uwendungen Designer Layouten an engem eenzege Programm ze designen an ze kreéieren, mam zousätzleche Virdeel datt den Designer d'Tools vum Programm benotze kann fir Ännerungen am Layout ze maachen nodeems se erstallt goufen.

Et ass dat Bescht vu béide Welten: eng preiswert, wéineg Effort, personaliséierbar Schabloun. Mat deem gesot, dës Method ass allgemeng fir digital Design geduecht, an déi meescht Plugins zielen op Applikatioun Prototyping Software wéi z. Croquis , figma и Adobe XD .

Et gi verschidde populär Servicer déi eroflueden Plugins ubidden, dorënner Wénkel , Rotéieren и Mokup Frames . Well dës Software eroflueden ass, brauch se normalerweis eng eemoleg Bezuelung. Dëse Präis ass normalerweis méi héich wéi déi meescht Mockup Generator Siten, awer et ass méi niddereg op laang Siicht well Dir keng Abonnementskäschte bezuelt.

Dir musst Site-spezifesch Instruktioune verfollegen fir de Plugin an Är Software erofzelueden an z'installéieren. Vun do aus hutt Dir d'Méiglechkeet den Design vun Ärer Software op de Layout z'applizéieren. De Prozess ass ähnlech wéi d'Benotzung vun enger Websäit mat engem Mockup Generator: de Plugin erstellt automatesch Äre Mockup an Dir benotzt d'Personaliséierungsinstrumenter fir se ze verfeineren.

Erfuerderen Tools

• Design Software (Sketch, Figma, Adobe XD)
• Lizenz an Plugin download

Ausgaben

• Niddereg

Plus

• Schnell an ouni Ustrengung; Kleng Software Wëssen erfuerderlech
• Mockups ginn an Designsoftware erstallt als Deel vum Designprozess.

Минусы

• Erstellt e gemeinsame Look mat Biller déi vill Designen online benotzen.
• D'Resultater sinn net vill anescht wéi online Mockup Generatoren

Et ass Zäit eenzegaarteg Mockups ze kreéieren!
-

Design Mockups sinn onheemlech mächteg Presentatiounsinstrumenter déi net nëmmen eng Designidee verkafen, awer och dem Betrachter eng Fënster an eng Zukunft ginn, wou dësen Design schonn existéiert. Wann et gutt gemaach gëtt, wäert de Client bal gezwongen sinn dës Zukunft eng Realitéit ze maachen.

Wéi an dësem Artikel uginn, ginn et vill Methoden fir Mockups ze kreéieren, a jidderee vun hinnen huet seng eege Virdeeler an Nodeeler. Awer egal wéi Dir Är Layouten erstellt, d'Resultater hänkt schlussendlech vum Designer a sengem Engagement of fir realistesch e Layout ze maachen deen vum Écran spréngt.

 АЗБУКА

Wéi erfollegräich Projeten an engem Online Geschäft ze managen