Så fik jeg endelig taget mig sammen til at lave en præsentation af (noget af) min blog. Før jeg siger mere, kan du evt. se videoen.
Som sagt, så er dette kun en præsentation af noget af bloggen. Jeg har så meget jeg egentlig kan sige om bloggen, men dette er jo kun en præsentation og ikke en hel dokumentar film! 🙂 (mere…)
Dette er det tredje indlæg i en serie om mit af indlæg om mit tema her på bloggen. Du kan læse de to forrige indlæg her: Del 1 – Del 2
En blog består, som hoved, altid regel af mange blogindlæg. Dette betyder at besøgende nemt skal kunne skimme ens webside/blog igennem for relevant indhold. Dette gør de nemmest, hvis det er gjort nemt og tydeligt hvad indlæggene handler om og hvornår et indlæg slutter og et nyt starter. Jeg har derfor gjort mange overvejelser om hvordan jeg nemmest kan hjælpe brugeren med at se disse ting.
Tryk for at se opdeling af indlæggene. Grøn viser hvert enkelt indlæg og gul viser der hvor alle indlæggene vises.
Tydelig opdeling af indlæg
Første skridt var at lave en tydelig opdeling af indlæggene. Dette har jeg valgt at opnå, ved først og fremmest at lave en god afstand mellem hvert eneste blogindlæg. Mellem hvert blogindlæg er der et mellemrum på 50px.
En anden ting jeg har valgt at gøre er, at der over hvert eneste blogindlæg er en sort boks, med datoen for indlægget. Dette er især med til at gøre brugeren opmærksom på, at nu starter et nyt indlæg. En mindre vigtigt ting er selvfølgelig også, at de her kan se, hvornår indlægget er fra og om bloggen er opdateret. Samtidig er der også indlæggetes overskrift, som står ud ved at være meget stører end alt andet tekst og ved at have en anden skrifttype end alt andet på siden, hvilket også er med til at understøtte skiftet til et nyt indlæg.
Sidste ting der viser at et indlæg slutter, er linksene i bunden, hvor man kan trykkere videre på “Læs hele indlægget” og “Skriv en kommentar”/”{antal} kommentarer”. Da disse links er fremhævet og går igen efter hvert indlæg, gør det også brugeren opmærksom på, at indlægget nu slutter.
Struktur og overskrifter
Eksempel på struktur
For at gøre det nemt at skimme hvert blogindlæg, har jeg gjort meget ud af at opdele de fleste indlæg med afsnit, underoverskrifter og under-underoverskrifter. Se billedet ude til højre for eksempel på opdelingen.
Alle overskrifterne har, selvfølgelig, en større skriftstørrelse end resten af teksten, så de står ud og er nemme at se når man skimmer teksten. Underoverskrifterne har desuden en sort streg neden under sig, så de samtidig opdeler teksten en smule samtidig med at de bliver nemmere at se.
Næste indlæg: Det næste indlæg kommer til at handle om sidebaren og mine overvejelser med den.
Det sjoveste ved et projekt er altid at teste det til sidst og se om alle ens tanker om brugerene nu var rigtige. Jeg tror måske, at du er klog nok til at finde mine kontakt oplysninger, men kan du egentlig det? Har jeg mon overvurderet din intelligens?
(*Hint hint*: Kig øverst til højre) 😀
Fornylig lærte vi om forskellige typer tests af websider, hvilket faktisk var spændende og godt at lære om. En ting var at underviseren faktisk arbejder med sådan noget og derfor vidste meget om det (nej, det hjælper ikke at fedte på universitetet…), men mest af alt var det godt at lære, da jeg selv har flere websider og ligefor tiden er igang med et stører projekt, som forhåbentlig kommer ud i hele Danmark. Efter disse forelæsninger, har jeg helt klart fået blod på tanden til at lave nogle såkaldte “tænke højt”-tests på mit nye (og hemmelige) projekt. (mere…)
Hvor skal man mon starte, jeg har så meget jeg kan sige om designet og alligevel så virker det ret svært at komme rundt om alt.
Jeg tror jeg vil begynde med selve idéen bag designet, som egentlig bare kom pludseligt, som en lys idé. Jeg sad en aften/nat og brainstormede stille og roligt for mig selv i en rus af koffein. Jeg ville egentlig gerne lave et design, som passede både til mig og som samtidig havde noget IT-Universitet (herefter kaldet ITU) over sig. Så der sad jeg og tænkte i flere timer og pludselig *BUM*, så kom idéen. Selve designet skulle være meget simpelt og blog-agtigt: Øverst finder man en topmenu, neden under er selve siden og til venstre for sidens indhold, er der en sidebar med relevante oplysninger og links. Dette var jeg nok hele tiden klar over at jeg ville, men selve idéen til designet, som du nok mere vil læse om, vil jeg komme nærmere ind på i de næste indlæg i en serie af indlæg om “Mit tema”. Dette første indlæg i serien kommer til at handle om temaets baggrund. (mere…)
En god hjemmeside handler ikke kun om et pænt webdesign og nogle seje effekter (desværre). Før en hjemmeside kan betragtes som god, kræves der blandt andet også mange andre ting. I en øvelse fra faget Formidling, projektarbejde og webdesign, blev vi derfor “tvunget” til at tænke over og skitsere (se nederst), hvilken struktur vores hjemmeside skulle have. Med andre ord, hvilke menupunkter der skulle være og hvordan du som bruger, skal kunne trykke dig rundt på siden. Skal det være en hjemmeside med topmenuer, med dertil hørende undermenuer, skulle det være en simpel side med en enkelt menu, eller måske noget helt tredje.
(mere…)
Jeg går i øjeblikket på IT-Universitetet (ITU) i københavn, hvor jeg studere på en linje kaldet Digitale Medier og Design.
I en af kurserne på linjen, skal vi lave et online portfolio, hvor vi kan lægge alle vores projekter op og hvor vi kan reflektere over hvad vi har lært i løbet af uddannelsen.
Derfor et ITU-portfolio.
Websidens design er lavet i Photoshop CS5 efter 960 Grid-systemet. Derefter blev designet klippet ud og sat op som HTML & CSS i Dreamweaver, hvorefter det blev krydret med nogle jQuery effekter. Til sidst er siden så blevet omdannet til et Wordpress tema og der er blevet tilføjet nogle plugins..
