En wireframe er en tegning af skelettet af et design. Der er fire begreber, som bruges til at beskrive forskellige stadier af et design, og de bliver brugt på kryds og tværs. Så hvis du hører en person tale om en wireframe, kan det lige så godt være en mockup, der er tale om.
Figma er et gratis designværktøj for alle, også hvis du ikke er designer. Jeg bliver mere og mere glad for det efterhånden, som jeg lærer det at kende. Det er så nemt at gå til, at jeg også er begyndt at bruge Figma, når jeg bare lige skal tilpasse størrelsen på et billede.
Her er et eksempel, hvor jeg har downloadet et foto fra Unsplash for at lave et blikfang til et opslag på sociale medier. Fra download-bjælken nederst i browseren (Chrome) kan jeg trække billedet direkte ind i Figma.
Axure er det wireframe værktøj, jeg bruger allermest, både til wireframes, prototyper og mockups.
Hvis du har læst mit indlæg om “5-plan” vil det sige, at du kan både lave en overordnet struktur i en wireframe i “Structure”, simulere interaktion og navigation i en prototype i “Skeleton”eller definere styles i en mockup i “Surface”.
Billedet herunder er fra Axure 8, men der er kommet en Axure 9 siden.
Er du på jagt efter dit første wireframe-værktøj, så kan jeg anbefale Balsamiq. Det er meget let at lære og er super til at lave hurtige wireframes.
Der er cookies i værktøjskassen, så jeg kan se, hvilke indlæg der bliver læst mest. Når du klikker videre, tæller jeg også dine klik med, men jeg kan ikke se, hvem du er.
