Archive for the ‘Design’ Category
1990-tallet: Starten på noe stort
Tekst: Solveig Hansen, 2019
I dag gratulerer vi World Wide Web med fylte 30 år. Husker du webdesignen fra 1990-tallet?
Noe av det mest krevende i webens tidlige dager var å få nettsidene til å se like ut i alle nettlesere, og vi brukte tabeller som formateringsverktøy. Så kom CSS, og det var på tide å bytte ut tabellene med «floating DIVs», men fortsatt måtte det en del flikking til før resultatet ble bra både i Internet Explorer, Firefox og Opera. Nå er det responsiv design som gjelder.
Jeg er ikke spesielt tilbakeskuende, men webens 30-årsdag førte tankene hen til 90-tallet. «Sære bakgrunner, introskjermbilder med overforbruk av Flash, ukritisk bruk av innebygde MIDI-musikkfiler.» Slik pleier jeg å oppsummere 90-tallets webdesign. Var det virkelig så ille? Vel, det var mye blinkende lys og mange effekter. Gjerne alt på én gang.
Jeg hadde dilla på bakgrunner. Alt kunne brukes: blondegardiner, duker og grytekluter, klær, gulv og tapeter. Den norske ambassaden i Washington brukte et tradisjonelt lusekoftemønster. Selv tok jeg raskt i bruk murbakgrunner, gjerne kombinert med Courier-skrift. På murveggen «tagget» jeg menylenker i grafittiskrift og laget Hjem-lenker i form av gateskilt. Heldigvis har jeg tatt vare på noen av bakgrunnene, alle fotografert med en tidlig utgave av et digitalt kamera og mekket i Photoshop. Nedenfor ser du tre av dem: et palestinaskjerf, en murvegg ved Akerselva og en strikkesokk.
Slik ser bakgrunnsflisene ut:
Jeg er fortsatt imponert over at skjøtene mellom flisene ikke vises på skjermen.
Når julen nærmet seg og jeg pyntet opp hjemmesiden med kristtorn, lys og snøfnugg, klasket jeg opp juleevangeliet på murveggen – i Courier, selvsagt.
På 90-tallet var det populært å bygge inn MIDI-musikkfiler på nettsider. Jeg brukte «Obladi Oblada» og 60-tallets sjefsklinelåt «A Whiter Shade of Pale». Etter hvert ble det vanlig å bruke et introskjermbilde, forløperen til de senere Flash-baserte åpningssidene. Min forside var svart. Musikken var ragtime. En animert danser kom inn fra nedre høyre hjørne, danset en liten stund, forsvant ut og kom inn igjen.
Så mye for nostalgien. Jeg er glad for at utviklingen har gått i retning av designmessig rene og funksjonelle løsninger som fungerer på alle plattformer, men det var gøy før også. Ikke alltid like pent, men artig, frustrerende og lærerikt. Si hva du vil om 90-tallet, men det var da det startet.
Bokomslag i svart/hvitt
Tekst: Solveig Hansen, 2017
Svart og hvitt – nesten ingen gråtoner
En god bok fortjener et proft omslag, hvorfor ikke i svart og hvitt? Helen Yentus gikk for svart/hvitt-grafikk da hun fikk i oppdrag å lage nye omslag til Albert Camus’ bøker, blant annet The Fall og The Stranger. Det samme gjorde Vladimir Zimakov med sitt Moby Dick-omslag. Svart/hvitt kler disse klassikerne, som har vært utgitt med utallige omslag opp gjennom årene.
Grafill – en norsk interesseorganisasjon for visuell kommunikasjon – kårer hvert år årets vakreste bøker. En av vinnerne i 2017 var Aslak Gurholt for formgivningen av Nils Chr. Moe-Repstads Wunderbaum nedenfor. Dette er en tykksak av en bok i mursteinsstørrelse, med 740 dikt, hver på tre linjer, ett dikt per side. Skriften på omslaget er litt liten for småbilder i bokbutikker på nettet, men designen er delikat.
«Vi er de forsinkede, og selv om vi har språk risset i ryggsøylen snur vi for å se
i skylagene, i havene, i noens øyne etter evighet fordi evighet er sett der.»
Typografien i fokus
PSYCHO i digre bokstaver, revet opp på langs og liksom limt på plass igjen. Omslaget skriker psycho og gir en forsmak på hva vi har i vente noen sider lenger frem – eller i Hitchcocks film, der den samme typografien brukes. Illustratøren bak denne typografiske klassikeren er Tony Pallidino.
En fordel med å bruke bare skrift, er at teksten ikke har noen bilder å konkurrere med, og du trenger derfor ikke å velge en nøytral font. Leserne skaper selv bildene i hodet, og du slår an tonen med skrifttype og layout.
Svart, hvitt og rødt
Noma Bar har redesignet omslagene til Haruki Murakamis bøker, alle i rødt, svart og hvitt og med en sirkel som et sentralt motiv. Bar er en mester i bruk av det negative rommet, og illustrasjonene hans har et dobbeltmotiv, som her i Kafka på stranden:
Mer inspirasjon:
40+ Stunning Black and White Book Cover Designs
Omslagsmaler fra Canva
The 50 Coolest Book Covers
Innlegget er fra #kreativweb nr. 2/2017, som har «Svart/hvitt med en dæsj farge» som tema:
Svart/hvitt med en splæsj farge
Tekst: Solveig Hansen, 2017
En rød postkasse. En rød og en blå båt snudd opp ned. En gul bil i grøfta. Behold noen objekter eller enkeltdetaljer i farger, og gjør resten av bildet svart/hvitt.
Prinsippet er det samme enten du bruker Photoshop, en skrivebordsapp (for eksempel Fotor eller Gimp) eller en mobilapp. Du starter med et fargebilde som du gjør om til et gråtonebilde ved å redusere fargemetningen («desaturate»). Deretter visker du ut gråfargen med en pensel for å få frem igjen den opprinnelige fargen i den delen du vil fargelegge. Zoom tett inn på motivet, og varier penselstørrelsen etter behov. Ved ytterkantene må du kanskje bruke en ekstra liten pensel for ikke å male bort for mye grått.
Photoshop
I Photoshop kan du bruke historikkpenselen for å hente frem den underliggende fargen.
Reduser først fargemetningen ved å velge Bilde > Justeringer > Mindre metning. (Hvis du bare gjør om bildet til et gråtonebilde, mister du all fargeinformasjon og kan ikke male frem originalfargen.) Velg en passende penselstørrelse, og gni i vei.
Color Splash-apper for Android
Color Splash for iPhone fra Pocket Pixels Inc.
Innlegget er fra #kreativweb nr. 2/2017, som har «Svart/hvitt med en dæsj farge» som tema:
Bildene i innlegget er fra Pixabay.com.
Canva-maler: Tekst + bilde
Tekst: Solveig Hansen, 2018 (English version)
Canva er et skattkammer både for kløner, nybegynnere og mer profesjonelle designere.
Bok- eller magasinomslag, nyhetsbrev, brosjyrer, plakater, presentasjoner, eller bilder for bruk i Twitter eller Facebook. Canva har maler for det meste, ferdigdesignet med tekst og bilde.
Opplegget er enkelt. Du bare velger en mal, så kommer du til arbeidsområdet der du kan jobbe videre med designen. Canva har godt med layouter, illustrasjoner, fonter og arkivbilder. Noe er gratis, noe koster én dollar.
Canva finnes i en gratisversjon, eller du kan abonnere på Canva for Work.
Creativity is intelligence having fun.
– Albert Einstein
Arbeidsområdet
Arbeidsområdet inneholder de viktigste bildeverktøyene. Du kan velge skrifttype, formatere tekst, endre størrelse og gjøre for eksempel tekstbokser halvt gjennomsiktige.
Når du er ferdig med redigeringen, kan du laste ned verket i PDF-, JPG- eller PNG-format.
Eksempler på svart/hvitt-maler
Halvt gjennomsiktig tekstboks:
Bare tekst:
Uskarp bakgrunn som fremhever teksten, samtidig som elementene i bakgrunnen fortsatt er synlige:
Font og bilde som står til innholdet, i dette tilfellet en skrekkfilm:
Velg en font som passer
Vennlig, sirlig, alvorlig, artig. Hver font har sin egen personlighet. Velg en skrifttype som passer til bildet eller budskapet.
Hvis du ikke vil at fonten skal stå i veien for bildet, kan en nøytral font uten noen spesifikk personlighet være tingen. Eksempler:
Open Sans
Roboto
Lato
Droid
Flere artikler med designtips fra Canva:
10 Ways to Improve Typography In Your Designs
The Complete Guide for How to Marry Text and Images In Your Designs
The Design School’s Ultimate Guide to Designing With Backgrounds
Designing With Black and White: 50 Striking Examples For Your Inspiration
40 Crucial Lessons From The Most Famous Graphic Designers in History
Add Stellar Photo Effects to Make Your Photos Magnificent
100 Stunning Picture Quotes That Will Supercharge Your Creativity
Innlegget bygger på en artikkel i #kreativweb nr. 2/2017, som har «Svart/hvitt med en dæsj farge» som tema:
