Grafisk design, Inspirasjon, Meninger, Webdesign

Syv Google Webfonts du ikke må gå glipp av

For noen år tilbake kunne vi velge mellom Verdana, Arial og Times New Roman når vi skulle designe nettsteder. Designerne rev seg i håret og noen kunder gikk så langt som å vurdere Arial som gjennomgangsfont i bedriftens grafiske profil for å få det visuelle likt på papir og skjerm. I dag er font-hverdagen på nett noe ganske annet – mye takket være Google Webfonts.

Her er syv Google Webfonts jeg bruker ofte og som kan gi nettsidene dine (og designprofilen din) et løft:


1. Roboto (Grotesk/sans-serif)

Roboto: En gratis Helvetica Neue

Når du skal herme Helvetica Neue har du bare en ting å gjøre: Å ty til Roboto. Det finnes også andre som er ganske like, men variasjonen til Roboto gir deg mulighet for light’e titler og lesbare paragrafer med ekte bold og italic.

— Ligner på Helvetica
— Perfekt til kontrastfylte titler

 


2. Raleway (Grotesk/sans-serif)

Raleway

Raleway, spesielt i store bokstaver og fet utgave, gir meg skikkelig 2015-følelsen. Den er mer moderne enn Roboto og er litt bredere i rumpa. Raleway er en god erstatning for Avenir eller en moderne utgave av Century Gothic.

— Ligner på Avenir
— Perfekt til store, fete titler i appcaps

 


3. Playfair Display (Serif)

Playfair Display

Da jeg oppdaget Playfair Display for noen år siden ble jeg usaklig glad. Den er så amerikansk avis’ete, så macho og tøff, samtidig som den er femi og elegant. I fet/kursiv-versjon er den dekorativ, i black-variant er den bastant og selvsikker og i light-versjon er den en god erstatning for Bodoni.

— Ligner på Bodoni
— Perfekt til den selvsikre overskriften

 


4. Merriweather (Serif)

Les Pynt, av Torgrim Eggen

Merriweather er den bedre lesbare versjonen av Playfair Display. Mens Playfair er en god Bodoni-erstatning er Merriweather mykere i kantene og egner seg bedre i brødtekster. Den har også en stor variasjonsmulighet i tykkelser. En god lesbar mobiltekst får du ved å kjøre Merriweather i font-size: 16px og line-height 20px. Test og se.

Prøv uansett alltid å holde deg til 40–60 tegn i bredden for god lesbarhet.

— Ligner på Palatino og Stone Serif
— Perfekt til brødtekst på retinaskjerm

 


5. Nothing You Could Do (Håndskrift)

Håndskrift

For å i større grad få brukeren til å forstå hvor han skal klikke neste gang, har jeg god erfaring med å bruke håndskrevne hjelpetekster og piler i samme stil. Da er Nothing You Could Do en fin font å bruke.
Men husk at slike hjelpetekster blir irriterende om de blir der for alltid. Og ikke bruk denne fonten som tittel eller brødtekst på nettsiden din, er du snill.

— Ligner på håndskrift
— Perfekt til hjelpetekster

 


6. Crete Round (Slab Serif)

Crete Round

Det er ikke så ofte jeg bruker Slab-fonter for tiden, men jeg måtte ha med en i listen, og Crete Round løfter alltid et nettsted. Slabfontene fungerer godt i blant annet lister, fordi linjene i skrifttypen gjør en liste oversiktlig.
Husk også at flere av fontene over har slab-versjoner, som kan brukes sammen med serif eller grotesk-versjonen.

— Ligner på Museo Slab
— Perfekt til lister

 


7. Montserrat (Grotesk/sans-serif)

Montserrat

Til slutt: Fonten som lett kan beskrives som favorittfonten min: Montserrat. Den er så tro mot grunnformene, samtidig som den er så moderne. Bakdelen med fonten er derimot at den kun er tilgjengelig i regular og bold … noe som egentlig gjør den uegnet til brødtekster – som trenger kursiv.
Samtidig er det enkelheten som gjør den så fristende å bruke, fordi den tvinger meg til å holde det enkelt.
Last ned Montserrat og begynn å bruke. Gjerne som en app-caps-tittel i hvitt på en frisk bakgrunnsfarge.

— Ligner på Gotham og Avenir
— Perfekt til en enkel burgermeny på mobil

 


Hva er din favoritt Google Webfont?

Standard
Kunden og divadesigneren
Buzz, Grafisk design, Meninger, Webdesign

Syv ting du aldri må si til en designer

Det er ikke bare-bare å forholde seg til oss designere. Spesielt oss diva-designere som er ganske sikre på at vi alltid har rett og at vi har bedre smak enn gjennomsnittet.

Her er syv selvhørte setninger … som de fleste designere vil sette pris på å slippe å høre. Les videre

Standard
Marc Zuckerberg
Buzz, Interaksjonsdesign, Meninger, Sosiale medier, Strategi, Webinnhold

Facebook sine planer for 2015 og hva du kan lære av dem

Tidligere i høst lanserte Mark Zuckerberg sine planer for de neste tre, fem og ti årene. Både han og Facebooks finansdirektør, Dave Wehner, lover at 2015 blir et år med en rekke agressive investeringer.

