Blog

Innlevering Semesteroppgave 2013 MD

Da er jeg ferdig med min semesteroppgave og jeg skal presentere det endelig resultatet.

Jeg har laget en egen side for å vise fram arbeidet jeg har gjort. Først er det hoveddelen av oppgaven, “Redesign av avis”, deretter kan du se brosjyre og profilmanual.

Under dette kommer de andre arbeidene jeg har gjort gjennom året som jeg har valgt ut.

Her er oppgavebesvarelsen min: oppgavebesvarelse

Her er linken til siden: Semesteroppgave 2013 Maria Åsheim

Categories: Oppgaver | Comments Off

nok en update

Da går oppgaven mot slutten og jeg begynner å bli ferdig. Her er siden med semesteroppgaven og andre arbeider som jeg skal levere: Semesteroppgave 2013 MD

Nå må jeg bare samle tekst og matriale som skal gis til sensor i tillegg, så er jeg ferdig!!!

Categories: Oppgaver | Comments Off

Oppdatering 4

Nå er jeg nesten ferdig med layouten på avisen!

Jeg venter bare på å få oversendt de siste artiklene som skal på plass og så må jeg publisere den.

Trykk her for å se hvordan avisen ser ut nå.

 

På nettavisen har jeg gjort så mye som jeg kan til nå og skal legge den ut på nettkringkasting i morgen.

Jeg skal også finjustere litt på de andre oppgavene som skal leveres sammen med semesteroppgaven.

Så skal jeg gjøre ferdig brosjyren og profilmanualen.

Har altså litt igjen, men tror det skal gå!

 

Categories: Semesteroppgave 2013 MD | Comments Off

Oppdatering 3

Den siste tiden har jeg hatt en liten idétørke når det kommer til layouten. Jeg har derfor jobbet mest med nettavisen for å variere litt.

Jeg hadde begynt på ett oppsett, men så tipset Marius meg om at jeg burde bruke grid når jeg lagde nettsiden. Det har jeg ikke gjort før så da måtte jeg sette meg inn i det. Det var litt forvirrende med en gang, men fant ut etterhvert at det var ganske fornuftig å bruke! Jeg bygde da sidene på nytt og slik ser da førstesiden ut:

 

Screen Shot 2013-05-22 at 8.41.00 AM

 

 

 

 

 

 

 

 

 

 

 

Jeg har bygget malsiden for nyheter, økonomi, politikk, kultur, mening, bildegalleri og flyfoto. Jeg har også bygget malsiden for den enkelte nyheten du trykker på.

I går fikk jeg bygget litt på avissidene også, har bygget disse sidene til nå:

AVIS-PRØVE

Categories: Semesteroppgave 2013 MD | Comments Off

Oppdatering 2

Jeg ble syk med influensa forrige uke og har derfor ikke oppdatert bloggen. Jeg har fått gjort litt likevel og her er det jeg har gjort så langt.

Jeg har bestemt meg for fontene jeg skal bruke:
Overskrift: Georgia
Ingress: Minion pro, bold
Brødtekst: Minion pro, regular
Bildetekst: Frankling gothic book
Byline: Frankling gothic demi / book
Stikktittel: Franklin gothic book
Tekstutdrag: Arapey
Mellomtittel: Franklin gothic demi

LOGO
Jeg har også fikset litt på logoen. På forsiden av avisen vil jeg ha navnet på avisen med fonten Oranienbaum.

Jeg tenker også å bruke logoen jeg først lagde, men har byttet ut fonten med Oranienbaum og synes det ble bedre.
ATlogo_black

 

 

 

 

 

 

 

 

 

 

Som headinger på de forskjellige temaene vil jeg bruke Code light. Jeg synes den funker veldig bra, men er litt usikker på om den kommer godt nok fram på trykk eller om den rett og slett forsvinner. Det må jeg se nærmere på.
På side 2 og 3 vil jeg begynne med lederen og spalten “kraftsalven”. Her står også kontaktinfo til avisen og om PFU. På disse sidene har jeg brukt logofargen og rødfargen jeg skal bruke på nyheter for å skape litt liv.
Jeg har brukt Code light i de forskjellige headingene.

 

2-3

 

 

 

 

 

 

 

 
Nyheter, økonomi, politikk, sport osv. har alle samme inngang – At logo og en heading. Det som skiller dem er temafargen. Headingen er i temafarge, navnet på artikkelforfatter og stikktitler også. Alle sidene utenom inngangssiden har “loft” til småsaker, med mindre det er en grunn til å fjerne dem. På mening/debatt sidene brukes samme fonter og det skal være en stikktittel på alle innlegg om innholdet.

