Typografi & Bas: Wireframe-kit för prototyping i Adobe XD

Wireframes är ritningen för en webbplats eller applikation och ett viktigt steg i utvecklingen. En visuell guide som illustrerar alla kritiska komponenter en användare behöver för att uppnå sajtens eller applikationens avsedda mål och syfte. Den fungerar som en överenskommelse mellan alla parter om vad vi skapar. Att ha ett bra wireframe-kit sparar tid och gör prototypandet snabbare.

Jag har genom åren provat och använt flera verktyg och metoder för att skapa och presentera wireframes, användarflöden och prototyper. Allt från Balsamiq, InVision, OmniGraffle till PDF-klickgenomgångar. Med varierande framgång, ingen av dem passade in i resten av min verktygsstack, som bestod av Adobe Creative Suite, och främst Adobe Illustrator. Ja, jag har aldrig gillat Photoshop för webben, och när allt blev responsivt var vektorer ett självklart val. Som ett resultat hamnade jag i att wireframea i Illustrator och använda InDesign för att skapa presentationer och layouta användarflöden.

När Adobe tillkännagav sin nya prototypapplikation Adobe Experience Design blev jag exalterad att testa den. Kanske skulle den ersätta det jag gjorde då, och ändå fungera bra med resten av Adobe Suite?

Det visade sig att jag trivs ganska bra med att arbeta i Adobe XD (Experience Design). Applikationen är fortfarande i beta, och jag väntar tålmodigt på uppgraderingar som förbättrar det som inte fungerar än. Mina befintliga Illustrator-wireframe-tillgångar konverteras och återskapas, projekt för projekt, en och en. Så låt mig dela med mig av textkomponenter för strukturerat blogginnehåll och mediaelement. Använd dem som ni önskar, och kom gärna tillbaka för mer. Jag planerar att släppa fler mindre kit som det här framöver.

Enjoy! ヾ^_^

Ladda ner Adobe XD-baskit