Regnskapsfirma


De siste ukene har bestått av å utforme og designe en nettside for et fiktivt regnskapsfirma igjennom WordPress. Noe jeg er kjent med fra før av, men fant raskt ut at jeg trengte å oppdatere kunnskapene mine endel. Siden er bygd opp fra “standard” malen (twenty eleven), og jeg har benyttet meg av “pages” på de fleste sidene, unntatt nyhetssiden hvor man kan legge ut nyheter som på en ordinær blogg. Jeg lastet ned en plugin for å fjerne muligheten til å kommentere sidene, hentet info og bilder fra ulike nettsider og har ikke lagt inn søkeord på siden (da dette er et fiktivt firma og tror ikke mennesker som er ute etter et virkelig regnskapsfirma trenger å få opp denne siden på google)

Brukte blå som hovedfarge og (relativt) symmetrisk design for å understreke at dette er et design for en seriøs og pålitelig side (noe jeg håper å ha oppnådd med harmoni og ro). :-)

Vet egentlig ikke hva mer jeg skal skrive om siden? Lekte meg litt med logo og navn, og håper å ha fått et ok resultat på siden generelt(?)

Trykk her for å se resultatet!

Layoutstiler – CURB – del 3

Fortsettelse av oppgaven Layoutstiler – CURB – del 1 - del 2

Jeg valgte å bygge opp et layout som er en kombinasjon av symmetri og asymmetri.
Av å søke litt rundt om på nettet kom jeg fram til disse punktene når det gjelder symmetriske og asymmetriske layout:

Symmetri
- Fremtrer mer formelt, ryddig og balansert.
- Ro, fortrolighet, eleganse, rent.
- Kan virke mer seriøst.
- Kan bli oppfattet som kjedelig, statisk.

Asymmetri
- Med asymmetri kan du skape balanse (likevekt mellom elementer på hver side), eller spenning ved å ikke ha balanse på siden.
- Åpner opp for flere muligheter i designet.
- Mer dynamisk, spenning, rørelse.

Kombinasjon
- En kombinasjon av symmetri og asymmetri kan enten utnytte de beste sidene fra symmetri og asymmetri og flettes sammen, eller bli oppfattet som rotete og kaotisk.

Uansett hva man velger å designe et layout ut etter, virker det som om balanse og likevekt er de viktigste stikkordene. Man trenger ikke å oppnå balanse og likevekt, men man bør være bevisst på dette, og ta valgt utifra dette.

Jeg valgte å benytte meg av en kombinasjon i et håp om å få et ryddig og oversiktlig layout, samtidig som det blir oppfattet som dynamisk og spennende.

Trykk her for å se resultatet // hovedsiden til nettstedet.

Oblig. 06 Visuell fremstilling

En del av obligatorisk 06 var å skape en visuell fremstilling (knyttet til historien bak HTML og/eller CSS). Jeg valgte å lage en enkel illustrasjon.

Tanken bak min visuell fremstilling var å skape en litt annerledes tidslinje over utviklingen av HTML og CSS. Med en alfakrøll/snabel-a som en sirkulær tidslinje (som samtidig skal symbolisere internett) og med tekstlinjer med info som går ut fra denne. Jeg ville skape noe enkelt men samtidig noe som kunne oppfattes som dynamisk selv om det var statisk. (Hadde jeg hatt mer kunnskap og tid ville jeg gjerne laget denne dynamisk)

Oblig. 06 Navigasjon

Jeg valgte et design på nettsiden som krevde en vertikal meny.
Nettsiden jeg skapte designet jeg i Photoshop og brukte slice tool før jeg deretter satt den sammen igjen i Dreamweaver. Menyen er derfor knapper jeg lagde i Photoshop, og disse knappene plasserte jeg på nettsiden ved hjelp av CSS.

Jeg var litt usikker på om jeg skulle velge en vertikal meny til å begynne med, da det virker som om det blir først og fremst brukt når man har menyer som tar plass (og jeg skulle ha en enkel meny uten mye innhold). Men etter å ha lest artikkelen “Showcase of beautiful vertical navigation designs” på nettsiden Smashing Magazine hoppet jeg ut i det.

Jeg valgte også å benytte meg av en mouseover effekt, da jeg synes dette er en fin måte å gjøre menyen mer dynamisk og spennende på en enkel måte. Brunfargen på effekten har jeg hentet ut ifra bakgrunnen på siden.