4-5

 

 

 

 

 

 

 

 

6-7

 

 

 

 

 

 

 

 

8-9

 

 

 

 

 

 

 

 

10-11

 

 

 

 

 

 

 

 

12-13

 

 

 

 

 

 

 

 

14-15

 

 

 

 

 

 

 

Jeg har også begynt på nettsiden. Jeg begynte med en enkel mock-up i photoshop:

screenshot

 

 

 

 

 

 

 

 

 

 

Jeg har tenkt å gjøre siden om til en wordpress-theme, men jeg ser at det kan ta veldig mye tid så er ikke sikker på om jeg rekker å gjøre det ferdig. Jeg skal ihvertfall kode den ferdig i html og css så får jeg se hvor mye tid jeg har igjen!

Jeg har begynt på html-kodingen og slik ser det ut så langt:

 

screenshot

Categories: Semesteroppgave 2013 MD | Comments Off

Oppdatering 1

Logo
Det første jeg skal gjøre er å lage en ny logo for avisen. Den tidligere logoen har to fyrtårn i seg som er to viktige kjennetegn for Arendal. Jeg vet at de er fornøyd med dette og jeg vil prøve å bruke dem nå også. Fonten de bruker er Myriad og den kunne jeg tenke meg å bytte. En font jeg vurderer å bruke er Bembo. Den fonten synes jeg virker veldig anvenlig. Her er første utkast til logo:

logo_sketch

 

 

 

 

 

 

 

 

 

 

logo_emblem_nyheter

 

 

 

 

 

 

 

 

 

 

 

at_logo_black

 

 

 

 

 

 

 

 

 

Farger
Når det kommer til fargeprofilen prøver jeg ut litt forskjellig. Avisen gikk fra å bruke ganske mørke rød, grønn og blå nyanser til en litt lettere, lysere blåfarge som ble et gjenomgående tema. Dette gjorde layouten mer luftig og oversiktelig. Jeg vil introdusere noen nye farger for å få mer liv i layouten. Disse fargene vurdere jeg nå:

 

 

fargeprofil

 

 

 

 

 

 

 

Fonter
Jeg må finne fonter til:
Logo, overskrift, ingress, brødtekst, bildetekst, byline og tekstutdrag. Jeg må velge maks 3 forskjellig fonter, flere vil gjøre layouten rotete.

Overskrift: Når det kommer til overskrifter synes jeg det er best å bruke antikva-skrifter. Groteske “tabloid” fonter vil jeg ikke bruke, jeg synes de ødelegger en god layout. Nå vurdere jeg Bembo, Georgia og Jenson.

 

Overskrift

 

 

 

 

 

Ingress og brødtekst: Brødteksten må være lett å lese. Den må også kunne brukes på nett og Ipad og likevel være like leselig. Jeg vurderer Frutiger, Arial eller Franklin gothic. Disse fontene kan også brukes som bildetekst.

 

brødtekst

 

 

 

 

 

 

 

 

 

 

Tekstutdrag: Til tekstutdrag kan man bruke italic versjonen av brødteksten. Jeg likte også fonten Arapey Italic.

Categories: Oppgaver, Semesteroppgave 2013 MD | Comments Off

Semesteroppgave 2013

Timeplan

Uke 1 (22.04 – 28.04) – Logo, farger, fonter
Uke 2 (29.04 – 05.05 ) – Faste spalter og temasider
Uke 3 (06.05 – 12.05) – Faste spalter og temasider
Uke 4 (13.05 – 19.05) – Brosjyre og egenannonser
Uke 5 (20.05 – 26.05) – Nettside layout
Uke 6 (27.05 – 02.06) – Nettside
Uke 7 (03.06 – 09.06) – Oppsummering, profilmanual
10.06 – Innlevering

Tema jeg har valgt:
Jeg har valgt å redesigne lokalavisen Arendals Tidende. Med dette mener jeg å lage ny profilmanual (logo, farger og fonter) og gi avisen ny layout. Jeg vil også komme med forslag til brosjyre, egenannonser og nettside.

Hva jeg skal produsere:
Logo
Fargeprofil
Fonter
Spalter
Temasider
Egenannonser
Brosjyrer
Nettside

Grunner til at jeg har valgt dette tema:
Jeg synes det er veldig spennende å jobbe med layout. Jeg vil lage layout som får leseren til å ville lese innholdet og fremstille det på en ryddig og leservennlig måte. Dessuten er det viktig å skape en profil som gjenspeiler forbrukeren. Arendals Tidende er en lokalavis som har fokus på Arendal og omegn og må derfor gjenspeile hva arendalitter er opptatt av.

Programmene jeg kommer til å bruke mest er:
InDesign (layout, tekst og bilder)
Photoshop (bildebehandling, nettside mock-up)
Illustrator (logo)
Dreamweaver (nettside)

Categories: Semesteroppgave 2013 MD | Comments Off

Profilmanual

Logo

monogram

 

 

 

 

 

 

 

 

 

 

 

Illustrasjon

monkii

 

 

 

 

 

 

 

 

 

 

 

Farger

poster_colors_web

 

 

 

 

 

 

 

 

 

 

Trykk på bildet for å se manualen:

monkey sketch_web

Categories: Oppgaver | Comments Off

Komposisjonsoppgave

oslo_art_web

Categories: Oppgaver | Comments Off

WordPress theme

Vi fikk i oppgave å lage et WordPress theme, jeg valgte å lage mitt fra bunnen av for å lære litt om hvordan wordpress fungerer.

OPPGAVE:
Lag et design/theme til en wp-blogg. Du kan velge om du skal lage alt fra bunnen av eller bruke/endre et allerede eksisterende theme. F. eks TYPO-theme.
Hvis du tar det fra bunnen:
Lag et design – Mock-up – i Photoshop. Slice, (ref. Photoshop-boka side 332.) lag index.html og tilhørende style.css. Deretter sette det sammen til et wp-theme.
Legg themet inn på nettkringkasting.no/~dittnavn. Eller på et egnet nettsted.

 

Jeg visste at Daniel trengte en portefølje og at han ville ha den drevet som en wordpress side, så jeg bestemte meg for å lage en theme til han.

Han ville ha en enkel portefølje som hadde fokus på arbeidene hans, ikke en blogg.

Det første jeg gjorde var å lage en logo/heading til firmanavnet Strangeworld:

 

 

 

Jeg fant ut etterhvert at jeg ville ha en enkel logo istedet for banner:

 

 

 

 

Så satt jeg opp sidene i html og css. Jeg ville ha en “ren” side med nøytrale farger slik at hovedfokuset var på bildene/arbeidene.

Jeg lagde en header med logo og navigasjon som følger på alle sidene. Så har jeg Nivo-slider til å vise frem bildene/arbeidene (Jeg hadde ikke fått bilder enda, så da ble det nonstop og seigmenn). Under der har jeg satt av plass til tekst. Footeren inneholder kontaktinformasjon, copyright og linker til sosiale medier han er tilkoblet. Jeg lagde opprinnelig en egen side til kontaktinformasjon, men Daniel ville ha minst mulig sider og jeg synes det var like naturlig å sette det i footeren.

 

INDEX

Index

 

 

 

 

 

 

 

 

 

 

PORTEFØLJE

 

 

 

 

 

 

 

 

 

 

MIN KOMPETANSE

 

 

 

 

 

 

 

 

 

 

KONTAKT

 

 

 

 

 

 

 

 

 

 

Å få gjort siden om til en wordpress theme var ganske komplisert. Etter mye leting på nettet fant jeg en youtube video med en tutorial på det aller meste jeg trengte.

Du må bare bli medlem på wp-ask-me så får du filer det er greit å jobbe med. Det tok minst en uke før jeg begynte å skjønne noe av hvordan php fungerer, men man skjønner litt og litt etterhvert.

Det jeg har kommet frem til nå er:

HJEMMESIDE

 

 

 

 

 

 

 

 

 

Menyen er dynamisk og har undersider. Logoen linker tilbake til hjemmesiden.

Jeg brukte en plugin til slideshowet (Nivo-slider plugin).

Teksten er dynamisk og kan skiftes av brukeren.

 

MIN KOMPETANSE

 

 

 

 

 

 

 

Her er det flere tekstbokser hvor han skriver om sin kompetanse på flere områder. Teksten og bildene i de forskjellige boksene kan byttes. Men denne siden trenger litt mer justeringer.

PORTFOLIO

 

 

 

 

 

 

 

 

Denne siden har jeg brukt mest tid på, men har ikke fått den til å bli akkurat som jeg håpet på enda. Jeg hardkodet (jeg har sett på engelsk tutorial og vet egentlig ikke hva jeg skal kalle det på norsk, så oversetter direkte!) et galleri, men har ikke fått jqueryen til å fungere helt enda. Dette skal jeg lage dynamisk etterhvert så han kan bytte ut bildene som admin og ha kommentarer på alle bildene.

 

Siden er altså ikke helt ferdig enda, men føler jeg har kommet et stykke på veien og skal jobbe videre for å få en side Daniel lett kan administrere selv.

Siden kan du se HER

 

 

 

Categories: Oppgaver | Comments Off