Balsamiq Mockups för interaktiva skisser

Balsamiq Mockups för interaktiva skisser
februari 22, 2013 squeedconfig

Ett lättanvänt och snyggt program för att snabbt skapa prototyper med skiss-look är Balsamiq Mockups.

Balsamiq har ett dra-och-släpp GUI för skissning som samtidigt har ett gediget tangentbordskommandostöd. Så här kan det se ut när man skissar. I den mörka rutan ställer man in hur den markerade komponenten ska hanteras och se ut.

Exempel

Exempel. Klicka för större bild!

Det går fint att länka ihop skisser, så att man kan göra interaktiva prototyper. Länkarna följer även med när man exporterar skisserna till PDF.

Det finns också ett helskärmsläge för demonstration av skisserna där muspekaren blir härligt jättestor och en mega-hand visar sig när man hovrar över länkarna (rödmarkerade).

Helskärm

Helskärmsvyn.

Ett annat hjälpmedel om man ofta skissar liknande skisser är att återanvända delar av skisser. För att återanvända en del av en skiss, t ex en webbplats sidhuvud och sidfot gör man en symbol av en grupp:

  1. Markera komponenterna som ska återanvändas
  2. Gruppera dem genom att klicka på grupperingsikonen
  3. Namnge gruppen i popupen som kommer fram

Nu har en ny symbol skapats, som hamnar under fliken Project Assets. Den kan hämtas in till skisser precis som andra symboler, t ex textrutor eller ikoner. Symbolen kan antingen modifieras för alla skisser som använder den samtidigt eller så kan man välja att överrida med en viss skiss.

Det grönmarkerade är en symbol

Det grönmarkerade är en symbol. Klicka för större bild!

En lathund med kortkommandon finns att ladda ner härifrån.

0 Kommentarer

Lämna ett svar

E-postadressen publiceras inte. Obligatoriska fält är märkta *

*

Denna webbplats använder Akismet för att förhindra skräppost. Läs mer om hur dina kommentarsuppgifter behandlas.