Oblikovanje spletne strani – grafična podoba

Grafični osnutek

Oblikovanje spletne strani in izdelava strani se začne z oblikovanjem grafičnega osnutka.  Narisali vam bomo enega ali več grafičnih osnutkov. Grafični osnutek je slika bodoče spletne strani, ki je sestavljena iz raznih blokov oziroma gradnikov (blok za naslov in logotip, bloki na zgornjem delu strani, bloki v sredini strani, bloki na dnu strani, bloki ob straneh, bloki za komentarje, drugi bloki). Na podlagi izdelanega grafičnega osnutka se boste odločili:

• kakšne barve bodo na strani
• kakšna bo pisava (tipografija)
• kje bo pozicioniran logotip in kje ostali elementi strani, kako bodo razporejeni elementi na strani, kakšne bodo njihove dimenzije in posebne lastnosti

Predloga strani

Sodobne spletne strani sestavlja množica grafičnih elementov, ki morajo biti med seboj usklajeni na vseh podstraneh spletišča. Za profesionalno oblikovanje spletnih strani je potrebno najprej postaviti strukturo, ki omogoča hitrejše delo in enostavnejše prilagajanje strani po vaših željah.

Ta struktura, ki povezuje grafične elemente in HTML objekte, ki definirajo lastnosti grafičnih elementov, se imenuje predloga strani. Naše osebje za vas izdela unikatno predlogo, lahko pa si izberete eno od že pripravljenih.

Kaj vsebuje predloga grafične podobe strani?

Predloga grafične podobe strani (oz. krajše predloga strani) je kot nek okvir strani, ki vsebuje:

• glavo strani
• notranje elemente strani
• menije in stranske bloke strani
• nogo
• testne fotografije in testno besedilo
• naslovno stran in nekaj podstrani

Spletno predlogo imam že izbrano. Lahko na njeni osnovi izdelate spletno stran?

Vsekakor da.

Oblikovanje blokov

Blok poimenujemo grafični element strani, v katerem je besedilna ali grafična vsebina. Poglejte na stran pred vami. Ima več poglavij. Vsako poglavje ima svoj naslov, besedilno in grafično vsebino. Zaradi estetike in boljše učinkovitosti vsako poglavje stoji v svojem bloku. Stran je zavoljo uporabe blokov preglednejša. Z uporabo grafičnih blokov je grafična podoba strani bolj prijazna uporabniku!

Oblikovanje spletne strani obsega oblikovanje blokov po vaših željah. Oblikujemo bloke za poljubne elemente strani, npr.:

• naslove
• odstavke
• poglavja
• kontakt
• novice
• meni
• zadnje komentarje
• zadnje prispevke
• novice
• komentarje (več o teh v naslednjem zavihku tega poglavja)
• poljubne obrazce

Oblikovanje izgleda komentarjev

• Bodo imeli obiskovalci vaših spletnih strani možnost, da pustijo na strani komentar?
• Kako bo komentar prikazan na strani? Na katerih mestih? Bo na prvi strani prikazanih zadnjih 5 komentarjev?
• Kakšna bo oblika forme, v katero bo obiskovalec lahko vpisal svoje podatke in komentiral vašo stran, dejavnost, ali vam zastavil vprašanje?
• Kako bo oblikovano sporočilo o neustrezno izpolnjeni formi, kje se bo pojavilo? Kakšno sporočilo se bo prikazalo komentatorju v primeru poslanega komentarja?
• Kdaj bo komentar objavljen? Takoj ali po vaši potrditvi? Bo komentator vedel, da je komentar poslan, ali bo strmel v zaslon in se spraševal, ali obrazec za komentarje sploh deluje?
• Se bodo lahko uporabniki na vaši strani registrirali? Bodo lahko komentirali stran pod kakšnim eksternim uporabniškim računom (facebook, myspace, blogger, ...)? Se bo ob komentarju prikazal uporabnikov avatar?

Na Presentia d.o.o. si prizadevamo, da grafična podoba strani doseže svoj namen. Forme za komentarje, ki bodo izdelane pri nas, bodo lepo oblikovane in funkcionalne - uporabnik bo obveščen o napačnih in pravilnih vnosih. Komentarji bodo prikazani eden pod drugim v ličnih in preglednih grafičnih blokih. Poskrbimo lahko tudi za hierarhijo komentarjev (zamik komentarjev v primeru, ko uporabnik zapiše komentar na en drug komentar).

Oblikovanje logotipa in loga

