Reklame

Blyant-ThumbHelt i begyndelsen skylder jeg alle, der læser dette en forklaring på, hvad et prototype-værktøj virkelig er. EN ”~Prototype’ er en hån. Du kan tænke på det som et billede eller en model for den sidste ting. Prototype-værktøjer tegner og tegner værktøjer, der hjælper med at designe konturerne af det endelige objekt. En prototype kan oprettes på alt, fra simpelt papir til Photoshop. Men at være en specialiseret funktion, er det bedre, hvis man gør det gennem et prototype-værktøj.

Lyder det meget teknisk og ikke til almindeligt brug? Sandsynligvis opretter jeg et billede af en kompleks software og en særlig dygtig fyr sidder foran en stor skærm og tegner utroligt komplekse diagrammer. I nogle tilfælde kan dette være sandt. Men for os er amatører ankommet en ny race af GUI-værktøjer, mange af dem webbaseret.


Fra tegning af regelmæssige figurer til en mockup af den blog, du planlægger, kan et prototype-værktøj bruges til den enkleste anvendelse. Du behøver ikke engang at downloade en heavy duty software til det. Det er tilgængeligt i Firefox selv.

instagram viewer

Blyant (ver.1.1) er en Firefox prototyping add-on til at gøre GUI prototyping og enkel skitse. Det Blyantprojekt er et Open Source forsøg på at skabe et værktøj til at gøre diagrammer og GUI-prototyper nemt for masserne.

Selvom det også er tilgængeligt som et selvstændigt program, som Firefox-tilføjelse, kan du køre det på enhver platform, der understøtter Firefox 3 (og det gør det til flere platforme).

Blyantets look

Fra browserens værktøjslinje skal du vælge Værktøjer - blyantskitse. Prototyperværktøjet Pencil Firefox åbnes i et nyt vindue. Sådan ser det ud (udseendet er påvirket af mit Firefox-tema) ”¦

Blyant-1

Arrangementet af værktøjer er intuitivt, og et kig på de forskellige former fortæller dig noget om mulighederne med dette lille program. Du har almindelige figurer (rektangel, oval, lige linje, tekst osv.), Figurer til kommentarer, kommentarer og instruktioner (ballon, kugle, pile osv.), webside-elementer (hyperlink, HTML, overskrifter, tabel osv.) og et par widgetsamlinger (GTK +, Windows-widgets, Native UI widgets).

Blyant-6

Hurtig prototype er bare et spørgsmål om at have ideen om designet i dit hoved og derefter oprette det i blyant ved hjælp af enkle træk og slip-operationer. En række kontrolhåndtag giver dig fleksibiliteten til at arrangere figurerne til et endeligt design. Tilpas dem yderligere med tekst og det fulde komplement til udfyldningsfarver.

Den endelige prototype kan eksporteres som PNG-billeder, webside, OpenOffice-fil, PDF eller som en DOC-fil.

Blyant-2

Værktøjer til at passe på

Prototyping har meget at gøre med at skabe linjer og figurer og manipulere dem til design. Blyant indeholder to Firefox-prototyperværktøjer, der gør det nemt at oprette et galleri med figurer som en snap.

Stencilgenerator
Stencils er skabeloner med former, der kan bruges til at generere yderligere former. Ved hjælp af stencilgeneratoren kan du oprette din egen samling af stencilformer ved at pege generatoren til en mappe med billedfiler.

Pencil-3

Hver stencil har attributter som farve, baggrund og kantfarve og opacitet osv., Som kan finjusteres for at definere den endelige form.

Blyant-5

Clipart-browser
Tryk på OpenClipArt.org og dets galleri med gratis clipart-billeder. Med blyantens støtte til SVG-filer er det ikke meget af problemet at oprette dit eget galleri med figurer. Du kan bruge den integrerede OpenClipArt-browser og direkte slippe de rigtige billeder i et blyant-dokument.

Blyant-4

Bortset fra disse to Firefox-prototyperværktøjer understøtter blyant også brugen af ​​eksterne objekter. Både raster- og vektorbilleder kan bringes ind i blyant ved hjælp af kopi-indsæt eller træk og slip. Efter oprettelse af en side eller et dokument, kan det hele eksporteres til en mappe som PNG-billeder.

Blyant er et godt værktøj at have, hvis du vil gøre nogle mockups i en fart lige fra browseren. En af dens enkleste anvendelser kan være at designe en mockup af en webside. Enhver webside kan også sendes til blyant med et enkelt klik. Ved hjælp af annotationsformer og de andre tilgængelige figurer kan man oprette en plan for en webside på en jippy lige i browseren.

Siden Blyantprojekt dirigerer os også til brugervejledning og et par screencasts om, hvordan man går videre med programmet.

Tror du, som blyant fortjener et sted i din Firefox-browser som et hurtigt og beskidt (slå ud beskidt) værktøj til hurtig prototype og diagrammer?

Blyant (ver.1.1) er tilgængelig til download som en Firefox prototype-tilføjelse og også som et enkeltstående installationsprogram (til Windows og Linux).

Bemærk: Blyantprojektet må ikke forveksles med animationsprogrammet med samme navn.

Saikat Basu er viceaditor for Internet, Windows og produktivitet. Efter at have fjernet smagen fra en MBA og en ti år lang marketingkarriere, brænder han nu for at hjælpe andre med at forbedre deres historiefortællingsevner. Han kigger efter den manglende Oxford-komma og hader dårlige skærmbilleder. Men idéer til fotografering, Photoshop og produktivitet beroliger hans sjæl.