Grunnleggende Prototyping i Figma: Lage Interaktive Brukerflyter
Interaktive prototyper i Figma hjelper til med å demonstrere hvordan et design oppfører seg, slik at kunder og interessenter kan visualisere sluttproduktets brukeropplevelse. For å lage en grunnleggende prototype:
- Gå til Prototype-fanen og velg den første rammen;
- Klikk på plusstegnet ved siden av "Flow Starting Point" for å angi startpunktet. Du kan dra det til en annen ramme om nødvendig;
- Velg et objekt eller en ramme, og dra den blå sirkelknappen til en annen ramme for å opprette en kobling;
- Koblinger kan justeres eller fjernes ved å dra pilen til et tomt område eller bruke minustegnet i Prototype-fanen;
- Klikk på Play/Present-ikonet for å åpne prototypen;
- Klikk på områder uten koblinger for å vise hotspots. En hotspot er der interaksjonen skjer. Det kan være et hvilket som helst objekt i den opprinnelige rammen, for eksempel en lenke, knapp, bilde eller ikon, osv.
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 4. Kapittel 5
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Awesome!
Completion rate improved to 2.78
Grunnleggende Prototyping i Figma: Lage Interaktive Brukerflyter
Sveip for å vise menyen
Interaktive prototyper i Figma hjelper til med å demonstrere hvordan et design oppfører seg, slik at kunder og interessenter kan visualisere sluttproduktets brukeropplevelse. For å lage en grunnleggende prototype:
- Gå til Prototype-fanen og velg den første rammen;
- Klikk på plusstegnet ved siden av "Flow Starting Point" for å angi startpunktet. Du kan dra det til en annen ramme om nødvendig;
- Velg et objekt eller en ramme, og dra den blå sirkelknappen til en annen ramme for å opprette en kobling;
- Koblinger kan justeres eller fjernes ved å dra pilen til et tomt område eller bruke minustegnet i Prototype-fanen;
- Klikk på Play/Present-ikonet for å åpne prototypen;
- Klikk på områder uten koblinger for å vise hotspots. En hotspot er der interaksjonen skjer. Det kan være et hvilket som helst objekt i den opprinnelige rammen, for eksempel en lenke, knapp, bilde eller ikon, osv.
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 4. Kapittel 5