4 Unike bildetjenester for stedsholder for designere
En bildetjeneste for plassering er en rask og enkel måte å finne bilder å sette inn i nettprosjekter slik at en wireframe eller prototype ser mer ekte ut. Det kan hjelpe andre mennesker å se for seg prosjektet og bidra til å holde det fremover.
De fleste designere prøver å gjøre alt de kan for å hjelpe en klient eller et ikke-visuelt teammedlem å se et prosjekt under prosjekterings-, mockup- og prototypeprosessen. Ofte betyr det å sette sammen noe før innholdet i seg selv er komplett.
Her skal vi se på fire forskjellige (og unike) bildetjenester for plassering for designere for å hjelpe deg med å flytte prosjekter så effektivt som mulig. (I tillegg har vi en liste over årsaker til at et verktøy som dette kan være nyttig.)
Utforsk Envato Elements
Årsaker til å bruke et plassholderbilde
Nesten alle vet om å bruke lorem ipsum som en plassholder for tekst. Men det kan være like viktig å ha et lignende alternativ også for bilder .
Visste du at det fine med lorem ipsum er at tilfeldigheten og tegnsettet representerer gjennomsnittlige tekstblokker? Det er det som gjør det til et populært alternativ.Du kan ta det samme konseptet og bruke det på bildeplassholdere også. Velg noe som samsvarer med prosjektets tema, slik at tonen er passende. Bruk lignende farger - for eksempel i fullfarge, mot svart og hvitt - og fyll bilderammer med noe annet enn bare fargede bokser for å gjøre det lettere for flere å se for seg det endelige produktet.
Så hvorfor skal du vurdere plassholderbilder?
- De gjør det lettere for alle brukere å visualisere designet
- De gir en måte å vise virkningen bilder har på betydningen av innhold
- Du trenger ikke å grave deg rundt eller gjette hvilke bilder som skal gå i designen; med plassholdere, klienter og andre teammedlemmer kan se tilgjengelige bildeplasseringer
- De får en designprototyp til å se mer polert og "ferdig" ut
- De er enkle å implementere med lite kode og ingen bilder å laste opp til prosjektdatabasen
1. Lorem Picsum
Lorem Picsum er lorem ipsum for bilder. (Du kan forvente at det med navnet, ikke sant?)
Dette bildeverktøyet for plassholder er fullpakket med enkle funksjoner og setter fantastiske bilder rett inn i designet ditt, noe som gjør det enkelt for kunder og teammedlemmer å visualisere et prosjekt mer nøyaktig.
Den beste delen av dette verktøyet kan være alle de små tilleggene som er der du kan bruke.
- Velg et tilfeldig bilde for designet
- Bruk et bilde i gråtoner
- Bruk et spesifikt bilde fra bildedatabasen (det er hundrevis å velge mellom)
- Uklare bildet
- Velg hvor du skal beskjære fra
Nøkkelfunksjon: Med så mange alternativer og bilder av høy kvalitet, er det nesten tøft å tro at dette er et gratis verktøy. Alt du kan ønske deg i en fotoholder, er her.
Slik fungerer det: Lag spesifikasjonene du trenger, og sett inn kodelinjen rett i designen. Kodestykket vil trekke et bilde fra fotodatabasen - mange av disse kommer fra arkivfotograferingsnettstedet Unsplash. Og det er ingenting å installere eller laste ned.
2. ImgPlaceholder
ImgPlaceholder er et annet svært tilpasselig alternativ som er basert på å bruke ikonografi. Hvert plassholderbilde kan inneholde ikoner, farge og tekst. (Verktøyet henter fra tre forskjellige ikonedatabaser for et bredt utvalg av alternativer.)
Dette er trolig det mest robuste og tilpassbare ikke-fotoalternativet som er tilgjengelig. Velg farger, skrifter, størrelser, bakgrunnsikoner og mer. Legg til alle de forskjellige bruksalternativene som er tilgjengelige, og de fleste designere vil finne en måte å bruke dette verktøyet på.
Nøkkelfunksjon: Du kan importere disse bildene som kodebiter eller faktiske nedlastinger. Plukk giften din.
Slik fungerer det: Tilpass bildeplassholderen din på skjermen. En direkte kobling, HTML, BB og markdown-kode opprettes mens du jobber. Kopier og lim inn i designet. (Eller last ned bildet og last opp.)
3. Plasser kattunge
Place Kitten er et tullete og fantastisk bildeholderverktøy. Velg en bildestørrelse for plassholderen, og et flott bilde av en kattunge vises der.
Bildene fremstår ganske tilfeldig og er bare en morsom måte å fylle plassholdere og vekke enda mer samtale om prosjektet ditt.
Nøkkelfunksjon: Kattungene, selvfølgelig!
Slik fungerer det: Kopier URL fra nettstedet Place Kitten, juster størrelsesspesifikasjonene og legg den til designen din.
4. Placehold
Placehold.jp er et raskt og enkelt bildeexportverktøy for plassering. Selv om det ikke følger med de vakre bildene som andre verktøy inkluderer, er det enkelt å bruke, og du kan ikke størrelsen på bildeområder. (Dette kan være en stor hjelp i planleggingen av innhold.)
Bare koble til spesifikasjonene og få en plassholder for plassen din. Du kan fylle hvilken som helst tekst du vil og justere farger slik at plassholdere samsvarer med merkevarestilen.
Verktøyet kommer med mange populære forhåndsprogrammerte størrelser for bilder, bannere og ikoner. Bare velg størrelsen du trenger fra rullegardinmenyen. Bildeformater inkluderer JPG og PNG.
Nøkkelfunksjon: Dette verktøyet er superenkelt, velg en størrelse, og du er god til å gå. (Du bør ikke bruke mer enn et par sekunder på å lage et plassholderbilde.)
Slik fungerer det: Velg størrelsen du trenger pluss eventuelle tilpasninger, og kopier koden til prosjektet ditt. Koden ser etter en bildekildeadresse spesifikk for plassholderen du har opprettet.
Konklusjon
Hvilken bildetjeneste du vil velge, avhenger av hvilken type konfigurasjon du vil ha og hvilken type bilder du leter etter. Det er mange alternativer der ute, dette settet med fire tjenester er blant noen av de enkleste å bruke med unike funksjoner.
Og kanskje best av alt, hvert av disse alternativene er gratis å bruke. I tillegg er det ingenting å laste ned eller installere. (Disse bildeplassholderverktøyene kan ikke være enklere å bruke.)