Wirify ger trådramar med ett musklick

Även om plagiering är dåligt för författare, är det helt acceptabelt för webbutvecklare, och vissa kan till och med kalla det smickrande. Jag säger inte att kopiera en webbplats bit för bit, men att efterlikna en webbplatsdesign eller layout är en accepterad praxis.

Wirify ger en utgångspunkt för processen genom att du enkelt kan skapa en trådram från en befintlig webbplats. Den här veckan tittar vi närmare på Wirify och hur det kan hjälpa webbdesigners och / eller utvecklare vid deras nästa projekt.

Trådramen

En trådram definierar den grundläggande ramen eller strukturen för en webbapplikation. Du börjar med en sajtkarta som du kan använda som en plan. Inramningsdelen är översättningen av ritningen till faktiska sidor på en webbplats. Varje sida kommer att vara en del av wireframe där du anger syftet med sidan, och flödet på webbplatsen kommer att visas i den fullständiga wireframe. I grund och botten ger du klienten en uppfattning om vad som ska byggas (de kan ändra sig senare), för ingenting berättar en historia som en bild. En trådram separerar de grafiska elementen från deras funktionella motsvarigheter; det är en grundpelare i att visa användarupplevelsen.

Verktyget som används för att bygga en trådram kan vara lika grundläggande som din favorittextredigerare eller så snygg och kostsam som Photoshop. Wirify tillhandahåller ledningen från en befintlig webbplatsdesign till din redaktör.

Skapa en trådram

Wirify är en bokmärke som låter dig förvandla vilken webbsida som helst till en trådram med ett musklick. Det är ett webbläsarbaserat verktyg som fungerar i de flesta stora webbläsare. Inställningen beror på din webbläsare, men Wirify-webbplatsen ger enkla att förstå instruktioner. I grunden lägger du till webbadressen Wirify-verktyget (som är JavaScript) som ett bokmärke i din webbläsare. Väl där väljer du bokmärket för att skapa ett trådram för den aktuella sidan som är öppen i din webbläsare. Figur A visar en del av ett trådram skapat för TechRepublic-hemsidan. Figur A

Wireframe genereras för TechRepublic.com. (Klicka på bilden för att förstora.)
Just nu tänker du kanske att Wirify gör några coola saker med JavaScript, men hur kan det vara användbart i ditt dagliga arbete när du faktiskt skapar trådramar? Det är här Wirify Pro: s funktioner kommer in i bilden. Wirify Pro tillåter trådramen att sparas i ett format som kan användas i andra program, och det låter dig exportera designen till följande format: OmniGraffe, Balsamiq, Visio och SVG. Figur B visar den här funktionen när den visas (gråtonad) i standardversionen. Figur B

Tillgängliga alternativ i Wirify Pro. (Klicka på bilden för att förstora.)

Pro-versionen är där du lämnar den fria världen och måste spendera lite pengar. De kallar dem Wirify-krediter (fem poäng är $ 30, 00), medan exporten av en trådram räknas som en kredit. Ytterligare funktioner i Pro-versionen (som att redigera en trådram på plats) är tillgängliga.

Varför du ska använda Wirifiy

Du kan vara skeptisk när det gäller användbarheten av en sådan produkt. Den normala processen för att skapa trådramar är att skapa designen och sedan gå vidare till markeringen (HTML); Wirify erbjuder ett nytt tillvägagångssätt där du dyker rätt in i designen och fokuserar mer på designelementen i motsats till kodningen. Det betyder att du inte kommer att bli förknippad med detaljerna eftersom Wirify låter dig fokusera på den övergripande designen.

En annan användbar funktion hos Wirify är lärande; det vill säga att generera wireframe (och markering) för en design gör att du kan se hur webbplatser är utformade (både bra och dåliga) och lära av andras arbete. Vilket bättre sätt att lära sig än den visuella representation som genereras av Wirify?

Skär ned tid på trådramar

Även om Wirify är bra för att använda befintliga webbplatser som bas för att bygga nya applikationer, erbjuder det också ett sätt att spara och återanvända dina egna mönster. Du kan ladda en aktuell design, finjustera den och skapa en ny trådram, vilket sparar tid. Detta kräver att gå med Pro-versionen, men kostnaden är minimal jämfört med den sparade tiden.

Det finns många andra sätt att bygga wireframes (ett verktyg som jag alltid har gillaat är PowerMockup), liksom andra alternativ som snabb prototyper som många utvecklare föredrar, men Wirify kan vara en bra tillgång om din strategi innehåller wireframes.

Håll dina tekniska färdigheter uppdaterade genom att registrera dig för TechRepublics gratis nyhetsbrev om Software Engineer, som levereras varje tisdag.

© Copyright 2020 | mobilegn.com