Wirify giver wireframes med et enkelt museklik

Mens plagiering er dårligt for forfattere, er det fuldt ud acceptabelt for webudviklere, og nogle kan endda kalde det smiger. Jeg siger ikke at kopiere et site bit for bit, men at efterligne et site design eller layout er en accepteret praksis.

Wirify giver et udgangspunkt for processen ved at lade dig nemt oprette en wireframe fra et eksisterende websted. Denne uge kigger vi nærmere på Wirify, og hvordan det kan hjælpe webdesignere og / eller udviklere på deres næste projekt.

Trådrammen

En wireframe definerer den grundlæggende ramme eller struktur for en webapplikation. Du begynder med et site map, der skal bruges som en plan. Indramningsdelen er oversættelsen af ​​planen til faktiske sider på et websted. Hver side vil være en del af wireframe, hvor du angiver formålet med siden, og flowet af webstedet vil blive demonstreret i den komplette wireframe. Grundlæggende giver du klienten en idé om, hvad der skal bygges (de kan ændre mening senere), fordi intet fortæller en historie som et billede. En wireframe adskiller de grafiske elementer fra deres funktionelle modstykker; det er en grundpille i demonstrationen af ​​brugeroplevelsen.

Det værktøj, der bruges til at opbygge en wireframe, kan være lige så grundlæggende som din favorit teksteditor eller så smarte og dyre som Photoshop. Wirify leverer ledningen fra et eksisterende websteddesign til din editor.

Opret en wireframe

Wirify er et bogmærke, der lader dig omdanne en hvilken som helst webside til en wireframe med et enkelt museklik. Det er et browserbaseret værktøj, der fungerer i de fleste større browsere. Opsætning afhænger af din browser, men Wirify-webstedet giver enkle at forstå instruktioner. Grundlæggende tilføjer du Wirify-værktøjets URL (som er JavaScript) som et bogmærke i din browser. Når du er der, vælger du bogmærket for at generere en wireframe for den aktuelle side, der er åben i din browser. Figur A viser en del af en wireframe genereret til TechRepublic-hjemmesiden. Figur A

Trådramme genereret til TechRepublic.com. (Klik på billedet for at forstørre det.)
På dette tidspunkt tænker du måske, at Wirify gør nogle seje ting med JavaScript, men hvordan kan det være nyttigt i dit daglige arbejde, når du faktisk opretter wireframes? Det er her Wirify Pro's funktioner kommer ind i billedet. Wirify Pro tillader, at wireframe gemmes i et format, der kan bruges i andre programmer, og det giver dig mulighed for at eksportere designet til følgende formater: OmniGraffe, Balsamiq, Visio og SVG. Figur B viser denne funktion, når den vises (nedtonet) i standardversionen. Figur B

Valgmuligheder tilgængelige i Wirify Pro. (Klik på billedet for at forstørre det.)

Pro-versionen er hvor du forlader den frie verden og skal bruge nogle kontanter. De kalder dem Wirify-kreditter (fem kreditter er $ 30, 00), mens eksporten af ​​en wireframe tæller som en kredit. Yderligere funktioner i Pro-versionen (som at redigere en wireframe på plads) er tilgængelige.

Hvorfor du skal bruge Wirifiy

Du kan være skeptisk med hensyn til nyttigheden af ​​et sådant produkt. Den normale proces til oprettelse af wireframes er at oprette designet og derefter gå videre til markeringen (HTML); Wirify tilbyder en ny tilgang, hvor du dykker lige ind i designet og fokuserer mere på designelementerne i modsætning til kodningens kløgtige. Dette betyder, at du ikke bliver forskudt i detaljerne, fordi Wirify giver dig mulighed for at fokusere på det overordnede design.

Et andet nyttigt træk ved Wirify er læring; dvs. generering af wireframe (og markup) til et design giver dig mulighed for at se, hvordan websteder er designet (både godt og dårligt) og lære af andres arbejde. Hvilken bedre måde at lære end den visuelle repræsentation genereret af Wirify?

Skær ned tid brugt på wireframes

Mens Wirify er fantastisk til at bruge eksisterende websteder som en base for at bygge nye applikationer, giver det også en måde at gemme og genbruge dine egne designs. Du kan indlæse et aktuelt design, finpusse det og generere en ny wireframe og således spare tid. Dette kræver, at man følger med Pro-versionen, men omkostningerne er minimale sammenlignet med den sparede tid.

Der er masser af andre måder at opbygge wireframes (et værktøj, som jeg altid har ønsket, er PowerMockup), såvel som andre muligheder som hurtig prototype, som mange udviklere foretrækker, men Wirify kan være et godt aktiv, hvis din tilgang inkluderer wireframes.

Hold dine ingeniørfærdigheder ajour ved at tilmelde dig TechRepublics gratis Software Engineer-nyhedsbrev, der leveres hver tirsdag.

© Copyright 2021 | pepebotifarra.com