4 Unikátní zástupné obrazové služby pro designéry
Zástupná obrazová služba je rychlý a snadný způsob, jak najít obrázky, které lze vložit do webových projektů, aby drátový model nebo prototyp vypadaly realističtěji. Může pomoci ostatním lidem představit si projekt a pomoci jej udržet v pohybu vpřed.
Většina návrhářů se snaží udělat vše, co může, aby pomohlo klientovi nebo nevizuálnímu členovi týmu vidět projekt během procesu návrhu, makety a prototypování. Často to znamená dát něco dohromady před dokončením samotného obsahu.
Zde se podíváme na čtyři různé (a jedinečné) zástupné obrazové služby pro designéry, které vám pomohou posunout projekty co nejefektivněji. (Navíc máme seznam důvodů, proč by takový nástroj mohl být užitečný.)
Prozkoumejte prvky Envato
Důvody pro použití zástupného obrázku
Téměř každý ví o použití lorem ipsum jako zástupného symbolu pro text. Stejně tak může být stejně důležité mít podobnou možnost i pro obrázky .
Věděli jste, že krásou lorem ipsum je, že náhodnost a znaková sada představují průměrné bloky textu? To je důvod, proč je to populární volba.Můžete použít stejný koncept a použít jej také pro zástupné symboly obrázků. Rozhodněte se pro něco, co odpovídá tématu projektu, aby byl tón vhodný. Použijte podobné barvy - například fotografie s plnými barvami, versus černé a bílé - a vyplňte rámečky obrázků něčím jiným než jen barevnými rámečky, aby si více lidí mohlo představit konečný produkt.
Proč byste tedy měli zvážit zástupné obrázky?
- Usnadňují všem uživatelům vizualizaci designu
- Poskytují způsob, jak ukázat dopad obrázků na význam obsahu
- Nemusíte se kopat ani hádat, jaké obrázky by v návrhu měly jít; s zástupnými symboly, klienty a dalšími členy týmu mohou vidět dostupná umístění obrázků
- Dělají prototyp prototypu vypadat více leštěný a "hotový"
- Lze je snadno implementovat pomocí malého kódu a bez obrázků, které lze nahrát do databáze projektu
1. Lorem Picsum
Lorem Picsum je lorem ipsum pro obrázky. (Očekávali byste to se jménem, že?)
Tento zástupný obrazový nástroj je vybaven jednoduchými funkcemi a vkládá úžasné obrázky přímo do vašeho návrhu, což klientům a členům týmu usnadňuje přesnější vizualizaci projektu.
Nejlepší součástí tohoto nástroje mohou být všechny drobné doplňky, které jsou pro vás k dispozici.
- Vyberte náhodný obrázek pro návrh
- Použijte fotografii ve stupních šedi
- Použijte konkrétní obrázek z databáze obrázků (můžete si vybrat ze stovek)
- Rozostřete obrázek
- Vyberte, odkud chcete oříznout
Klíčové vlastnosti: S tolika možnostmi a vysoce kvalitními obrázky je téměř těžké uvěřit, že se jedná o bezplatný nástroj. Vše, co byste mohli chtít na zástupném symbolu fotky, je zde.
Jak to funguje: Vytvořte požadované specifikace a vložte řádek kódu přímo do návrhu. Úryvek kódu vytáhne obrázek z databáze fotografií - mnoho z nich pochází z webové stránky stock photography Unsplash. A není co instalovat ani stahovat.
2. ImgPlaceholder
ImgPlaceholder je další vysoce přizpůsobitelná možnost, která je založena na používání ikonografie. Každý obrázek zástupného symbolu může obsahovat ikony, barvu a text. (Tento nástroj stahuje ze tří různých databází ikon pro širokou škálu možností.)
Toto je pravděpodobně nejrobustnější a přizpůsobitelná možnost, která není k dispozici. Vyberte barvy, písma, velikosti, ikony pozadí a další. Přidejte to ke všem dostupným možnostem použití a většina návrhářů najde způsob, jak tento nástroj použít.
Klíčová funkce: Tyto obrázky můžete importovat jako fragmenty kódu nebo skutečné stahování. Vyberte si jed.
Jak to funguje: Přizpůsobte si zástupný symbol obrázku na obrazovce. Při práci se vytváří přímý odkaz, HTML, BB a markdown kód. Zkopírujte a vložte do návrhu. (Nebo si stáhněte obrázek a nahrajte.)
3. Umístěte kotě
Place Kitten je hloupý a úžasný nástroj pro zástupný obrázek. Vyberte velikost obrázku pro zástupný symbol a na tomto místě se objeví skvělý obrázek kotě.
Fotografie se objevují spíše náhodně a jsou jen zábavným způsobem, jak vyplnit zástupné symboly a vyvolat ještě větší konverzaci o vašem projektu.
Klíčové vlastnosti: Koťata, samozřejmě!
Jak to funguje: Zkopírujte adresu URL z webu Place Kitten, upravte specifikace velikosti a přidejte je do svého návrhu.
4. Umístěte
Placehold.jp je rychlý a snadný nástroj pro export obrazů zástupných symbolů. I když to nepřichází s hezkými obrázky, které zahrnují další nástroje, je snadné použití a nemůžete velikost obrazových oblastí. (Může to být důležitá pomoc při plánování obsahu.)
Stačí připojit vaše specifikace a získat zástupný symbol pro svůj prostor. Můžete vyplnit libovolný text, který se vám líbí, a upravit barvy tak, aby zástupné symboly odpovídaly stylu značky.
Tento nástroj je dodáván se spoustou populárních předprogramovaných velikostí pro obrázky, bannery a ikony. V rozbalovací nabídce vyberte pouze požadovanou velikost. Formáty obrázků zahrnují JPG a PNG.
Klíčové vlastnosti: Tento nástroj je velmi jednoduchý, vyberte velikost a je dobré jít. (Neměli byste trávit více než pár sekund vytvářením zástupného symbolu.)
Jak to funguje: Vyberte potřebnou velikost plus jakékoli úpravy a zkopírujte kód do projektu. Kód hledá zdrojovou adresu URL obrázku specifickou pro zástupný znak, který jste vytvořili.
Závěr
Obrázková zástupná služba obrazových obrázků, kterou vyberete, závisí na typu konfigurace, se kterou chcete pracovat, a na jakých obrázcích hledáte. Existuje spousta možností tam, tato sada čtyř služeb patří mezi jedny z nejjednodušších použití s jedinečnými funkcemi.
A možná nejlepší ze všech, každá z těchto možností je zdarma k použití. Navíc není co stahovat ani instalovat. (Tyto zástupné nástroje pro obrázky nelze snadno použít.)
