Principas „pasitinka drabužiais“galioja ne tik žmonėms, bet ir svetainėms. Svetainės suknelė yra jos dizainas. Būtent dizainas lemia įspūdį, kurį lankytojas susidaro per kelias pirmąsias išteklių peržiūras. Šis įspūdis yra ypač svarbus, nes jis nulemia jo būsimą elgesį. Pirmasis dizaino elementas, kurį mato kiekvienas svetainėje apsilankęs vartotojas, yra jo „antraštė“. Dangtelis yra žiniatinklio šaltinis. Todėl kiekvienas pradedantysis interneto dizaineris pirmiausia nori sužinoti, kaip sukurti svetainių antraštes.
Būtinas
- - prieiga prie interneto;
- - moderni naršyklė;
- - rastrinės grafikos redaktorius (GIMP, Photoshop);
- - neprivaloma: vektorinės grafikos redaktorius („CorelDraw“);
- - neprivaloma: 3D modeliavimo aplinka („Blender“, „3DStudio“);
- - neprivaloma: popieriaus lapas, pieštukas ar rašiklis.
Nurodymai
1 žingsnis
Sukurkite būsimos svetainės antraštės koncepciją. Idealiu atveju koncepcija turėtų būti paremta originalia idėja. Kai trūksta idėjų, įkvėpimo galima pasisemti analizuojant esamus gerus sprendimus. Kūrybinių tyrimų rezultatus atspindėkite eskizo forma ant popieriaus lapo. Eskizas turėtų atspindėti būsimos svetainės antraštės struktūrą, nurodant „gumines“vietas ir plotus, užpildytus vaizdais. Šiame etape verta apgalvoti apytikslę antraštės dizaino spalvų schemą.
2 žingsnis
Pasirinkite antraštės dydį. Tiesą sakant, verta aiškiai apibrėžti tik vieną iš jo parametrų - aukštį. Paprastai svetainės antraščių aukštis yra fiksuotas ir tai nepriklauso nuo loginės skiriamosios gebos, turinčios įtakos šriftų rodymo parametrams. Kitaip tariant, turėtumėte pasirinkti antraštės aukščio vertę pikseliais. Šiuo atveju tikslinga atsižvelgti į galimybę antraštėje įdėti reklaminių antraščių ar kontekstinės reklamos blokų. Atsižvelgdami į plotį, turėtumėte nustatyti mažiausią vertę, paryškindami bent vieną „guminę“sritį, kuri leidžia antraštei prisitaikyti prie skirtingų tinklalapio dydžių.
3 žingsnis
Sukurkite antraštės šabloną grafikos redaktoriuje. Naujame dokumente pridėkite skaidrų sluoksnį, prie kurio eskizą vilksite pagal pasirinktus geometrinius parametrus. Sluoksnio aukštis turi atitikti antraštės aukštį. Plotis gali būti laikomas savavališku, tačiau didesnis už minimalų dydį, paliekant vietos horizontaliems „guminiams“ploteliams. “Šablone nurodykite fiksuoto ir kintamo dydžio zonas, zonas, kurias ketinama užpildyti statiniais vaizdais, fono paveikslėliais.
4 žingsnis
Ieškokite arba kurkite statinius vaizdus, kuriuos norite įdėti į antraštės šabloną. Logotipą ir keletą unikalių elementų galima sukurti vektoriniame redaktoriuje arba 3D modeliavimo aplinkoje. Internete gana lengva rasti teminius vaizdus nemokamuose fotobankuose.
5 žingsnis
Įterpkite foną, logotipą ir statinius vaizdus į svetainės antraštės šabloną grafikos redaktoriuje. Pridėkite foną ir kiekvieną vaizdą prie atskiro skaidraus sluoksnio. Geriausiai išdėstykite sluoksnius. Perkeldami vaizdus sluoksniais, pasiekite tobulą jų išdėstymą, atitinkantį anksčiau sukurtą šabloną.
6 žingsnis
Išsaugokite gautą antraštės vaizdą. Įrašykite veikiantį grafikos redaktoriaus gimtąjį formatą. Tada išsaugokite suploto antraštės vaizdą be nuostolių formatu (pavyzdžiui, PNG).
7 žingsnis
Jei reikia, sukurkite HTML antraštės šabloną. Redaktoriuje atidarykite išlygintą vaizdą. Iškirpkite iš jo vaizdus, kurie atitinka fiksuoto dydžio plotus. Iš vietų, atitinkančių „guminius“plotus, iškirpkite 1 pikselio pločio vaizdus. Išsaugokite visus vaizdus diske. Išdėstykite HTML antraštę naudodami išsaugotus vaizdus.
