GrafiskPus

WEBM

siljemb — Fri, 04 May 2012 17:19:10 +0000

Da var WEBM endelig ferdig og levert, til tross for litt tekniske problemer.
Anbefaler ingen å ha mappeinnlevering/~~eksamen~~ midt under flytting, makan til stress. Klarte tilogmed å legge ved kontrakten fra obg. 07 uten underskrift i rapportfilen. Sånn kan det gå! Men nå skal jeg ta meg en velfortjent helg, ~~og prøve å bli ferdig innflytta før prosjekteksamen starter.~~

Trykk her for å se nettstedet WEBM. :)

Regnskapsfirma

siljemb — Thu, 19 Apr 2012 20:30:03 +0000

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

siljemb — Sun, 25 Mar 2012 16:28:37 +0000

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.

Layoutstiler – CURB – del 2

siljemb — Thu, 22 Mar 2012 10:25:24 +0000

Fortsettelse av oppgaven Layoutstiler – CURB – del 1

Andre steg i oppgaven gikk ut på å velge en av skissene og utarbeide en wireframe (ved hjelp av grid)

(Da jeg startet å tegne opp wireframen og plasserte elementer fant jeg ut at skissen min ikke fungerte helt slik jeg hadde tenkt, så jeg justerte litt og byttet om på plassen på elementene nederst på siden)

Wireframe, plassering

Wireframe, med elementer plassert

Layoutstiler – CURB – del 1

siljemb — Thu, 22 Mar 2012 08:47:17 +0000

Denne uka handler om Layout på nett, og ukens oppgave går ut på å utarbeide en hovedside til et nettsted for det fiktive magasinet CURB. Det første steget i oppgaven var å skissere ned 6 raske skisser, der vi prøvde både symmetri, asymmetri og en kombinasjon av begge deler.

Obg.08

siljemb — Fri, 16 Mar 2012 04:15:42 +0000

Endelig blitt ferdig med obg.08, mangler bare å scanne inn skisser og slikt og legge det inn i rapporten før jeg leverer. Er syk og har vært opp inatt og finpusset på oppgaven, så kan trygt si at jeg er litt lei av flash i skrivende øyeblikk. Men ble relativt fornøyd med banner og galleri, så skal ikke klage! :-)

Trykk her for å komme til mitt enkle nettsted for å se banneren og klikke deg videre til galleriet derifra, eller trykk her for å gå direkte til galleriet.

Peker

siljemb — Thu, 15 Mar 2012 12:44:34 +0000

I denne læringsaktiviteten skulle vi lage en enkel grafikk i et bestemt format, som skulle linke (via Actionscript) til Reflektert Dagbok.

Her kan du se min peker.

Jeg har forresten samlet sammen alle flashøvelsene fra dette semesteret her.

Lyd Effekt

siljemb — Thu, 15 Mar 2012 12:07:26 +0000

I denne oppgaven skulle vi benytte oss av animasjonen vi utførte i forrige uke (Bil; Start – Stopp) og legge til (minst) et lydspor til. Lydene jeg valgte førte til at jeg måtte endre litt på fartskurven til animasjonen, samt gi den en litt lengre strekning å “kjøre” på.

Her kan du se animasjonen med lyd!

Bil; Start – Stopp

siljemb — Sun, 11 Mar 2012 10:43:47 +0000

To view the flash content, please go to Bil; Start - Stopp

I ukens siste oppgave skulle vi lage et bilde av en bil, få den til å “kjøre” fra punkt a til b, med en myk start og slutt, ved hjelp av Classic Tween og easing.
Syns den lille (veldig) rare bilen min ble søt jeg! :)

Føler jeg blir ganske frustrert av å jobbe med Flash, ting som ser veldig enkelt ut tar tid når man ikke kan programvaren fra før av. Spesielt har jeg lagt ned ekstra tid på Actionscript (sett ekstra på dette selv om uka her ikke har handlet spesielt om det), da det er vanskelig å tyde hva hva som blir skrevet på læringsvideoene og det skal ingenting til før det blir feil. Dessuten kommer det ikke om en slik “rullegardin-meny” når jeg trykker på punktum (slik som det gjør på læringsleksjonene). Hmm.

Pendel Animasjon

siljemb — Sun, 11 Mar 2012 10:32:34 +0000

To view the flash content, please go to Pendel Animasjon

I læringsaktiviteten “Pendel Animasjon” skulle vi designe en klokke med en pendel. Jeg valgte å skape klokken ved hjelp av Adobe Flash så den er derfor veldig enkel og ikke så avansert/detaljerik (jo mere jeg kan utnytte å jobbe i Flash slik at jeg kan bli kjent med programvaren, jo bedre er det). Ved hjelp av funksjonen Classic Tween skulle vi animere pendelen på klokka.