Rettspraksis.no:Typografi: Forskjell mellom sideversjoner

Siste sideversjon per 12. mai 2021 kl. 23:24

Dette er typografien som er valgt for Rettspraksis.no.

Med typografi menes utforming og framstilling av det tekstlige budskap på nettsiden.

Innhold:

Tekst		Overskrifter
Skrifttype:	Roboto	Skrifttype:	Roboto
Skriftvekt:	400	Skriftvekt:	700
Skriftstørrelse:	15px/0.9375em	Skriftstørrelser:
Farge:	#333	- Sideittel	23px/1.4375em
		- Tittel	21px/1.3125em
		- Tittel2	18px/1.125em
		- Tittel3	16px/1em
		Farger:	#800020
			#333
			#FFF

Roboto har både et mekanisk skjelett og stort sett geometriske former. Samtidig har skrifttypen vennlige og åpne kurver. Mens noen groteske skrifttyper (uten seriffer) forvrenger bokstavformene for å tvinge en stiv rytme, går ikke Roboto på kompromiss, og tillater at bokstavene avgjøres i sin naturlige bredde. Dette gir en mer naturlig leserytme som ofte finnes i skrifttyper med humanistiske former og serif-typer.

Logo:

Tekst
Skrifttype:	Comfortaa
Skriftvekt:	700
Farger:	#131313
	#FFF
	#DD3333

Comfortaa har et avrundet geometrisk design uten seriffer og er en etterligning av skrifttypen Gill Sans. Den er beregnet for store størrelser.

Se også

Eksterne lenker

Google Fonts: Roboto (fonts.google.com)
Google Fonts: Comfortaa (fonts.google.com)

@@ Linje 1: / Linje 1: @@
-Med fokus på lesvennlighet, er dette typografien som er valgt for Rettspraksis.no.
+Dette er typografien som er valgt for Rettspraksis.no.
-Med lesevennlighet menes god leseflyt og det som gjør det mest mulig behagelig for øyne og hode å lese lange tekster/store tekstmengder på skjerm. Det innebærer mørk grå skrift på hvit bakgrunn, for å opprettholde kontrast, uten at det blir for skarpt. Videre er det tatt hensyn til skriftstørrelse, linjeavstand og avstand mellom avsnitt. For overskriftene er det brukt en komplementær rødfarge fra logoen, som er mørkere for å gjøre dem mindre skarpe i lesesynsfeltet.
-Noe som viser seg å ha stor betydning for lesevennlighet er tekstlinjelengden. Rundt 1000px regnes som optimalt. Dette vil bli justert når Rettspraksis.no-plattformen får nytt nettsidedesign. Da vil det også bli ryddet opp i alle meny-elementene som i dag omgir lesesynsfeltet.
+Med typografi menes utforming og framstilling av det tekstlige budskap på nettsiden.
+__NOTOC__
+=== Innhold: ===
 {| class="wikitable"
 |- style="font-weight:bold;"
@@ Linje 14: / Linje 13: @@
 | Skrifttype:
 | Roboto
+|-
+| Skriftvekt:
+| 400
+| Skriftvekt:
+| 700
 |-
 | Skriftstørrelse:
 | 15px/0.9375em
 | Skriftstørrelser:
 |
 |-
 | Farge:
-| style="background-color:#202122; color: #fff"|#202122
+| style="background-color:#333; color: #fff;"|#333
 | - Sideittel
 | 23px/1.4375em
 |-
 |
 |
 | - Tittel
 | 21px/1.3125em
@@ Linje 42: / Linje 46: @@
 |
 |
-| Farge:
+| Farger:
-| style="background-color:#911313; color: #fff"|#911313
+| style="background-color:#800020; color: #fff;"|#800020
+|-
+|
+|
+|
+| style="background-color:#333; color: #fff;"|#333
+|-
+|
+|
+|
+| style="background-color:#fff;"|#FFF
 |}
 '''Roboto''' har både et mekanisk skjelett og stort sett geometriske former. Samtidig har skrifttypen vennlige og åpne kurver. Mens noen groteske skrifttyper (uten seriffer) forvrenger bokstavformene for å tvinge en stiv rytme, går ikke Roboto på kompromiss, og tillater at bokstavene avgjøres i sin naturlige bredde. Dette gir en mer naturlig leserytme som ofte finnes i skrifttyper med humanistiske former og serif-typer.
-'''Universell utforming''' og spesielle behov er ikke vektlagt ved utformingen. Likevel er det gjort tester for å se at valgene i det minste er innenfor anbefalingene, selv om de ikke er optimalisert for dem.
+=== Logo: ===
+{| class="wikitable"
+|-
+! colspan="2" | Tekst
+|-
+| Skrifttype:
+| Comfortaa
+|-
+| Skriftvekt:
+| 700
+|-
+| Farger:
+| style="background-color:#131313; color: #fff;"|#131313
+|-
+|
+| style="background-color:#fff;"|#FFF
+|-
+|
+| style="background-color:#dd3333; color: #fff;"|#DD3333
+|}
-Det er forsøkt å finne et slags fasitsvar på hvilke kombinasjoner som gir best lesevennlighet på skjerm, men forskningsrapportene var gamle og annen informasjon hadde personlige preferanser uten empiri. Dette er bare et forsøk på å finne noe som fungerer for rettsavgjørelser, men vet du noe ikke vi vet blir vi glad for '''[[Spesial:Kontakt|tips]]'''.
+'''Comfortaa''' har et avrundet geometrisk design uten seriffer og er en etterligning av skrifttypen Gill Sans. Den er beregnet for store størrelser.
 == Se også ==
 * [[Rettspraksis.no:Fargepalett|Fargepalett]]
 * [[Rettspraksis.no:Logo|Logo]]
+* [[Rettspraksis.no:Designvalg|Designvalg]]
 == Eksterne lenker ==
 * [https://fonts.google.com/specimen/Roboto Google Fonts: Roboto] (fonts.google.com)
+* [https://fonts.google.com/specimen/Comfortaa Google Fonts: Comfortaa] (fonts.google.com)
 [[Kategori:Design]]