Til neste år skal Facebook fortsette å satse videre på bedre videofunksjoner på både desktop og mobil, samtidig som de ønsker å forbedre bedrifters muligheter i appene sine, med bedre funksjoner for annonsering og publisering, spesielt på mobil.

De største investeringene Zuckerberg snakker om handler nok om å i større grad skille Facebook-produktene fra hverandre og la hver av produktene vokse. Facebook står jo bak applikasjoner som WhatsApp, Messenger, Search, Video, NewsFeed, Oculus og Instagram, som alle har hver sin oppgave. Til sammen har disse 1 milliard brukere. Les videre

Standard
Kundeomtaler i AppStore.
Arbeider, Mobil, Strategi, Webdesign

Radioresepsjonens Drops- og Pastilltest-app

Hvorfor har Skalar laget en app for noe så banalt som et radioprogram sin intetsigende drops- og pastilltest? Hva er resultatet etter 3 dager, og hva har vi lært av å gjøre dette?

Torsdag kveld i forrige uke havnet min første app i App Store. En app som viser «hvor mange munner» programlederne i NRK P13s radioprogram Radioresepsjonen har gitt til innsendte drops og pastiller – på en skala fra 1 til 100.

I tillegg til å se resultatene, kan også du som lytter laste opp bilde av deg selv med dropset eller pastillen.

Gunnar Fornes og Johannes Hoff Holmedahl

Appen er laget av oss: Gunnar Fornes og Johannes Hoff Holmedahl

Så: Hvorfor i all verden lager Skalar dette?

Skalar skal jo lage forretningskritiske applikasjoner; dvs apper, webbaserte løsninger og nettsider som har en effekt på for eksempel en bedrifts omsetning eller kundetilfredshet. Vi lager løsninger som får to systemer som ikke snakker sammen til å snakke sammen, og vi lager løsninger som sparer en bedrift for mange mange mange timers manuell repetitiv jobb.

Det er tre grunner for Skalar til å lage en «tulle-app»:
1) For å lære mer om mobilapper og for å teste ny teknologi
2) Gjøre Skalar mer kjent
3) For rekruttering

Les videre

Standard
Apple-iPhone-6
Meninger, Mobil

iPhone 6. Min siste iPhone?

Dette er et blogginnlegg som jeg egentlig ikke har så lyst til å skrive. Det er nok mest fordi jeg er Appleholiker.
Ingenting varer evig.

Forrige fredag var jeg en av de første av mine kolleger og venner som fikk iPhone 6. Jeg fikk tak i den gullfargede, som ikke er så tacky som det høres ut, faktisk, i 128GB. Gullfargen er egentlig lys brun … og er kanskje det jeg liker best med telefonen.

Derimot har den første uken med iPhone 6 vært sånn passe. Telefonen er ikke dårlig, men den hadde ikke den wow-faktoren jeg tenkte meg. Og jeg har tre ting å utsette på den: Størrelsen, formen og … oh my god … batteritiden. Les videre

Standard
Meninger, Strategi, Webinnhold

Hva koster en app?

Hva koster egentlig en app? Hva koster en nettside? Ja, men sånn helt seriøst! Kan vi ikke bare begynne å svare når kundene våre spør?

Hvorfor skal jeg som konseptutvikler og designer blogge om priser?
For det første jobber jeg ofte med prising og tilbudsskriving i Skalar. Men den viktigste grunnen er at jeg gjennom mine 18 år som designer, ofte før jeg har begynt å snakke om hva vi skal lage, stadig blir stilt spørsmålet “og hva koster dette?”.

Det jeg vil er å få vekk alle praktiske (og ikke-kreative) spørsmål kunden har – så kollegene mine og jeg kan sette igang med å lage kule løsninger som gjør verden bedre.

Jeg snakker egentlig om to ting: Apper (både de vi laster ned fra App Store, men også tunge forretningskritiske applikasjon internt i organisasjonen din) og nettsider.

Men det er jo ikke noen stor forskjell. Så det vi tenker om apper kan enkelt overføres til nettsider – og motsatt.

Uansett har jeg et raskt kjekkassvar:
Det koster det samme som en bil!

Og det er faktisk sant – selv om det er et like uklart svar som når kona mi sier at; “neida, det er ingenting”.

Les videre

Standard
Hvordan mobiltilpasse nettsider
Meninger, Mobil, Strategi, Webdesign

Hvordan mobiltilpasse min ikke-mobiltilpassede nettside?

Statistikk fra flere nettsider jeg administrerer viser at over 50% av de besøkende kommer fra nettbrett og smarttelefoner. Ja: det er en selvfølge å tilpasse nettsidene våre til annet enn den tradisjonelle dataskjermen på toppen av et skrivebord.

Men: Selv om vi er enige om at det er viktig å ha mobiltilpassede nettsider er ikke dette gjort kun ved å krysse av et felt i publiseringssystemet (CMSet) ditt. Det tar tid og det koster penger.

Flere kunder har spurt meg hva som er riktig innfallsvinkel:
Så, hva er smartest? 

1: Kode om dagens nettsider?
2: Kaste dagens nettsider og lage nye responsive sider?
eller
3: Lage en egen mobilside i tillegg til dagens nettsider – og sende mobilbrukere dit?

Les videre

Standard