Kaj sta logotip in logo? Sta  elementa, ki skrbita za splošno prepoznavnost in boljše poslovanje podjetja, kluba, izdelka, poljubne organizacije. Če ju pravno zaščitimo, se imenujeta blagovna znamka. Medtem ko je logotip besedilni element in nekoga ali neko dejavnost "zvočno komunicira", je logo grafični element in pušča pri ljudeh vizualne vtise. Po nekaterih prepričanjih gre za najpomembnejši element grafične podobe strani.

Za vas izdelamo oziroma oblikujemo kvaliteten logo in / ali logotip, zlit s spletnimi stranmi, primeren za elektronske in tiskane medije.

Stranke, ki pri nas naročijo izdelavo spletne strani, imajo za dodatno storitev - oblikovanje logotipa in / ali loga - 20% popust! Poskrbeli bomo, da se bosta ta elementa zlila z vašimi spletnimi stranmi in postala eno z njimi. Več o celostnem pristopu pri izdelavi teh grafičnih elementov vektorske oblike si preberite na strani izdelava logotipa (www.mojlogo.si).

Urejanje vsebin, ki so pomembne za uspešno optimizacijo

Oblikovanje spletne strani zahteva več kot le slikarja! Grafična podoba strani, ki ni optimizirana za splet, je prej velik minus, kot plus.

Da bi bila stran optimizirana za hitro nalaganje in spletne iskalnike, je potrebno prilagoditi vsebine. Slike morajo biti npr. jpg enkodirane, da se ohrani njihova funkcionalnost in zmanjša velikost v MB. Prevelika velikost namreč upočasnjuje nalaganje strani in povečuje verjetnost, da bo obiskovalec s počasnejšo internetno povezavo izgubil potrpljenje in zapustil vašo stran. Da bi bila stran bolje optimizirana za iskalnike, morajo slike:

1. nositi ustrezno ime (izbrati je potrebno glavne ključne besede, ki nastopajo na strani)
2. imeti ustrezne alt oznake za primere, ko ima obiskovalec izklopljeno ali onemogočeno prikazovanje slik
3. imeti ustrezne title oznake, ki se prikažejo, ko gremo z miško čez sliko

Več o optimizaciji strani za iskalnike preberite na spletišču optimizacija spletne strani.

Kaj pa optimizacija slik za lepši prikaz na različnih ozadjih?

Oblikovanje spletnih pasic - bannerjev

Spletne pasice (web banner) so ena najpomembnejših oblik spletnega oglaševanja. Če želite reklamo za svojo spletno stran, lahko za vas oblikujemo spletne pasice, ki se bodo prikazovale na drugih spletnih straneh. Ko bodo obiskovalci na njo kliknili, jih bo to napotilo na vašo spletno stran.

V prejšnjem poglavju smo govorili o logu in logotipu, oziroma o blagovni znamki in o tem, kako pomembna je za neko podjetje, organizacijo, posameznika. Lahko je še tako pomembna, sama od sebe ne bo vplivala na ustvarjanje prometa. Ljudje morajo za njo vedeti, o njej se mora širiti glas - na tržišču mora biti znana, da bi lahko bila prepoznavna. Tudi za spletno stran velja isto. Obstaja več različnih metod ustvarjanja prometa, na internetu pa se načeloma veliko sredstev namenja spletnim pasicam.

Za vas lahko izdelamo tako statične, kot dinamične (gibljive, animirane) pasice, ki bodo odsevale grafično podobo vaše strani tudi na drugih straneh. O animiranih pasicah si več preberite v naslednjem zavihku. Podrobnosti o spletnih pasicah in tem, kako povečati verjetnost, da obiskovalci na njo kliknejo, pa preberite na strani izdelava spletnih pasic

Oblikovanje animacij

Grafična podoba spletne strani je lahko opremljena s posebnimi efekti! Gibljivost. Animacija. Če je slika vredna 1000 besed, koliko je potem vredno zaporedje slik, povezano v animacijo? Ravnokar je pred vami - animacija izdelana s pomočjo JavaScript in dodatno oblikovana s CSS. Uporabljamo tehnologije, s katerimi izdelujemo animacije naslednjih tipov:

• Flash animacije
• gif animacije (gibljive sličice)
• javaScript animacije

Kar zadeva Flash in gif animacije, na tem področju oblikujemo preproste animacije za reklamne namene in popestritev strani. S pomočjo JavaScript pa lahko za vas oblikujemo razne interaktivne elemente:

• galerijo slik
• spustni meni
• posebni efekti teksta
• posebni efekti za slike, gumbe in druge elemente