Gjennomgang: Blyant lar deg tøffe i mobile apper, nettsteder og desktop-programvare.

Du kan ikke være en koder eller en webutvikler, men det betyr ikke at du ikke vet nøyaktig hvordan du vil at din nye applikasjon eller nettside skal se ut. Å prøve å få det perfekte utseendet med bare ord kan være en frustrerende opplevelse for både klient og utvikler. Et godt grensesnitt mockup er verdt tusen ord, og du trenger ikke å vite hvordan du skal kode for å lage en. Faktisk behøver det ikke engang å koste deg noe: Gratis verktøyblyant inneholder alt du trenger for å skape brukbare mockups for nettsteder, skrivebordsprogrammer og mobil smarttelefonapper.

Hvis du noen gang har brukt et mockup-verktøy, slik som gratis Lumzy eller $ 79 Balsamiq, blyant grensesnitt vil være kjent. Størstedelen av skjermen tas opp av et lerret, og en verktøylinje linjer den venstre kanten av vinduet. Verktøylinjen er full av widgets du kan sette på lerretet ditt, pent inndelt i kategorier som Grunnleggende Webelementer, Windows XP Widgets, Android ICS, IOS UI Stencils og mer. I blyant-terminologi er hver kategori en samling av "stenciler".

Blyantskip med mange sjablongkolleksjoner, og dets Google-kodelager inneholder enda mer, alle fritt tilgjengelige. For et gitt prosjekt, vil du sannsynligvis bare ha ett eller to sett med sjabloner, og blyant gjør det enkelt å skjule stencilsett du ikke trenger. Og akkurat som Lumzy og Balsamiq, inneholder sidebjørken en hurtig søkeboks som lar deg umiddelbart filtrere listen ned til bare UI-elementet du trenger ("knapp" og så videre).

Med sin ICS stencil sett kan blyant lage overbevisende mockups for Android apps.

For å teste blyant brukte jeg sin medfølgende Android ICS-stencilsamling for raskt å prototype en enkelt skjerm for en hypotetisk Android-app som viser PCWorlds beste historier. Jeg har blandede resultater: Samlingen inneholder vakre stenciler for Android statuslinje (øverste del av skjermen) og navigasjonslinjen (nederst på skjermen), men de hadde feil bredde for prosjektet mitt, og det var ingen måte å endre størrelsen på dem. Andre stenciler, som de som brukes til faner og listeposter, kan enkelt tilpasses. Jeg endte opp med å skape min mockup ut av bare de stencils, unnlate toppen og bunnen av skjermen. Ikke ideell, men brukbar.

Ikke alle sjablongsettene leker godt sammen: Jeg fant et flott sjablongsett med berøringsskjermbevegelser, men alle elementene var svarte og det var ingen måte å endre fargen på. My mockup brukte den mørke varianten av Android's Holo-tema, så den hadde en svart bakgrunn - og svart-svart virker ikke. Jeg hadde den samme opplevelsen med "glyphish icons" -settet, som inneholder mange flotte ikoner, alt gjort i svart-så alt helt ubrukelig for mørke Android-mockups.

Det er en god ting. Pencil er enkel å bruke, fordi den er uokumentert. Nettstedet inneholder en wiki, men det er for sjablongutviklere, ikke sluttbrukere. Selskapet var vanskelig å nå til presseforespørsler og besvarte ikke våre spørsmål om systemkrav. For å bruke Stencil trenger du bare å leke med det til du kan få det til å fungere. Grensesnittet er greit, men ikke uten del av overraskelser. Du kan for eksempel ikke tegne et utvalgstempel for å velge flere elementer: Den eneste måten å velge flere elementer på er å klikke på Ctrl-klikk.

Pennegrensesnitt med en gratis nettbasert utklippstjeneste, slik at du raskt kan trekke inn vektorkartobjekter

Selv om blyant ikke er perfekt, gjør den attraktive prislappen og de omfattende glyphsetene et solid alternativ for å komme i gang med grensesnittdesign og dele visjonen din for et nytt nettsted eller en mobilapp.

Merk: Nedlastningsknappen på siden Produktinformasjon laster ned programvaren til systemet ditt.