Dette er det tredje indlæg i en serie af indlæg om mit tema her på bloggen. Du kan læse de to forrige indlæg her: Del 1 – Del 2
Opsætning af indlæg
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.
Dette er anden del af en serie af indlæg om mit tema her på bloggen. Disse indlæg vil omhandle mine overvejelser om ting som designet, opsætning og mere. Du kan eventuelt starte med at læse det første indlæg om sidens baggrund her.
De sorte bokse
Forskellige eksempler fra siden.
På siden er der især en ting, som går meget igen, nemlig de sorte bokse. Jeg har valgt at bruge disse bokse, da jeg for det første synes, at de giver en god kontrast på siden. På denne måde står de godt ud fra alt det andet indhold (fx blogindlæg) der er på websiden. Jeg bruger blandt andet disse sorte bokse ude i sidebaren, hvor de er med til at skabe en god balance på hele websiden. Der er på nogen sider og blogindlæg meget indhold, hvilket rykker balancen meget over i venstre side, men når sidebaren så er der, så skaber den en meget god balance, så siden føles rar at se på. Okay, det lyder måske lidt dumt noget af det jeg skriver, men det er også meget svært, at forklare det ordentligt. Du skal bare vide, at det virker! 😉
En anden grund til jeg bruger de sorte bokse, er at de er med til at indramme indhold og skabe nye afsnit. Som du kan se i sidebaren, så består den af flere bokse, hver boks har så en overskrift, som beskriver indholdet i boksen. På denne måde er det nemt at se, at indholdet i hver boks handler om samme ting. Et sted hvor jeg bruger en sorte bokse til at skabe afsnit, er på siderne der viser blogindlæg. Her er de sorte bokse med til at gøre det meget nemt at se, at nu slutter et indlæg og et nyt begynder.
Sidste grund til at jeg valgte at bruge de sorte bokse, er at jeg på hele siden har ville bruge forskellige elementer fra IT-Universitetets grafiske profil. IT-Universitetet bruger selv sorte bokse på mange af deres ting: webside, brochurer og mange andre ting. Dette kan bland ses på denne side.
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. (more…)
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. (more…)
