navigering och sidinnehåll

6
www.skara.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

Upload: lindsay

Post on 13-Jan-2016

59 views

Category:

Documents


0 download

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

TRANSCRIPT

Page 1: Navigering och sidinnehåll

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

Page 2: Navigering och sidinnehåll

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)

                                                                                    

                                                                                     

Page 3: Navigering och sidinnehåll

ww

w.s

kara

.se

Exempel på bild och form på skara.se

                                                            

                                                                                                 

                                                                        

                                                                             

                                    

Page 4: Navigering och sidinnehåll

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?)

Page 5: Navigering och sidinnehåll

ww

w.s

kara

.se

Exempel

Page 6: Navigering och sidinnehåll

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