"Vaatteiden tervehdyksen" periaate ei päde vain ihmisille, vaan myös sivustoille. Sivuston mekko on sen muotoilu. Ja muotoilu määrää vaikutelman, jonka kävijällä on resurssin katselun ensimmäisten sekuntien aikana. Tämä vaikutelma on erityisen tärkeä, koska se määrää hänen tulevan käyttäytymisensä. Ensimmäinen suunnitteluelementti, jonka jokainen sivustolla käyvä käyttäjä näkee, on sen "otsikko". Korkki on verkkoresurssin kasvot. Siksi jokainen aloitteleva verkkosuunnittelija haluaa ensin oppia tekemään otsikoita sivustoille.
Välttämätön
- - pääsy Internetiin
- - moderni selain;
- - rasterigrafiikan muokkausohjelma (GIMP, Photoshop);
- - valinnainen: vektorigrafiikan muokkausohjelma (CorelDraw);
- - valinnainen: 3D-mallinnusympäristö (Blender, 3DStudio);
- - valinnainen: paperiarkki, lyijykynä tai kynä.
Ohjeet
Vaihe 1
Kehitä konsepti tulevaa sivuston otsikkoa varten. Ihannetapauksessa konseptin tulisi perustua alkuperäiseen ajatukseen. Kun ideoita puuttuu, inspiraatiota voidaan saada analysoimalla olemassa olevia hyviä ratkaisuja. Heijastaa luovan tutkimuksen tulosta luonnoksena paperille. Luonnoksen tulisi heijastaa sivuston tulevan otsikon rakennetta ja merkitä "kumiset" paikat ja alueet, jotka on täytetty kuvilla. Tässä vaiheessa on hyvä miettiä likimääräinen värimalli otsikon suunnittelua varten.
Vaihe 2
Valitse otsikon koko. Itse asiassa kannattaa määritellä selkeästi vain yksi sen parametreista - korkeus. Yleensä sivuston otsikkojen korkeus on kiinteä, eikä se riipu loogisesta tarkkuudesta, joka vaikuttaa fonttien näyttöparametreihin. Toisin sanoen sinun tulisi valita arvo otsikkokorkeudelle pikseleinä. Tässä tapauksessa on järkevää ottaa huomioon mahdollisuus sijoittaa bannereita tai kontekstuaalisen mainonnan lohkoja otsikkoon. Leveyden suhteen sinun on määritettävä vähimmäisarvo korostamalla ainakin yksi "kumialue", jonka avulla otsikko voi mukautua verkkosivun erikokoisiin.
Vaihe 3
Luo otsikkomalli grafiikkaeditorissa. Lisää uuteen asiakirjaan läpinäkyvä kerros, johon vedät luonnoksen valittujen geometristen parametrien mukaan. Kerroksen korkeuden on vastattava otsikon korkeutta. Leveys voidaan pitää mielivaltaisena, mutta suurempi kuin vähimmäiskoko, jättäen tilaa vaakasuorille "kumialueille". "Määritä mallissa kiinteän ja vaihtelevan kokoiset alueet, alueet, jotka on tarkoitus täyttää staattisilla kuvilla, taustakuvilla.
Vaihe 4
Etsi tai luo staattisia kuvia, jotka sijoitetaan otsikkomalliin. Logon ja joitain ainutlaatuisia elementtejä voidaan luoda vektorieditorissa tai 3D-mallinnusympäristössä. Internetistä on melko helppo löytää temaattisia kuvia ilmaisista valokuvapankeista.
Vaihe 5
Lisää tausta, logo ja staattiset kuvat grafiikkaeditorin sivuston otsikkomalliin. Lisää tausta ja kukin kuva erilliseen läpinäkyvään kerrokseen. Järjestä kerrokset parhaalla mahdollisella tavalla. Saavuttamalla kuvia kerroksittain saavuta niiden täydellinen asettelu, joka vastaa aiemmin luotua mallia.
Vaihe 6
Tallenna tuloksena oleva otsikkokuva. Tallenna työprojekti grafiikkaeditorin alkuperäisessä muodossa. Tallenna sitten litistetty otsikkokuva häviöttömässä muodossa (esimerkiksi PNG).
Vaihe 7
Luo tarvittaessa HTML-otsikkomalli. Avaa litistetty kuva editorissa. Leikkaa siitä kuvia, jotka vastaavat kiinteän koon alueita. Leikkaa kuvat 1 pikselin levyisiksi "kumialueita" vastaavista paikoista. Tallenna kaikki kuvat levylle. Asettele HTML-otsikko tallennettujen kuvien avulla.
