En platshållare bildtjänst är ett snabbt och enkelt sätt att hitta bilder att infoga i webbprojekt så att en wireframe eller prototyp ser mer verklig ut. Det kan hjälpa andra människor att se projektet och hjälpa till att hålla det framåt.
De flesta designers försöker göra allt de kan för att hjälpa en klient eller en icke-visuell lagmedlem att se ett projekt under design, mockup och prototypning. Det innebär ofta att sätta något ihop innan innehållet i sig är fullständigt.
Här ska vi titta på fyra olika (och unika) platshållare bildtjänster för designers för att hjälpa dig att flytta projekt så effektivt som möjligt. (Dessutom har vi en lista med anledningar till att ett verktyg som detta kan vara till hjälp.)
Skäl att använda en Placeholder-bild
Nästan alla vet om att använda lorem ipsum som platshållare för text. Men det kan också vara lika viktigt att ha ett liknande alternativ för bilder också.
Visste du att skönheten i lorem ipsum är att slumpmässigheten och teckenuppsättningen representerar genomsnittliga textblock? Det är det som gör det som ett populärt alternativ.Du kan ta samma begrepp och tillämpa det på bildhållare också. Välj något som matchar temat för projektet så att tonen är lämplig. Använd liknande färger - som fullfärgsbilder, kontra svartvitt - och fyll bildramar med något annat än bara färgade lådor för att göra det enklare för fler att förutse slutprodukten.
Så varför ska du överväga platshållare bilder?
- De gör det lättare för alla användare att visualisera designen
- De ger ett sätt att visa vilka effekter bilderna har på innehållets innebörd
- Du behöver inte gräva runt eller gissa vilka bilder som ska gå i designen. med platshållare, kunder och andra lagmedlemmar kan du se bildplatserna tillgängliga
- De gör en design prototyp ser mer polerad och? Färdig?
- De är enkla att implementera med liten kod och inga bilder att ladda upp till din projektdatabas
1. Lorem Picsum
Lorem Picsum är lorem ipsum för bilder. (Du skulle förvänta dig det med namnet, eller hur?)
Denna platshållare bild verktyg är fylld med lätta funktioner och sätter fantastiska bilder direkt in i din design, vilket gör det enkelt för kunder och lagmedlemmar att mer korrekt visualisera ett projekt.
Den bästa delen av det här verktyget kan vara alla de små tillägg som finns rätt för dig att använda.
- Välj en slumpmässig bild för designen
- Använd ett foto i gråskala
- Använd en specifik bild från bilddatabasen (det finns hundratals att välja mellan)
- Oskärpa bilden
- Välj var du ska beskära från
Huvudfunktion: Med så många alternativ och högkvalitativa bilder är det nästan svårt att tro att det här är ett gratis verktyg. Allt du kan önska i en bildhållare är här.
Hur det fungerar: Skapa de specifikationer du behöver, och sätt bara in koden med raden in i designen. Kodbiten kommer att dra en bild från fotodatabasen - många av dessa kommer från stock photography website Unsplash. Och det finns inget att installera eller ladda ner.
2. ImgPlaceholder
ImgPlaceholder är ett annat mycket anpassningsbart alternativ som bygger på ikonografi. Varje platshållare kan innehålla ikoner, färg och text. (Verktyget drar från tre olika ikondatabaser för en mängd olika alternativ.)
Detta är förmodligen det mest robusta och anpassningsbara alternativet för icke-foto tillgängligt. Välj färger, teckensnitt, storlekar, bakgrundsikoner och mer. Lägg till det för alla olika användningsalternativ som finns och de flesta konstruktörer hittar ett sätt att använda det här verktyget.
Huvudfunktion: Du kan importera dessa bilder som kodfragment eller faktiska nedladdningar. Välj ditt gift.
Hur det fungerar: Anpassa din bildplatshållare på skärmen. En direktlänk, HTML, BB och markdown-kod skapas när du arbetar. Kopiera och klistra in i designen. (Eller ladda ner bilden och ladda upp.)
3. Placera kattunge
Place Kitten är ett dumt och underbart bildhållningsverktyg. Välj en bildstorlek för platshållaren och en bra bild av en kattunge visas på den platsen.
Bilderna visas ganska slumpmässigt och är bara ett roligt sätt att fylla platshållare och gnista ännu mer konversation om ditt projekt.
Huvudfunktion: Kattungarna, förstås!
Hur det fungerar: Kopiera URL från Place Kitten webbplats, anpassa storlek specifikationer och lägg till den i din design.
4. Platshållare
Placehold.jp är en snabb och enkel platshållare bild export verktyg. Medan det inte kommer med de vackra bilderna som andra verktyg innehåller, är det enkelt att använda och du kan inte storleken på bildområdena. (Detta kan vara en stor hjälp vid planering av innehåll.)
Anslut bara dina specifikationer och få en platshållare för ditt utrymme. Du kan fylla i vilken text du vill och justera färger så att platshållare matchar märkesstilen.
Verktyget levereras med många populära förprogrammerade storlekar för bilder, banners och ikoner. Välj bara den storlek du behöver från rullgardinsmenyn. Bildformat inkluderar JPG och PNG.
Huvudfunktion: Det här verktyget är super enkelt, plocka en storlek och du är bra att gå. (Du borde inte spendera mer än ett par sekunder för att skapa en platshållare bild.)
Hur det fungerar: Välj den storlek du behöver plus eventuella anpassningar och kopiera koden till ditt projekt. Koden söker efter en bildkälla-URL som är specifik för den platshållare du har skapat.
Slutsats
Den bildplaceringstjänst du väljer beror på vilken typ av konfiguration du vill hantera, och vilken typ av bilder du söker. Det finns många alternativ där ute, den här uppsättningen av fyra tjänster är bland några av de enklaste att använda med unika funktioner.
Och kanske bäst av allt, vart och ett av dessa alternativ är gratis att använda. Dessutom finns det inget att ladda ner eller installera. (Dessa bildhanteringsverktyg kan inte vara enklare att använda.)