Suntuubi-palvelussa käytetään evästeitä. Palvelua käyttämällä hyväksyt evästeiden käytön. Lue lisää. OK

Ulkoasut

Olen tehnyt ulkoasuja Suntuubi-pohjaisille sivuille lukioikäisestä lähtien. Into ulkoasujen muokkaamiseen syttyi omien sivujen kautta - vuosien mittaan olen ylläpitänyt monia virtuaalitalleja ja virtuaalisia taikakouluja tai Tylypahkoja, sekä omaa henkilökohtaista kirjoitussivua. Olen  melko järjestelmällinen ihminen, ja olen aina pitänyt kuvaamataidosta ja valokuvaamisesta, ja jotenkin nämä kaikki yhdistyvät mielestäni ulkoasujen tekemisessä. Ulkoasujen rakentamisessa käytän GIMP 2 -ohjelmaa sekä CSS-koodausta. Ajan saatossa olen oppinut yhtä ja toista molemmista, ja nykyiset ulkoasuni ovat suorastaan taideteoksia verrattuna ensimmäisiin räpellyksiini. Koodausta opettelen edelleen, ja olen jo vähän uskaltanut sotkea näppejäni HTML-koodauksenkin puolelle. Mikään ammattilainen en siis ole, teen tätä lähinnä vain omaksi ilokseni. Silloin tällöin olen tehnyt ulkoasuja myös muiden sivuille - hevosopisto Tulipurossa olen ollut jonkinsortin 'hovikoodaaja' ja ulkoasuja on sinne tullut tehtyä varmaan joku kymmenisen kappaletta. Minulle voi aina laittaa sähköpostia ja kysellä tilausulkoasuista, mutta tällä hetkellä yliopisto-opinnot vievät erittäin suuren osan ajastani (lue: kaiken ajan) enkä välttämättä ehdi vääntämään ulkoasuja ihan parin päivän varoitusajalla.

Portfolio

Equestrian College

Tämän sini- ja harmaasävyisen ulkoasun tein elokuussa 2018 omalle hevostarinaroolipelisivulleni Everfair Collegeen.  Koska pelin miljöönä toimii sisäoppilaitos Englannissa, halusin ulkoasun värimaailman edustavan tietynlaista hienostomaisuutta, tai kirjaimellisesti siniverisyyttä. Navigaation ja taulukoiden taustana käytin damask-kuviointia (Ransie3), jota näkee usein tapetilla brittiläisissä televisiosarjoissa. Yläpalkin grafiikkana on yksinkertainen mutta persoonallinen hevoskuva (Ellen Sinding), jonka muokkasin mustavalkoiseksi sisällön korostamiseksi. Liitin yläkuvaan myös sivuston nimen (Google Fonts) ja lyhyen 'tunnuslauseen'. Sivuston taustaksi laitoin pelkistetyn harmaan taustakuvan (DesignBolts), joka näyttää silmään rauhalliselta, mutta jossa on silti hieman tekstuuria.

Ulkoasuun kuuluu neljä otsikkoa (h1-h4), sekä muotoilut boldatulle, kursivoidulle, alle- ja yliviivatulle tekstille sekä linkeille. Lisäksi heitin koodiin reunat ja varjostukset kuville. Taulukoiden muotoilua en upottanut koko sivuston koodiin, vaan ne olen muokannut taulukkokohtaisesti. Vieraskirjalla on myös omat muotoilut, jota ei tässä kuvassa valitettavasti näe, ja ne tein ihan Suntuubin yleisten vieraskirja-asetuksien kautta. Navipalkissa on vielä cbox chattausta varten.

Mielestäni tämä ulkoasu on todella nätti ja värimaailma on soljuvan yhtenäinen. En yleensä pidä mustavalkokuvista ulkoasussa, mutta tähän se sopii mielestäni hyvin. Ainakin omaan silmääni tästä ulkoasusta tulee mieleen virtuaalitalli, joka sijaitsee hieman hienommassa miljöössä.

 

Warmblood Farm

Toinen yksi onnistuneimmista hevosulkoasuistani on tämä marraskuussa 2017 tekemäni ulkka. Tätäkin sai luvan kantaa oma sivuni, virtuaalitalli Harthill, joka on toistaiseksi ollut tauolla. Pidän myös tässä siitä, miten sävyt sointuvat hyvin yhteen, ja luovat vähän metsäisen tunnelman, vaikka talli sijaitsee Atlantan kaupungin ulkopuolella eikä Oregonin metsissä. Erittäin paljon pidän navigaatiosta, jonka tausta on hieman läpinäkyvä. 

Harthillin ulkoasussa on Everfairin tavoin havaittavissa ylhäistä tuntua. Rikkaan amerikkalaisen perheen omistaman tallin toiminnan oli tarkoitus keskittyä puoliveristen kasvattamisen ja niillä kilpailemisen ympärille, joten ulkoasu sai mielestäni ollakin hieman pröystäilevä. Ylägrafiikkaan valitsin suhteellisen rauhallisen kuvan (Pixabay), jota pääsi koristamaan tallin nimi ja logona toimivat peuransarvet. Sivuston taustaksi valitsin vähän villimmän damask-tapetin (The Inspiration Gallery), ja sisällön taustalla näkyy samantyylistä taustakuvaa. 

Väsäsin tallia varten kustomoidun sisällönjakajan, jota ei etusivulla valitettavasti ole, mutta sen keskiössä olivat myös peuransarvet. Muu sisällönkoodaus oli sitä samaa peruskamaa: otsikot, linkit, kursiivit ja sun muut muokkailin kaikki. Hevoslistauksessa ja hevosten perustiedoissa käytin samaa taulukkotyyliä, jonka taustana toimi myös vihreä damask-kuva.

 

COPYRIGHT © ANNIINA 2018 — ALL RIGHTS RESERVED

©2018 PHOTOGRAPHY BY ANNIINA - suntuubi.com