Præsentationsportfolio for Thomas Riis > Blog > content > Projekt 4 — Jazz website

Projekt 4 — Jazz website

Jeg havde igen problemer med at lave sitet og havde mange ideer.

Havde en idé om vi skulle lave et website med halvgennemsigtige områder til indholdet. De andre fra gruppen kunne godt lide ideen.

Vi havde alle ideer om at jazz websites typisk består af pangfarver på en mørk baggrund. Så farverne var vi ret enige om.

For at vise min opfattelse af „jazz” til gruppen lavede jeg en kollage med en saxofon med den farvepalette som jeg forestillede mig skulle laves til sitet.

Workflow:

  1. Gik ind på flickr.com for at finde en saxofon som jeg kunne frilægningen søgte efter billeder under „creative commons” licensen.
  2. Jeg besluttede mig for at anvende ’quick mask mode’ til frilægningen.
  3. Tegnede saxofonen op
  4. Skiftede til ’normal mode’ igen.
  5. Gemte masken som „path” for at sikre at jeg kunne få masken frem igen.
  6. For at vælge baggrunden i stedet for saxofonen – foretog jeg „select inverse” kommandoen.
  7. Herefter slettede jeg baggrunden fra saxofonen.
  8. Desværre bemærkede jeg at jeg ikke havde fået alt baggrund væk og havde også slettet noget af saxofonen.
  9. Tænkte at jeg ville fortryde nogen de iterationer jeg havde lavet. Det kunne jeg ikke bruge til noget for så forsvandt min klippemaske.
  10. Forsøgte at trække maske „path-et” over i et andet dokument.
  11. Fortrød trinene i oprindelige dokument.
  12. Og trak „path-et” over.
  13. Desværre var det ikke til nogen hjælp – da de to dokumenter havde forskellige størrelses forhold (sådan opfattede jeg det)
  14. Så jeg kunne ikke benytte den løsning. Så jeg valgte at begynde forfra.
  15. Da frilægningen endelig lykkedes lagde jeg et justeringslag over saxofonen (levels) og fremhævede den varme glød i saxofonen.
  16. For at lave farvepaletten lavede jeg en rektangel med rektangel værktøjet.
  17. Dobbelt klikkede på farve ikonet i laget satte lab farve delen L til 41
  18. Nu kunne jeg så gå igen med at vælge min farvepalette.

Her er det endelige resultat (klik på billedet for at se en større udgave)

Logoet:
For at lave en pæn hjemmeside burde vi have et godt logo. Vi gik alle hjem og lavede forslag til et logo.

Jeg havde mange ideer som jeg gennemførte.
Her er et udpluk af logoer jeg lavede.



Men de holdt bare ikke – de lagde ikke op til „jazz”.

Lavede nogle håndskitser fik nogen ideer med at få et instrument til at indgå i logoet bl.a. havde jeg nogen ideer med at lade piano tangenter indgå.



Men det logo der fungerede bedst var en kombination mellem „Giant Steps” og en tegning af en trompet. Den virkede rigtig under arbejdet i illustrator fik jeg den idé at jeg ville lade „Steps” være ventilerne i trompeten.

Udfordringer under i projektet:
Naturligvis var der udfordringer undervejs bl.a havde vi et problem med at centrerer navigationen.

Det viste sig at vi manglede at definere en fast størrelse på div-elementet. Og sjovt nok virkede den forkortede version, margin: 0 auto; ikke.

Vi fik en MUL studerende fra 2. semester til at kigge på problemet. Han foreslog at vi benyttede margin-left: auto; plus margin-right: auto; også virkede det.

Så nu ved jeg at hvis man ikke kan få centreringen til at virke kan man forsøge på den måde.

Samtidig er det nødvendigt at elementer der skal centreres har den præcise størrelse som de elementer den omslutter (ikke noget nyt for mig)

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *