Rapport/Reflektion

Portfoliouppgift Marielle Axelsson

www.marihelldrawstheline.com

Tanken bakom hemsidan var att skapa en portfolio för mitt arbete och även att presentera mig själv, vem jag är och vad jag gör. Målet är alltså att försöka väcka intresse hos besökaren för min konst och kunskap vilket förhoppningsvis kan leda till jobb, projekt, beställningar m.m.  Min målgrupp för sidan är alltså personer intresserade av konst och det visuella, därför är inte sidan helt anpassad för synskadade då hela hemsidan är uppbyggd med mycket bilder och lite text. Men då sidan är just en portfolio kändes det inte heller som något av intresse för de utan syn och dessvärre inte heller min målgrupp – att presentera just mina bilder, det visuella är mitt mål med sidan. Därför ville jag att hemsidan också skulle reflektera mig genom hela designen, såväl i val av färg, konstruktion som i text och bild. En struktur som speglar och påminner om min konst för att skapa en känsla av att det finns en röd tråd genom hela hemsidan. För att nå mitt mål vill jag alltså inte att besökaren skall behöva ta sig hela vägen till galleriet för att få sig en uppfattning om min stil. (Dominiques & Bernardtsson)
Svart, vitt, rött och grönt blev mitt färgtema för sidan, dels fär att de är mina favoritfärger och samtidigt är ett, enligt mig själv, snyggt färgschema då de går bra ihop och är attraktivt för ögat och passar ypperligt ihop då de är komplementfärger. De starka kontrasterna i färgerna främjar också besökarens upplevelse genom att minska belastningen för ögonen och tillåter användaren att istället ge fokus åt de olika elementen på hemsidan. (Cannon, 2012) Precis som Holtzschue nämner i sin bok så är färgkompositionen något som skall betraktas i dess helhet (Holtzschue, 2002), och färgtemat stärkte effekten av enhetlighet genom hela hemsidan.

För att få fram min vision för hemsidan lekte jag med ett fåtal väl utvalda typsnitt. I de partier med text i mindre storlek och större mängd valde jag ett typsnitt i seriff-familjen för ökad läslighet. Att välja typsnitt var en process i sig. Utifrån den kunskap jag samlat på mig om just typsnitt sedan tidigare kurs började jag med att prova mig fram, testa några olika alternativ jag ansåg vara lämpliga, men även några ”jokrar”, otippade typsnitts-val, i jakten på den rätta. Jag försökte, som Bergström förespråkar, tänka kongenialt vid val av typsnitt, få det att passa in i sammanhanget samtidigt som jag inte ville att det skulle påverka läsbarheten i texten på ett negativt vis, utan tvärtom. (Bergström. 2012). De övriga typsnitten är främst valda av design-skäl, de ser snygga och personliga ut och främjade den bild jag ville skapa på hemsidan. Jag ville som Bergström menar göra typsnittet synligt men också skapa en samklang mellan bild och text, skapa en enhetlighet. Genom att låta texten ta plats i form av bilder, lekfullt i olika färg, storlek, tjocklek etc. kunde jag skapa den känsla och design jag ville presentera. För att främja läsbarheten delade jag min hemsida i två kolumner och valde att skriva den lite längre texten och presentation i sidospalten för att göra det behagligare att läsa då spaltbredden minskar (Bergström. 2012). Detta gör också att den passar ypperligt för webb-publicering, då man slipper långa rader.
Jag målade även bilder, knappar etc och använde på sidan för att skapa en lite lekfull och personlig nisch av ”Marielle-karaktär”. Till exempel, under min ”contact”-flik, målade jag små ikoner som fungerar som direktlänkar till mina sidor på diverse sociala nätverk jag är aktiv medlem i. Min presentation om mig själv valde jag att göra i bilder, jag målade även ett självporträtt i comic-style (just min typ av tecknande), då jag ville undvika massa läsning på sidan och istället ge besökaren en visuell upplevelse och på så vis förhoppningsvis inte bli less på sidan utan istället öka intresset att kolla igenom resterande sidor.

Vad som kändes viktigt för mig var att det skulle vara enkelt att navigera sig runt på hemsidan och att inga frågetecken eller förvirringar skulle uppstå för besökaren. En enkel meny placerades längst upp på sidan med rubriker som enkelt förklarade vad man skulle finna under respektive flik. Då jag ville undvika massa scrollande och onödig text försökte jag komprimera sidorna för att skapa en känsla av enkel översikt och på så vis ytterligare undvika att besökaren tappar intresset och inte orkar kika vidare. Som Bergström tar upp så är en god idé vanligtvis någonting som upplev som enkel/tydlig men samtidigt skapar uppmärksamhet och kan utvecklas. Detta var någonting jag försökte sträva efter i mina designerval. (Bergström, 2012)
Min blogg har inte ett identiskt utseende gentemot resterande sidor på hemsidan, detta var ett medvetet val då jag ville att den skulle sticka ut, kännas som en ”egen del” trots att den är integrerad. Jag tycker ändock att bloggen känns ”hemma” på hemsidan då färgschemat och stilen fortfarande är densamma.
Alla dokument är gjorda i xhtml stric, validerade och godkända. Allt utöver en grej som återfinnes på alla mina sidor och det är elementet <nav>. Detta kvarlämnades dock av viss envishet då kursmaterialet på Disco där uppbyggnaden av menyer gås igenom används och föreslås och används just detta element, något som för mig kändes aningen ironisk då det inte fungerar i strict-dokument. Jag har även på sidan lagt till en ”gilla-knapp” från Facebook. Denna kod-snippet var en färdig kod som kunde fås från facebook’s hemsida. Dock gillades inte denna kod i valdieringen. Provade att ta bort dessa snippets och genast blev validatorn mycket nöjdare. Dock är det element som jag ändå vill behålla på hemsidan och här därför låtit dem vara kvar.

Källförteckning:

Bergström, Bo. (2012) Effektiv visuell kommunikation. 8. upl. Estland.
Budskapet Sid. 71,
Typografin sid. 121-128, 130-137
Formen, 229-234
ISBN 978-91-7331-507-4

Cannon, Thomas (2012) An Introduction to Color Theory for Web Designers [Elektronisk] Smashing Magazine. Tillgänglig: <http://webdesign.tutsplus.com/articles/design-theory/an-introduction-to-color-theory-for-web-designers/> [2013-01-18].

Dominiques, Ingrid & Bernardtsson, Johan. Användbarhet i praktiken, Idéfasen – nytta för verksamheten: Effektkartläggning. www.anvandbarhet.se
<http://anvandbarhet.se/bok:idefasen#konceptdesign> [2012-12-23]

Holtzschue, Linda. 2002. Understanding Color. 2. uppl. New York. Using Color: Sid. 67. ISBN 0-471-38227-2),