Learn Text Design

Question 1

Hva er problemet med mye tekst?

Answer 1

det er ikke naturlig for normale mennesker å lese mye tekst. Det er din jobb som designer å vise hva man bør fokusere på.

Question 2

Hvordan kan du lage kontrast med font-family? Hva bør du unngå?

Answer 2

Du kan lage titlene i sans serif, og hovedteksten i serif. Unngå å blande font-typer, det kan bli rotete.

Question 3

Hvordan kan du lage kontrast med fonter når det ikke er snakk om font-typen?

Answer 3

style
size
weight
color

Question 4

Hva er analogien for bruk av whitespace?

Answer 4

Websiden din er som et rom som du prøver å holde ryddig ved å ha rene og ryddige overflater

Question 5

Hvilke prinsipper bør du følge for å opprettholde tekst-lesbarhet?

Answer 5

Make sure that your text is big enough (over 16px).
Have a strong contrast between the foreground and the background.
Make sure there is enough space between lines and letters (remember, whitespace is king!)

[kontrast, størrelse, rom] - KRS

Question 6

hvordan kan vi lage whitespace på tekst?

Answer 6

rom mellom linjer (line spacing), tracking (rom mellom bokstaver og ord), kerning (plass mellom to bokstaver i en tekst)

[SPACE, TRACK, KERN] - STK

Question 7

Hva er kerning?

Answer 7

Kerning is the space between two letters in the text. You typically will not need to worry about kerning because a well-designed typeface already has optimal kerning built in.

Question 8

hvordan øke rommet mellom linjer?

Answer 8

line-height

Question 9

hvordan øke rommet mellom bosktavewr?

Answer 9

letter-spacing

Question 10

Hvordan kan du gjøre det lett å navigere?

Answer 10

Navigasjonslinkene bør se klikkbare ut - følg konvensjoner for klikkbarhet. Ikke lag blå tekst, det vil lure folk til å tro at de skal klikke det. Ha tekst på navigasjonsknapper, sånn at det er helt klart hva de gjør.

Question 11

hva tyder studier på at man foretrekker når det gjelder linjelengde?

Answer 11

Kort linjelengde. Selv om man leser lange linjer raskere.

Question 12

Hva mener vi med linjelengde?

Answer 12

Lengden en linje er på før den går på en ny linje

Question 13

På hvilke måter kan du redusere linjelengden?

Answer 13

Lage flere kolonner eller forkorte linja

Question 14

Hva skjer hvis linjen er altfor kort?

Answer 14

Man blir tatt ut av flyten når man leser

Question 15

Hva er optimal linjelengde, og hvorfor?

Answer 15

50-70 tegn per linje

Question 16

Hva kommer brukeren til å legge merke til på siden?

Answer 16

Det første og det siste (primary og recency-effekter), bilder

Question 17

hva er f-formet skumlesing?

Answer 17

Fra venstre til høyre. Fra topp til bånn. Vi hopper tilbake til venstre når vi skumleser. Måten vi skumleser på, danner et f-formet mønster.

Question 18

Hva er problemet med avsnitt på høyre side?

Answer 18

Vår måte å lese i f-formet mønster på passer ikke med dette.

Question 19

Hva gjorde de for å gjøre filmrating-siden bedre i prosjektet?

Answer 19

Man skal øyeblikkelig se hva som er viktig: La til header-elementer (h1 og h2). Navn på de som reviewet ble h3-elementer.

La til en farge på selektoren for alle headere, slik at de skilte seg ut med kontrast.

Definerte listen med skuespillere som ul/li, for å se den lettere. For å gjøre listen med skuespillere litt ulik de andre elementene, ble det lagt til line-height og økt font-størrelse.

fikset letter-spacing som var negativ, sånn at bokstavene ikke gikk oppå hverandre.

Question 20

Hva slags element brukes for hovedheader på siden?

Answer 20

h2

Question 21

Hvordan vite hvilke fonter du bør bruke sammen?

Answer 21

Google har en side som heter “google font pairings”