Vietņu dizains ir ļoti svarīgs, lai apmeklētāji tos galu galā uztvertu. Cilvēkiem ir jāpiedzīvo estētiska bauda, atrodoties vietnes lapās, kā arī šīm lapām viņiem jābūt ērtām un funkcionālām. Neviena vietne nav pilnīga bez navigācijas pogām, un jūsu vietne vienlaikus izskatīsies funkcionāla un skaista, ja šīs pogas padarīsit animētas.
Instrukcijas
1. solis
Grafiskās pogas, atšķirībā no teksta pogām, ir pamanāmas lapās, un lasītājiem tās ir viegli atcerēties. Izmantojiet Corel Draw, lai izveidotu animētas pogas. Izveidojiet jaunu dokumentu un uzzīmējiet tukšu vietu, uz kuras poga tiks parādīta vairākos skatījumos gan nospiestā, gan nepiespiestajā stāvoklī.
2. solis
Lai uzzīmētu pogu, rīkjoslā atlasiet atbilstošo rīku un uzzīmējiet noapaļotu taisnstūri. Aizpildiet taisnstūri ar melnu, pēc tam nokopējiet to un pārvietojiet kopiju pa kreisi un uz augšu. Aizpildiet otro taisnstūri ar baltu krāsu.
3. solis
Uz tukšās pogas uzrakstiet tās nosaukumu, tekstam pievienojot melnu kontūru. Padariet tekstu baltu. Tagad atveriet izvēlni Effects Rollover, iezīmējot pogu un noklikšķinot uz opcijas Create Rollover. Pārvēršanas statusa joslā redzēsiet Normal.
4. solis
Tagad, lai mainītu pogas attēlu, ar peles labo pogu noklikšķiniet uz tā un konteksta izvēlnē atlasiet opciju Rediģēt kursoru. Tiks atvērta jauna interneta rīkjosla. Zīmējiet papildu pogu pozīcijas, kuras pēc tam mainīsies viena pēc otras, izveidojot animācijas efektu.
5. solis
Interneta paneļa kreisajā pusē noklikšķiniet uz pogas Over un rediģējiet pogu, lai noņemtu teksta kontūru. Aizpildiet tekstu ar melnu, lai animācijā izveidotu tā otro versiju. Tagad nospiediet pogu Uz leju un uzzīmējiet pogas pēdējo versiju, kad tā tiek nospiesta.
6. solis
Pārvietojiet tekstu un balto taisnstūri uz leju pa labi un bīdiet melno taisnstūri uz augšu pa kreisi. Tagad noklikšķiniet uz pogas Pabeigt rediģēšanas pārvietošanu.
7. solis
Saglabājiet pogu kopā ar kodu, kuru varat izmantot, lai mainītu objektu izskatu tīmekļa lapā. Tādā veidā jūs varat uzzīmēt jebkura veida pogu ar jebkuru dizainu.
