Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Empfohlen
Empfohlen (20)
Typografi
- 2. – Web Design is 95% Typography Oliver Reichenstein http://informationarchitects.net/blog/the-web-is-all-abouttypography-period/
- 3. – For better or worse, if you design for the web, you are a typographer. Jon Tangerine http://jontangerine.com/
- 4. Men hva er egentlig typografi?
- 6. Språk Typografi handler om å organisere tekstlige budskap.
- 7. Typografi Skrifttype (font type) Skriftstørrelse (font size) Utforming og teknisk behandling av et (hovedsakelig) tekstlig budskap; den visuelle formen på en trykt tekst. Sentrale problemstillinger er leselighet og avpassing av formen til innholdet gjennom valg av skrift, skriftstørrelse, linjelengde, linjeavstand, farger osv., samt tilpasning av tekst- og bildeflater til papirflaten og plassering av de enkelte elementer. Linjeavstand (leading) Linjelengde (measure)
- 8. Hva gjør en tekst lettlest?
- 9. Hvordan kan vi teste lesbarhet?
- 10. Hvordan jobber vi med typografi og innhold?
- 11. Hvordan jobber vi når vi ikke har noe innhold?
- 12. Sette tekst Behandle og formattere tekst, lage titler, lister, uthevinger osv.
- 13. Tittel Brødtekst Typografi Utforming og teknisk behandling av et (hovedsakelig) tekstlig budskap; den visuelle formen på en trykt tekst. Sentrale problemstillinger er leselighet og avpassing av formen til innholdet gjennom valg av skrift, skriftstørrelse, linjelengde, linjeavstand, farger osv., samt tilpasning av tekst- og bildeflater til papirflaten og plassering av de enkelte elementer.
- 14. Tittel Brødtekst <h1>Typografi</h1> <p>Utforming og teknisk behandling av et (hovedsakelig) tekstlig budskap; den visuelle formen på en trykt tekst. Sentrale problemstillinger er leselighet og avpassing av formen til innholdet gjennom <em>valg av skrift</em>, <em>skriftstørrelse</em>, <em>linjelengde</em>, <em>linjeavstand</em>, <em>farger</em> osv., samt tilpasning av tekst- og bildeflater til papirflaten og plassering av de enkelte elementer.</p>
- 15. Hvordan bør vi jobbe med å sette tekst?
- 16. Er det designeren eller innholdsprodusenten sin jobb?
- 17. Tegnsetting? • • • • • • • Forkortelser, initialord, akronymer (f.eks. dvs., NRK, laser) Punktum og komma (. og ,) Spørsmåls- og utropstegn (? og !) Kolon og semikolon (: og ;) Bindestrek og tankestrek (- og –) Anførselstegn («sitat», “sitat” og ‘sitat’) Osv.
- 18. Hvor viktig er riktig tegnsetting?
- 19. Hvordan kan vi sikre at systemet vi lager holder vann?
- 20. Skrifttyper Gi teksten form og personlighet.
- 21. Typografi
- 33. Blackletter (Gotisk skrift) Old English
- 37. Når er det riktig å velge bort profilfonten?
- 38. Hvor starter du hvis det ikke finnes en profilfont?
- 39. Hva er viktigst? Personlighet eller lesbarhet?
- 40. Hvordan finner vi gode skriftpar?
- 41. Hvor mange skrifttyper trenger du?
- 42. Hva er egentlig en god skrifttype?
- 43. Hierarki Visualisere konseptuelle nivåer i teksten.
- 44. Størrelse aa aaaaa 6 7 8 9 10 11 +2 12 aaaa 14 16 +2 18 21 +3 aa 24 36 aaa 48 60 +12 72
- 49. Hvilke andre virkemidler kan vi bruke for å skape kontrast?
- 50. Hvordan bygger vi gode hierarkier?
- 51. Hvor skal jeg starte?
- 54. 50% Ja, absolutt! 8% Nei, ikke prøv. Vet ikke hva registerlinjer er. Er registerlinjer eller baseline grid en god idé på nett? 42%
- 55. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper Base line suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim Qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus Lorem ipsum dolor sit amet, consectetuer adipiscing legentis in iis qui facit eorum claritatem. Investigationes elit, sed diam nonummy nibh euismod tincidunt ut demonstraverunt lectores legere me lius quod ii legunt laoreet dolore magna aliquam erat volutpat. saepius.
- 56. – Baseline grids are, ultimately, most useful in print. Jason Santa Maria http://jasonsantamaria.com/articles/baseline-grids-on-the-web
- 57. – Doing anything less (...), I’d consider lazy. Jan Schjetne http://schjetne.net/2012/10/23/typography-on-web-and-inprint/
- 58. Er registerlinjer eller baseline grid en god ide på nett?
- 59. Når er det viktig? Når er det ikke viktig?
- 60. Hvordan jobber vi evt. med registerlinjer på nettet?
- 61. Teknologi Regissere og lede brukeren gjennom teksten.
- 63. Windows?
- 64. Hva gjør vi når fonten vi har valgt ikke virker på Windows?
- 65. Kan vi bruke hva som helst nå eller er det fortsatt verdana og georgia som gjelder?
- 66. Skal vi gå helt bananas bare fordi vi kan?
- 67. Må vi alltid jobbe med typografi i HTML eller er Photoshop fortsatt et viktig verktøy?
- 68. Hvilken måleenhet er best og hvorfor? Px, em, rem, %.
- 69. Når er det riktig å ta utgangspunkt i et ferdig rammeverk?
- 70. Må vi jobbe annerledes med typografi når vi designer responsive nettsted?
- 71. Er det best å hoste fontene selv eller bør man bruke en online tjeneste?
- 72. ? Konklusjon.