Studio Elsa

Containrar & block:Wireframe-kit för prototyping i Adobe XD

Containrar & block:Wireframe-kit för prototyping i Adobe XD

Vid wireframing finns det ingen anledning till att du som designer ska behöva återskapa standardcontainrar som dragspelsmenyer, callouts och flikar. Det är slöseri med tid, tid som kan användas till att lösa faktiska designproblem.

Jag fortsätter min serie av konverterade och återskapade Illustrator-wireframe-tillgångar, den här gången containrar och block. Några av de här använder jag väldigt sparsamt eller för särskilda syften. Dragspelsmenyer och flikar användes förr som ett sätt att packa in och sortera mycket innehåll på liten yta. Samtidigt gömmer vi en del av det innehållet för användaren. Fortfarande användbart som yteffektivt, men jag rekommenderar att inte använda dem som en eftertanke. De passar bättre när man inkluderar tillhörande information, som fraktvillkor på en produkt, etc. Med det sagt är dragspelsmenyer ett av mina favoritsätt att visa vanliga frågor och svar, vilket gör frågorna lätta att skumma, och flikar är bra för utvalda taggar, inline-filter på sidan.

Oj, och kom gärna tillbaka för mer. Enjoy! ヾ^_^

Ladda ner Adobe XD Containrar & block-kit

Vad ingår i kitet

1. Dragspelsmeny

En lista med objekt, en kolumn bred, visad med svarta avdelarlinjer, plus- och minusikoner, och en svart kontur. Vertikalt staplad lista med objekt med ikoner som visar om det är hopfällt eller expanderat.

2. Callouts

Callout-block, med och utan den hopfällbara ikonen. Callout-block, med och utan den hopfällbara ikonen.

3. Kort

Callout-block, med och utan den hopfällbara ikonen. Callout-block, med och utan den hopfällbara ikonen.

4. Tidslinje

Tidslinje med callout-block. Tidslinje med callout-block.

5. Tabell

Tabell med tabellrubriker och 3 kolumner med innehåll. Tabell med tabellrubriker och innehåll.

6. Flikar

Flikar med innehåll. Flikar med innehåll.

7. Tooltips

Riktade tooltips. Riktade tooltips.

Enjoy! ヾ^_^

Ladda ner Adobe XD Containrar & block-kit

Fler wireframe-kit för prototyping i Adobe XD

Vill du ha hjälp att omsätta det här i praktiken?

Om du vill ha en hand med att tillämpa det här på din produkt eller ditt arbetsflöde kan vi hjälpa dig forma nästa steg.

Starta något