Sådan designes Wireframes på din tablet
Der er ingen tvivl om, at mobilenheder er "den (nuværende) store ting". Dette er præcis, hvor årtier af datateknologi har ført os. Disse små tabletter og telefoner (og nu ure) ... disse er de skærme, hvorfra de fleste af os bruger oplysninger.
Disse oplysninger kunne være et hundrede og fyrretyve tegn lange tweets, vores yndlings shows på Netflix ( hoste Knights of Sidonia hoste ), eller bare god musik. Vi læser e-mails, chatte og spille spil.
Langsomt begynder vi også at skabe indhold på disse enheder. Tabletter kan være ret gode til skrivning, og kameraerne på vores telefoner bliver bedre hvert år. Vi optager podcasts på iPhones, og der er endda nogle få apps til redigering af lyd / video.
Desktop-computeren ser ud til at blive henvist til ressourceintensive opgaver. Det vil være rige for hobbyister, tinkerers og high-end spillere. Åh, og webdesignere.
Vi har måske aldrig pixel-præcis grafikredigering på en tablet. Det er fint. Der er dog dele af designprocessen, der kan flyttes til berøringsskærmen.
Hvad jeg har brug for i en wire-indramning app
Her er hvad jeg har brug for i en wire-indramning app:
- nogle få grundlæggende former at arbejde med;
- at kunne placere, arrangere og omforme disse genstande let
- samarbejde, deling og eksportfunktioner.
Apps
Min foretrukne trådrammeringsapp til enhver tid er Googles tegneprogram. Det gør alt, hvad jeg har brug for og har også gode delings- og samarbejdsfunktioner.
Men mens Google har oprettet Android-applikationer til dets tekstdokumenter og regneark, er der mulighed for at gøre Google Draw-arbejde på Android. Det virker heller ikke i browserne.
Der er et par apps, der er oprettet specifikt til Android, der gør arbejde. Disse, jeg vil gennemgå dybtgående, som jeg har kunnet teste dem ud. Jeg vil også liste et par apps til iOS.
Native Android Apps
Mocking Pal (gratis)
For sin pris, Mocking Pal gør et fantastisk arbejde. Dens udvalg af tilgængelige elementer er grundlæggende, men tilstrækkeligt til de fleste web-wire-frame projekter. Ydelsen er anstændig, og appen leveres med nogle smarte muligheder.
Den rigtig seje ting, jeg tror, er Live Share. Dybest set kan du dele et link til dit projekt, og alle, der går til det pågældende link, kan se ledningsrammen, når du bygger det i realtid.
Mockups til Android ($ 5 ca.)
Mockups til Android koster omkring 5 USD, men det pakker mange funktioner ind. Det har ikke masser af UI-elementer, men det løber hurtigt og gør sit job godt. Når du er færdig, kan den eksportere dine projekter til forskellige bitmapformater og SVG.
Dens største ulempe er, at det ikke er forfærdeligt brugervenligt først. Du er nødt til at vænne sig til arbejdsstrømmen. Alligevel er det ikke dårligt.
Mockups.me Wireframes ($ 20)
Afvejende med en voldsom pris på 20 USD, denne app får dig til at føle, at det var bedre at være fantastisk! Og det er ret fantastisk. Hvor de andre ledningsrammer, der er tilgængelige til Android, har begrænsede biblioteker af UI-elementer, har denne en tons.
Det skal fordi det er kompatibelt med Balsamiq filer, så du kan oprette ting i Balsamiq, og tage det med dig overalt.
Killer-funktionen, tror jeg, er gennemførelsen af bevægelser. Du kan hurtigt tilføje elementer til din lærred ved blot at trække på den.
Sidst men ikke mindst er der web- og desktopversioner af appen, hvilket betyder at du kan samarbejde online og få adgang til dit arbejde overalt.
FlexiSketch
En gratis app med stor ydeevne, FlexiSketch er ikke en wire-indramning app i sig selv, men det kan hurtigt laves til en. Det er en vektor tegning app, men her er twist: hver genstand du tegner kan hurtigt gemmes som sin egen "objekttype".
Du kan trække og slippe flere af hver objekttype på lærredet ved vilje, hvilket i det væsentlige skaber dit eget bibliotek af elementer. Hvis du har brug for mange brugerdefinerede elementer, er dette appen til dig.
Native iOS Apps
Mockups.me Wireframes ($ 20)
Det er rigtigt! Der er en iOS-version af denne app såvel. Den har nøjagtig samme funktionalitet som sin Android-modpart, så det skal være ret godt.
Prisen er den samme også. Hvis du har kontanter, siger jeg, "Hav det!"
iMockups ($ 7)
Det her er en anden med støtte til Balsamiq, men det koster kun 7 USD. Med rave reviews fra mange mennesker fokuserer iMockups på at bruge multi-touch support og andre funktioner fra iPads for at fremskynde wire-rammeprocessen.
Keynote ($ 10)
Nej, jeg taler jo ikke. Det her 10 dollar app til fremstilling af præsentationer har faktisk en temmelig stor wire-framing fan-base.
Og hvorfor ikke? Det er alt vektor grafik. Dens format er standard i Apple-verset. Du kan forbinde skærme sammen for at skabe en mere interaktiv prototype, værkerne! Der er endda en værktøjskasse eller to derude for at gøre wire-indramning i appen nemmere.
Adobe Idéer (gratis)
Endelig! En gratis mulighed! Huske, det her er ikke teknisk en wire-indramning app. Det er mere en vektor tegning app. På nogle måder gør dette det mindre nyttigt, og i andre, mere magtfulde.
Generelle spørgsmål
Wire-indramning på en tablet kan være vanskelig. Nogle af de apps jeg stødte på er ressource-hogs. Derudover er det svært at placere elementer jævnt. Der findes "snap-to-guide" -funktioner i de fleste af disse apps, men de har begrænset hjælp. Jeg ønsker, at "snapping" effekten var lidt stærkere.
Mocking Pal adresserer dette problem ved at give nogle retningspile, der flytter det valgte element en pixel ad gangen. Dette er en langsom løsning, og så ikke helt ideel. Det er også den eneste app jeg har prøvet, der rent faktisk løser problemet.
I sidste ende, hvilken løsning du vælger afhænger af dine præferencer. Men der er helt sikkert nogle gode muligheder derude, der giver dig mulighed for at sidde fast i din pendler, i badet eller i din lokale kaffebar.