$30 off During Our Annual Pro Sale. View Details »

Wireframes • Nackademin 6 sep

Wireframes • Nackademin 6 sep

Jonas Söderström
PRO

September 06, 2022
Tweet

More Decks by Jonas Söderström

Other Decks in Design

Transcript

  1. Jonas Söderström • 2022 Wireframes Jonas Söderström

  2. None
  3. Jonas Söderström • 2022

  4. None
  5. None
  6. None
  7. Jonas Söderström • 2022

  8. Jonas Söderström • 2022

  9. None
  10. None
  11. Jonas Söderström • 2022 Aktiveras inte förrän man gjort minst

    ett val
  12. None
  13. Sida Block Tre olika block som ska kunna läggas in

    i en godtycklig sida. Block för dokument- listning. Länkat fi lnamn, innehålls-beskrivning, storlek, uppladdningsdatum Filtyp- symbol (Word, pdf etc) Block för att lista objekt med text och bild; t ex för att generera - en lista av material att beställa (böcker) 
 - en lista av personer med porträttbilder (”Dagens fråga”, ”Nya styrelsen” etc.) Kan ha rubrik, men om man inte fyller i rubrik visas ingenting. Block för t ex faktaruta. Har en distinkt överkant, t ex vit text på färgad platta eller liknande.
  14. None
  15. Flöden/struktur Musikterapi Studera 
 på KMH Förstasida studera [meny] [meny]

    Inst 1 Inst 3 Inst 2 ”Hitta utbildning” - wizard Utbildnings- översikt Sidor om campus, studiesocialt mm Utbildning 1 Utbildning 1 Utbildning 1 Utbildning 1 Utbildning 1 Utbildning 1 ”Inriktningar” eller ”huvudområden” Dirigering Jazz Tema- landningssidor Tema 1 från Google från FB Tema 2 Tema 3 Temaväljare Hur man ansöker Sida med pedagogisk steg- för-steg-förklaring av hur antagnings-processen går till. Länkad till från så gott som alla utbildningssidor.
  16. None
  17. Flöde + design

  18. Sida Innehåll på bred sida. Visas här utan meny, navigation

    eller sidfot. 18 Brödsmulor visar hierarkin Upp- daterad senast Call-to-action: Länk till verktyg, tjänst eller liknande. Kan fi nnas fl er än en. H2 H1 H3 Kontakt-person är länkad men inte publicerare Ingress Senast uppdaterad visas inte under texten, enbart upptill
  19. Sida Innehåll på bred sida. Visas här utan meny, navigation

    eller sidfot. 19 Brödsmulor visar hierarkin Upp- daterad senast Call-to-action: Länk till verktyg, tjänst eller liknande. Kan fi nnas fl er än en. H2 H1 H3 Kontakt-person är länkad men inte publicerare Ingress Senast uppdaterad visas inte under texten, enbart upptill Nu med gra fi sk design
  20. Med meny, sidhuvud, -fot

  21. Sida Nyhet (bred skärm) Visas här utan meny, navigation eller

    sidfot. Inbäddad video 21 Publiceringsdata Bildtext Brödtext Bild inlagd via editorn Ingress Utvald bild Kategorier och taggar Rubrik Genvägslänk Datum
  22. Sida Specar 2 Brödsmulor visar hierarkin Upp- daterad senast Call-to-action:

    Länk till verktyg, tjänst eller liknande. Kan fi nnas fl er än en. H2 H1 H3 Kontakt-person är länkad men inte publicerare Ingress Senast uppdaterad visas inte under texten, enbart upptill H1: Helvetica Fet 36 p, svart, radavstånd 34 p, space below 6 p H2: Helvetica Semibold 24 p, svart, space below 6 p H3: Helvetica Semibold 18 p, mörkgrå, space below 4 p Myrstig: Helvetica Normal 12 p, mellangrå CTA: Platta mörkgrön, Text Helvetica Fet 12 p, vit, radavstånd 14 p, marginal till kanter 6 p på alla sidor Metadata (publicerat/uppdaterat): Helvetica Normal 12 p, mellangrå
  23. Sida Genvägs-funktionen Om genväg lagts till, byter länken funktion. 23

    Om sidan har lagts till i genvägar
  24. Sida Innehåll på smal sida. Visas förkortat, utan meny, navigation

    eller sidfot. 24 Sidan förkortad här Kan brytas till fl er rader
  25. None
  26. None
  27. None
  28. None