Navigering och sidinnehåll

Preview:

DESCRIPTION

Text och bild på webben. Navigering och sidinnehåll. Huvudmeny (Socialt stöd, vård och omsorg) Undermeny (hierarki, kategorisering, antal länkar) Underundermeny – Underunderundermeny (se ovan) Högermeny (kontakt, ladda ner m.m.) Huvudfönster (det vi påverkar dagligen). - PowerPoint PPT Presentation

Citation preview

ww

w.s

kara

.se

Navigering och sidinnehåll

Huvudmeny (Socialt stöd, vård och omsorg)

Undermeny (hierarki, kategorisering, antal länkar)

Underundermeny – Underunderundermeny (se ovan)

Högermeny (kontakt, ladda ner m.m.)

Huvudfönster (det vi påverkar dagligen)

Text och bild på webben

ww

w.s

kara

.se

Varför använda bilder?

Förstärka ett budskap (kan vara svårt)

Skapa en känsla (blir mer och mer vanligt)

Illustrera eller tydliggöra (fokus på syfte länk till större bild)

Onödigt i vissa fall (fakta)

                                                                                    

                                                                                     

ww

w.s

kara

.se

Exempel på bild och form på skara.se

                                                            

                                                                                                 

                                                                        

                                                                             

                                    

ww

w.s

kara

.se

Textkomposition

Vad har jag för formatering? (teckensnitt, fet, färg, m.m.)

Radbrytningar och stycken (när blir det nytt stycke?)

Text i förhållande till bild (över, under eller vid sidan?)

Marginaler är A och O (lugnar ögat och skapar överblick)

Scroll eller inte? (bra eller dåligt?)

Textmassa (kort eller lång?)

ww

w.s

kara

.se

Exempel

ww

w.s

kara

.se

Textkomposition

Inledning (tydliggör för besökaren)

Rubrik (tydliggör)

Brödtext (radbrytningar, enterslag)

Stycke (hur många rader skapar ett stycke?)

Punktlista (befogat?)

Teaser – Sammanfattning- Fullständig info

Recommended