"Apģērba sagaidīšanas" princips ir spēkā ne tikai cilvēkiem, bet arī vietnēm. Vietnes kleita ir tās dizains. Un tieši noformējums nosaka iespaidu, kas apmeklētājam rodas resursa apskates pirmajās sekundēs. Šis iespaids ir īpaši svarīgs, jo tas nosaka viņa turpmāko uzvedību. Pirmais dizaina elements, ko redz katrs lietotājs, kurš apmeklē vietni, ir tā "galvene". Vāciņš ir tīmekļa resursa seja. Tāpēc katrs iesācēju tīmekļa dizainers vispirms vēlas uzzināt, kā izveidot vietņu galvenes.
Nepieciešams
- - piekļuve internetam;
- - moderns pārlūks;
- - rastra grafikas redaktors (GIMP, Photoshop);
- - pēc izvēles: vektorgrafikas redaktors (CorelDraw);
- - pēc izvēles: 3D modelēšanas vide (Blender, 3DStudio);
- - pēc izvēles: papīra lapa, zīmulis vai pildspalva.
Instrukcijas
1. solis
Izstrādājiet nākotnes vietnes galvenes koncepciju. Ideālā gadījumā koncepcijai vajadzētu būt balstītai uz sākotnējo ideju. Ja ideju trūkst, iedvesmu var iegūt, analizējot esošos labos risinājumus. Atspoguļojiet radošo pētījumu rezultātu skices formā uz papīra. Skicē jāatspoguļo vietnes nākotnes galvenes struktūra, norādot "gumijas" vietas un laukumus, kas piepildīti ar attēliem. Šajā posmā ieteicams pārdomāt aptuvenu krāsu shēmu galvenes noformējumam.
2. solis
Atlasiet galvenes lielumu. Patiesībā ir vērts skaidri definēt tikai vienu no tā parametriem - augstumu. Parasti vietnes galvenes augstums ir fiksēts, un tas nav atkarīgs no loģiskās izšķirtspējas, kas ietekmē fontu displeja parametrus. Citiem vārdiem sakot, jums vajadzētu izvēlēties galvenes augstuma vērtību pikseļos. Šajā gadījumā ir lietderīgi ņemt vērā iespēju ievietot reklāmkarogus vai kontekstuālās reklāmas blokus galvenē. Attiecībā uz platumu jums jānosaka minimālā vērtība, izceļot vismaz vienu "gumijas" zonu, kas ļauj galvenei pielāgoties dažādiem tīmekļa lapas izmēriem.
3. solis
Grafikas redaktorā izveidojiet galvenes veidni. Jaunā dokumentā pievienojiet caurspīdīgu slāni, kuram jūs velciet skici atbilstoši atlasītajiem ģeometriskajiem parametriem. Slāņa augstumam jāatbilst galvenes augstumam. Platumu var uzskatīt par patvaļīgu, bet lielāku par minimālo izmēru, atstājot vietu horizontālām “gumijas” zonām.”Veidnē norādiet fiksēta un mainīga izmēra zonas, zonas, kuras paredzēts aizpildīt ar statiskiem attēliem, fona attēliem.
4. solis
Meklējiet vai izveidojiet statiskus attēlus, kurus ievietot galvenes veidnē. Logotipu un dažus unikālus elementus var izveidot vektoru redaktorā vai 3D modelēšanas vidē. Internetā ir diezgan viegli atrast tematiskos attēlus bezmaksas fotobankās.
5. solis
Ievietojiet fonu, logotipu un statiskus attēlus vietnes galvenes veidnē grafikas redaktorā. Pievienojiet fonu un katru attēlu atsevišķam caurspīdīgam slānim. Labāk sakārtojiet slāņus. Pārvietojot attēlus slāņos, iegūstiet to perfektu izkārtojumu, kas atbilst iepriekš izveidotajai veidnei.
6. solis
Saglabājiet iegūto galvenes attēlu. Saglabājiet darba projektu grafiskā redaktora vietējā formātā. Pēc tam saglabājiet saplacinātu galvenes attēlu bezzudumu formātā (piemēram, PNG).
7. solis
Ja nepieciešams, izveidojiet HTML galvenes veidni. Redaktorā atveriet saplacinātu attēlu. Izgrieziet no tā attēlus, kas atbilst noteikta izmēra apgabaliem. No vietām, kas atbilst "gumijas" laukumiem, izgrieziet attēlus 1 pikseļa platumā. Saglabājiet visus attēlus diskā. Izkārtojiet HTML galveni, izmantojot saglabātos attēlus.
