Mockup-nettsteder, også kjent som online grafiske redaktører eller designverktøy, gjør det mulig for brukere å lage ulike grafiske design, illustrasjoner, bannere, logoer, presentasjoner og mer direkte fra nettleseren uten å måtte installere spesialisert programvare på datamaskinen. Disse elektroniske verktøyene tilbyr vanligvis en rekke funksjoner og maler som gjør prosessen med å lage design enklere.
I motsetning til prototyper, som faktisk skal fungere, er mockups statiske visuelle elementer ment å vise designoppsett, atmosfære, farger og generell estetikk. Noen designere foretrekker å lage alle knapper og ikoner fra bunnen av, men hvis du ønsker å hoppe videre eller leke for å få inspirasjon, kommer nettstedsoppsett og programvare forhåndslastet med disse elementene og kan være enklere å bruke enn programvare for grafisk design.
Nettstedene nedenfor hjelper deg med å lage skjermmodeller for nettsteder, modeller for appskjermer, produktmodeller og mer. De fleste kommer med maler for nettstedlayout eller UI-sett som lar deg designe ved å bruke forhåndsbygde elementer som knapper. De er store tidsbesparere hvis du noen gang befinner deg i en klemme og trenger å overføre et oppsett raskt. For hver vil vi analysere prisen, fordeler og ulemper, samt hvem de anbefales til.
1. Adobe XD. Nettsteder for å lage oppsett
Adobe XD er Adobe-familiens svar på digital designprogramvare. Den har alle detaljene og nyansene du forventer av selskapet bak Photoshop og Illustrator, men den tilbyr også en like høy pris.
Men hvis du leter etter oppsett av profesjonell kvalitet med alle detaljene, har Adobe XD deg dekket. Den håndterer hele designprosessen, inkludert interaktive prototyper, og integreres til og med med annen Adobe-programvare hvis du vil lage eller tilpasse elementer i Photoshop eller Illustrator.
Det er også ganske sofistikert i sine funksjoner, med 3D-effekter, animasjoner og muligheten til å lage et komponentbibliotek, et sted å lagre alle elementene dine som knapper og ikoner slik at teamet ditt kan bruke dem igjen i et annet prosjekt (dette hjelper gjentakende kunder hvis de ser de samme kontrollene på det nye produktet). Det finnes også spesialfunksjoner som Repeat Grid, som sparer tid når du skal kopiere og lime inn et mønster igjen og igjen, og Padding, som beskytter pikselstørrelser når du redigerer forskjellige lag av de samme elementene.
kostnad:
- $9,99/måned
- $99,99 per år (forskuddsbetalt)
Fordeler: Nettsteder for å lage oppsett
- Egnet for hele designprosessen, inkludert interaktive prototyper
- sofistikerte funksjoner: 3D-effekter, animasjon og komponentbibliotek
- Praktiske tidsbesparende funksjoner: innrykk, repeterende mønstre og enkel redigering
- Integrerer med annen Adobe-programvare
Cons:
- overkill hvis du bare vil ha en enkel og rask layout
Anbefalt for…
- folk som er seriøse nok med digital design til å ønske seg programvare i toppklassen
- vanlig design - no for engangs- eller enkeltprosjekter
2. Fluid UI. Nettsteder for å lage oppsett
Selv om det er teknisk for prototyping, Flytende brukergrensesnitt er robust nok til å lage fantastiske mockups som senere kan konverteres til interaktive prototyper. Dette er et utmerket valg for erfarne designere og designteam som jobber med hele omfanget av et prosjekt.
Det fleksible brukergrensesnittet er ikke like brukervennlig som andre populære layout-nettsteder, som kanskje ikke appellerer til nybegynnere. Den har imidlertid alle funksjonene du trenger for web- og appdesign, inkludert wireframes og et bibliotek med forhåndsbygde UI-komponenter og ikoner. En av fordelene er samarbeidsverktøyene, som lar brukere se, kommentere og redigere de samme filene fra hvor som helst i verden.
kostnad:
- Gratis plan (1 prosjekt)
- $8,25/måned (faktureres årlig) [Solo]
- $19,08 per måned (faktureres årlig) [Pro]
- $41,58 per måned (faktureres årlig) [Team]
Fordeler: Nettsteder for å lage oppsett
- avanserte funksjoner som passer for profesjonelle
- litt billigere enn lignende mockup-nettsteder
- førsteklasses samarbeid
- stort innebygd komponentbibliotek
- mobilapper og enhetsbytte gjør det enklere å lage oppsett for mobile enheter
Cons:
- læringskurve
Anbefalt for…
- folk som ønsker et fullverdig designverktøy, men som også er oppmerksomme på budsjettet sitt
3. InVision. Nettsteder for å lage oppsett
InVision er en direkte konkurrent til Adobe XD og er et annet alt-i-ett mockup- og prototypverktøy, også med et dyrt månedlig abonnement. InVision deler mange av de sofistikerte funksjonene til Adobe XD, inkludert presise animasjonsverktøy for prototyping, men er litt mindre brukervennlig når det kommer til effektivitet og strømlinjeforming av oppgaver.
Det er også verdt å merke seg at InVision først og fremst er et prototypeverktøy, så mange av funksjonene er fokusert på interaktivitet og effekter i stedet for statiske bilder. Imidlertid har den alt du trenger for å lage flotte oppsett pikselperfekt, inkludert integrasjon med Photoshop og Sketch, og med det gratis Inspect-tillegget kan du enkelt transformere ethvert design til utviklerkode. Og på toppen av det hele, det er en evig gratisversjon.
kostnad:
- Gratis versjon
- $7,95 per måned (faktureres årlig)
Fordeler: Nettsteder for å lage oppsett
- Egnet for hele designprosessen, inkludert interaktive prototyper
- avanserte funksjoner som animasjon og interaktive effekter
- integreres med Photoshop og Sketch
- gratis versjon
Cons:
- brukervennlighet er litt mer kompleks enn Adobe XD
Anbefalt for…
- mennesker som først og fremst trenger et prototypingsverktøy, men med mockup-muligheter
4. Mediemodifikator. Nettsteder for å lage layouter
La oss gå bort fra nettstedoppsett på profesjonelt nivå... langt borte fra hotellet. Mediemodifikator er i den andre enden av spekteret: svært begrenset i funksjoner og dybde, men ekstremt praktisk. Du kan Gratis nedlasting mockups direkte fra nettstedet, men for å fjerne vannmerket og få høykvalitetsversjoner, må du betale.
Mediamodifier ligner på en online fotoredigerer, men med forhåndslastede appmaler og nettstedoppsett. De har også tusenvis av maler for mer enn bare digitale design: t-skjorter, kaffekrus, bokomslag osv. Alt du trenger å gjøre er å finne en mal du liker, legge til ditt eget bilde og ... vel, det er alt du kan gjøre, egentlig. Dette er en enkel nettside med oppsett for når du trenger noe raskt og enkelt, men ikke for når du trenger å imponere noen med grafikk av høy kvalitet.
kostnad:
- Gratis plan
- $9 per måned (faktureres årlig)
Fordeler: Nettsteder for å lage oppsett
- lett å bruke
- kan lage oppsett på sekunder
- mange maler å velge mellom
Cons:
- bare funksjoner
- du må betale for høykvalitets oppløsning
- må betale for å fjerne vannmerker
Anbefalt for…
- når du bare trenger noe enkelt og raskt
- du har allerede laget et bilde, men du må plassere det på telefonens/skrivebordets bakgrunn
- godt utvalg av bakgrunner
5. MockFlow
Når vi snakker om mockup-nettsteder som passer for hele designprosessen, nevner vi egentlig ikke mockups. MockFlow er et av de virkelig allsidige designverktøyene som tar deg fra wireframes, gjennom mockups og hele veien til prototyper.
I tillegg til wireframing-funksjoner, tilbyr MockFlow også større fleksibilitet med ekstra tillegg i MockStore. Der kan du finne "tilbehør" som ekstra UI-pakker, ekstra maler for nettstedlayout og spesialfunksjoner som brukerpersonas, designsystemer eller oversettere. MockFlow er også kjent for sin enkle samarbeid og deling, noe som gjør det til en flott løsning for team. Nettsteder for å lage oppsett
Kostnad: Nettsteder for å lage oppsett
- Gratis plan
- $14/måned (faktureres årlig) [Premium]
- $30/måned (faktureres årlig) [TeamPack med 3 brukere]
Pros:
- utmerkede wireframe-modelleringsevner
- MockStore tilbyr tilleggsfunksjoner
- Bredt utvalg av UI-pakker og maler via MockStore
Cons:
- Premium-planen koster mer enn annen layoutprogramvare, men koster mindre
Anbefalt for…
- folk som trenger tilleggsverktøy som designsystemer eller storyboards
- store team som trenger avanserte samarbeidsfunksjoner
- enkle engangsprosjekter som kan dra nytte av gratisplanen
6. Mockingbird. Nettsteder for å lage oppsett
Mockingbird er en god mellomting mellom omfattende funksjoner og forenklet brukervennlighet (selv om det er vurdert som et avansert verktøy). Den mest attraktive funksjonen er den enkle WYSIWYG-editoren hvor du ganske enkelt drar og slipper elementer til ønsket plassering. Andre topp mockup-nettsteder har dra-og-slipp-redigerere, men Mockingbirds brukergrensesnitt er så enkelt og greit at det helt klart er rettet mot nybegynnere og nybegynnere.
Prisen er imidlertid ikke så praktisk. Med en minimumspris på $11 per måned, er dette en av de dyreste layoutnettstedene, til tross for at de faktisk ikke tilbyr noe. På den annen side er det samme pris for et hvilket som helst antall ansatte, så hvis du har et stort nok team, kan du rettferdiggjøre kostnaden. Nettsteder for å lage layouter
kostnad:
- $11/måned (faktureres årlig): 3 prosjekter
- $17 // månedlig (faktureres årlig): 10 prosjekter
- $32/måned (faktureres årlig): 25 prosjekter
- $68 // månedlig (faktureres årlig): ubegrensede prosjekter
Pros:
- ekstremt behagelig
- WYSIWYG-grensesnitt
- gratis prøveversjon online
Ulemper: Nettsteder for å lage oppsett
- dyrt
- Funksjonssettet er ikke så robust som andre populære layoutnettsteder
Anbefalt for…
- nybegynnere som blir skremt av mer komplekse grensesnitt
- store team som ikke har råd til individuelt medlemskap med andre mockup-nettsteder
7. MockupsJar. Nettsteder for å lage oppsett
MockupsJar er den samme gratis layoutsiden som Mediamodifier: du velger malen din og legger ditt eget bilde på den. I likhet med Mediamodifier tilbyr de et utvalg arkivbilder fra bærbare datamaskiner til krus og t-skjorter, men i Отличие от Mediamodifier, du kan laste ned høykvalitetsversjonen gratis. Nettsteder for å lage oppsett
MockupsJar har kanskje ikke så mange nettstedsmockup-maler som Mediamodifier, men muligheten til å laste opp et bilde av høy kvalitet uten å betale gjør opp for det. Du kan imidlertid bare laste opp 20 høyoppløselige bilder; etter det må du enten betale eller laste den ned i lav oppløsning. Gratisversjonen har også annonser, men totalt sett er det ikke så ille for et gratis mockup-nettsted.
Kostnad: Nettsteder for å lage oppsett
- Gratis plan
- 5 € / måned (betales månedlig)
Pros:
- enkelt bare
- gratis plan tilbyr 20 høyoppløselige bilder
- ingen vannmerker
Cons:
- bare funksjoner
- trenger å lage bilder andre steder
Anbefalt for…
- folk som liker Mediamodifier-plattformen, men ikke vil betale for å fjerne vannmerkene
8.Moqups. Nettsteder for å lage oppsett
moqups er en annen allsidig digital designer for mockups, prototyper og, selvfølgelig, mockups. Redaktøren deres er en flott kombinasjon av avanserte funksjoner og WYSIWYG-kontroller, egnet for både nybegynnere og erfarne designere. Imidlertid har de bare to prisplaner, avhengig av hvor mange brukere du har, så team større enn tre må betale ekstra. Nettsteder for å lage oppsett
Brukere roser Moqups' evne til å lage flytskjemaer, som ikke akkurat er nyttig for oppsett, men er bra for hele designprosessen. Selv om noe brukervennlighet kan være vanskelig, er det totalt sett et levedyktig alternativ til andre generiske layoutnettsteder, spesielt hvis du er like interessert i wireframes og prototyper.
kostnad:
- $16/måned (faktureres årlig) [Pro - 3 redaktører]
- $49/måned (faktureres årlig) [Ubegrenset - Ubegrenset redaktører]
Fordeler: Nettsteder for å lage oppsett
- velbalansert verktøy for å designe wireframes, prototyper og mockups
- Brukervennlig nok for nybegynnere, avansert nok for eksperter
- Flotte planleggingsfunksjoner som flytskjemaer, nettstedskart og storyboards
Cons:
- på den dyrere siden
Anbefalt for…
- mennesker som prioriterer mockups og prototyper på samme nivå som mockups
9. Smartmockups. Nettsteder for å lage layouter
smarte modeller er i samme kategori som Mediamodifier og MockupsJar, men med bedre integrasjon. Dette er en stor sak hvis du har tatt et høyoppløselig skjermbilde av forhåndsvisningen i Marvel-appen og bare vil plassere den på et eksempel på skrivebordsbakgrunn. Smartmockups har også flere tilpasningsfunksjoner enn andre gratis nettsteder med mockups, for eksempel å endre farger, men denne funksjonen er bare tilgjengelig med en betalt plan. Nettsteder for å lage layouter
Som med andre gratis mockup-nettsteder, ikke forvent for mye utover å ha bildeoverlegget på malens bakgrunn. Den betalte versjonen har tilgang til over 6000 bildemaler for en rekke bakgrunner, inkludert T-skjorter, visittkort og digitale enheter. Gratisplanen tilbyr fortsatt rundt 800 layoutmaler, men du må forholde deg til vannmerker.
kostnad:
- Gratis versjon
- 9 dollar i måneden
Fordeler: Nettsteder for å lage oppsett
- integreres med Marvel App, Dropbox, Figma, Unsplash og Canva
- den betalte planen lar deg tilpasse bildet
- fort og lett
Cons:
- Gratisplanen har vannmerker
- trenger å lage bilder andre steder
Anbefalt for…
- du jobber primært i Marvel App, Canva eller Figma
Hvorfor ikke bli profesjonell?
Som vi sa ovenfor, er det eneste formålet med mockups å se bra ut. Hvis det er mye som avhenger av suksessen til mockupen din – kanskje du trenger å vinne over en misfornøyd interessent eller komme med en idé for mer finansiering – så vil du definitivt at modellen skal se perfekt ut. I så fall, hvorfor ikke overlate det i hendene på en profesjonell. Nettsteder for å lage layouter
Når du ansetter en frilansdesigner, legger du designet ditt i hendene på en ekspert som forstår designens ins og outs. Du trenger ikke å bekymre deg for programvarepriser eller læringskurver fordi designeren vil ta seg av det for deg. Og med vårt fellesskap av designere fra hele verden, vil du garantert finne design med den stilenden du trenger!
«АЗБУКА»
Оставить комментарий