Innhold
- 01. Vurder en innfødt appfont
- 02. Velg en skrift som passer til innholdet
- 03. Bruk størrelse og vekt for å skape hierarki
- 04. Legg til en vri på personligheten
- 05. La det være mye hvitt
Tekst utgjør 95 prosent av all digital kommunikasjon. Så uansett hvor nøye raffinert brukergrensesnittet, ikondesignet eller bildevalget i en app er valg av skrift helt avgjørende.
Typografi har direkte innvirkning på brukeropplevelsen til en app. Hvis innholdet er vanskelig å lese, menyalternativene er uklare, eller hvis formålet med knapper og andre oppfordringer til handling er uutslettelig, lider brukervennligheten enormt. Og alle disse beslutningene må tas med tanke på en liten skjerm.
Les videre for fem topptips for å velge den perfekte fonten for din neste appdesign ...
01. Vurder en innfødt appfont
Apple så tydelig verdien i typografi da de ga ut sitt eget sans-serif-skrifttype, San Francisco, i 2015. Etter å ha brukt en blanding av Helvetica Neue, Lucida Grande, Myriad Pro og VAG Rounded for sine forskjellige programvare-, maskinvare- og markedsføringsbehov til det poeng, SF merker av alle boksene til teknologigiganten.
Som standard iOS-font kan San Francisco lisensieres til registrerte tredjepartsutviklere for å designe apper for Apples plattformer. Den er designet med tanke på verktøy og lesbarhet, og iOS bytter automatisk mellom tekst- og displayvarianter når størrelsen faller under 10pt eller over 20pt.
Tre år tidligere hadde Google også gitt ut sin egen, egenutviklede appfont for Android-plattformen: Roboto, som erstattet tidligere systemfont Droid. I likhet med San Francisco er det en ren, moderne sans-serif, men den har noen flere personlighetsegenskaper.
Hvis du ser etter et ”innfødt” utseende, er San Francisco eller Roboto en god innsats - og designerne hos Apple og Google har gjort det harde arbeidet med å sikre at de jobber på mobil.
02. Velg en skrift som passer til innholdet
Både San Francisco og Roboto er rene sans-serif-design, noe som pleier å være standardvalget for de fleste appdesignere: sans-serifs er nøytrale og trygge, og gode for lesbarhet på knapper, menyer og overskrifter.
Hvis appen din inneholder store mengder langt innhold, kan en serif imidlertid være et bedre valg. Medium, iBooks og avisapps som Bloomberg eller The New York Times bruker for eksempel serif-skrifttyper.
Apper som disse må imøtekomme et bredt spekter av aldre og preferanser i lesertallet. Hvis appen din har store tekstdeler, kan det lønne seg å bygge inn et visst nivå av tilpasning av både skrift og størrelse for å imøtekomme spesielle brukerbehov.
03. Bruk størrelse og vekt for å skape hierarki
Apple anbefaler minimum 11pt tekst for å opprettholde lesbarheten på iPhone, iPad og Apple Watch, selv om du prøver å unngå å presse grensene. Den ideelle verdien er mer som 15-19pt, så gi god plass og unngå for mye rot i grensesnittet.
San Francisco, Roboto og populære app-designalternativer som Open Sans, Proxima Nova og Museo Sans kommer i en rekke nyttige vekter, så bruk dem til full vekt og hierarki. Du har ikke mye plass å jobbe med, og å bringe et nøkkelelement opp en vekt eller to kan gjøre underverker for å trekke oppmerksomhet.
Som en tommelfingerregel er vanlige vekter best for minimum 11-19pt-området, middels vekter fungerer godt fra 20-34pt, og alt over det - vanligvis hovedoverskrifter - fungerer bra i fet skrift. Lette og ultralette vekter lagres best for veldig store typer, da lesbarheten ellers vil lide.
Tenk også på linjelengde. I gjennomsnitt vil et nettsted ha 60–75 tegn per linje, mens apper er mye smalere: du ser mer på 35–50.
Hvis linjene er for lange, blir de uhåndterlige og brukere kan miste oversikten over informasjonen. for kort, og lesing blir unaturlig. I praksis, hvis du oppfyller retningslinjene for skriftstørrelse, bør du unngå disse problemene.
04. Legg til en vri på personligheten
Når det gjelder veldig avskårne, minimalistiske, funksjonelle grensesnitt, er det ikke så mange verktøy til din disposisjon for å gi karakter til appdesignet ditt. Flat design handler om farger, enkle former - og typografi.
Følgelig, hvis typen er en av de mest fremtredende aspektene ved et ellers brutalt enkelt brukergrensesnitt, er en displayfont som har noen subtile, men unike særegenheter verdt å vurdere. Vanlige, nøytrale skrifttyper er effektive, men du kan risikere at appen din mister identiteten.
Typografier som har blomstrer eller bestemte designfunksjoner på visse tegn er verdt å se. Bla gjennom Google Fonts for gratis alternativer som Raleway eller Quicksand, eller lisensier et mer komplekst og allsidig skrift som Klinic Slab.
05. La det være mye hvitt
En av de viktigste reglene i appdesign er å unngå rot for enhver pris, og dette har uunngåelig en effekt på fontvalgene dine, samt hvordan du bruker dem i designprosessen.
Mobile skjermer gir deg ikke mye plass å jobbe med, men du må la så mye av det være fritt som mulig og respektere pusteområdet mellom elementene. For mye tekst og for mange alternativer å velge mellom, tilfører ikke annet enn forvirring og er ikke en tilfredsstillende brukeropplevelse.
På samme måte må det være tilstrekkelig å føre mellom linjer og avsnitt. Å knuse dette for å passe for mye innhold på en enkelt skjerm er en altfor vanlig feil som vil frustrere brukere som er vant til apper som gjør livet enklere og enklere.
Når 'hvite rommet' -regelen kombineres med retningslinjene for minimumsstørrelse for tekst, blir resultatet klart: du må kutte den ned, ikke presse den inn.
