De andre 3 principper for layout har drejet sig meget om at få designet til at se pænt og sammenhængende ud. Kontrast er lidt anderledes. Kontrast drejer sig i særdeleshed om at skille sig ud fra de andre elementer på siden. Blikfang om du vil.

Vi vil gerne skabe kontrast for at lede læserens øjne derhen hvor vi ønsker, men kontrast handler sådan set ikke om at bryde med de andre 3 principper. Det er et spørgsmål om at styre læsningen af vores layout. Samtidig er det også et spørgsmål om i det hele taget at få læseren til at læse vores layout.

Det gælder om at være lidt modig. Hvis man skal skabe kontrast skal man gøre det ordentligt.

På nettet vil det være oplagt at bruge kontrast til overskrifterne for rigtigt at fange opmærksomheden.

Husk at kontrast handler om farver, former, tyngde og og retninger. En lodret streg danner for eksempel kontrast til vandret tekst. Der er mange måder at skabe kontrast på. Brug det til at lede læserens opmærksomhed og hold dig ikke tilbage de steder du vælger at bruge det.

Når vi laver designs til hjemmesider er vi meget fokuserede på hvordan det ser ud. Måske bliver vi i virkeligheden en anelse overfladiske. Et godt hjemmeside design handler jo ikke kun om at det ser godt ud. Det handler om at skabe en brugeroplevelse der er sådan som kunden gerne vil have at den skal være.

Det er klart at oplevelsen bliver påvirket af det visuelle layout, men hvis vi glemmer at få “designet” teksten til at være en del af oplevelsen går vi galt i byen. Mange steder er tekster som “Indsend” eller “Opdater” nærmest uden at tænke over det indsat på et site. Det er ikke altid at så formelle tekster passer til den oplevelse brugeren gerne skulle få.

Når vi laver et design er det en god idé at tænke lidt over teksterne på vores knapper og menupunkter. Hvis du vil læse mere om emnet er der denne her artikel på A List Apart der beskriver idéen ganske godt.

http://www.alistapart.com/articles/learntowrite

A List Apart er i øjeblikket et af mine absolutte yndlingssteder på nettet. Jeg synes der er rigtig mange fremragende artikler, der spænder alle de områder der er relateret til hjemmeside design. Det er en side jeg helt klart kan anbefale at man kigger på i ny og næ.

Efter et massivt pres udefra (ok massivt er måske så meget sagt) besluttede jeg mig for at jeg hellere måtte prøve at lave et template med css og div’er. Det er første gang jeg gør det. Resultatet er efter min egen mening ganske udemærket. I kan downloade det på linket nedenfor.

Et styk jule html template.

Det kan også ses online på web-construction.

Det er et ekstremt simpelt template. Det er en rød header med titlen i, en grøn sidebar der skal indeholde navigationen og et stort tekstområde i midten. Det er et flydende layout. Det vil sige at det følger med i størrelsen når du ændrer vinduets størrelse. Det fylder i øjeblikket det meste af siden, men med få ændringer kan man centrere det mere.

Jeg har testet det i firefox 2.0.0.10 og internet explorer 7. Jeg har desværre ikke en mac (i er velkomne til at donere en :D) så jeg har ikke haft mulighed for at teste det dér.

Kommentarer og tips er mere end velkomne. I stedet for at prøve at lave det til et wordpress template lige med det samme vil jeg hellere gå ind i nogle af de problemer jeg løb ind i undervejs. Det vil jeg gøre de næste par dage.

Tjah, jeg er som jeg lidt frygtede ikke blevet helt færdig med min skabelon endnu. Det begynder at snærpe hvis jeg skal nå at få designet færdig til den 1. December. Til gengæld vil det arbejde jeg er i gang med lige nu gøre det meget nemmere for mig at lave nye designs fremover.

Derfor er det også så pokkers vigtigt at jeg for gjort det ordentligt. Som kompensation for den manglende skabelon vil jeg tage hul på en stor diskussion inden for webdesign i dette indlæg. Tabeller eller div’er.

Tabeller skal vise data
Det er det hårdnakkede argument fra den ene front i denne religionskrig. De tager ikke helt fejl, men der er en historisk baggrund for brugen af tabeller til layouts. Kort sagt begyndte man at bruge tabeller til designs for at undgå at bruge frames.

De fleste er nemlig enige om at man skal undgå frames.

Tabeller, standarder og mobile enheder
Standarderne siger css layouts med div’er. Derudover er css layouts nemmere at håndtere for mobile browsere. Derfor burde man vel bare overgive sig og lave sine layouts på den måde, men…

Ja, der er et men. Web designere er som så mange andre mennesker vanedyr. Det kommer til at tage lang tid før alle bruger css layouts, hvis det nogensinde sker. I vil også se at min skabelon bruger tabel layout. Det er simpelthen nemmere når nu det er det man er vandt til.

uden et nyt indlæg på bloggen. Nej naturligvis ikke. Sagen er bare den at der ikke er så meget nyt at sige omkring et juleeventyr projektet. Det vil sige at det er der så alligevel, men der er ikke noget nyt at præsentere.

En HTML skabelon
Jeg er ved at lave et rent html layout til sitet. Samtidig med at jeg laver det har jeg besluttet at det også skal være en skabelon jeg kan uploade til bloggen så i kan downloade den. Det tager lidt tid, men jeg arbejder på højtryk. Jeg satser helt sikkert på at den er klar i morgen…det håber jeg i hvert fald.

Artikler om webdesign
Det er også noget jeg fra tid til anden har lagt ud på bloggen, men de bliver syltet lidt i øjeblikket. Det bliver de på grund af det html layout jeg som sagt er ved at lave.

Det var en lille hurtig opdatering, nu må jeg tilbage til arbejdet.