Video: How To Create Your First Wireframe (Video Guide) 2025
När du har en gedigen uppfattning om alla olika typer av illustrationer behöver du för din infographic, lägg dem i din wireframe. Exakt placering är inte kritisk i detta skede, men du vill börja känna för total storlek och avstånd runt varje illustration. Använd platshållare - grova skisser eller dummy-typ (se figuren) - att ställa in efter behov.
Ordna illustrationerna eller deras proxies enligt visionen i ditt sinne. Placera intro- och titelillustrationer (om de finns); Annars, lämna tillräckligt med utrymme för dem. Placera underrubriker, oavsett om teckensnittet är valt eller inte.
När du får allt ordnat enligt din vision, titta på bilden som helhet. Är en sida för tung eller ljus med diagram? Har du för många av samma typer av illustrationer i ett avsnitt? Om så är fallet, överväga att ändra placeringen eller ompröva typen av illustration.
Placera text och konstelement - en enkel process som kallas "blockering" - ger dig en bra visuell plan. Mängden detaljer i din wireframe kommer att variera beroende på typ av grafik. En tidslinje kommer förmodligen inte att vara mycket detaljerad, men en mer komplex infographic där du väver information till ett visuellt tema kommer att vara.
Som alltid, steg tillbaka. Se till att du tittar på din wireframe med ett kritiskt öga. Lägger du för mycket tonvikt i fel avsnitt? Verkar flödet naturligt?
Sparsamma områden-
Alltför upptagna områden
-
Olika bilder som kan skapa felaktiga intryck
-
Alltför långa underrubriker
-
För många diagram typer i ett område eller övergripande
-
Diagram som är för långa eller för korta för att få det bästa sammanhanget
-
Vid den här punkten i processen bör du verkligen börja se biten komma ihop. Idealt sett kommer ditt arbete på wireframe att göra den slutliga designen snabbare och smidigare.
