Saitide kujundus on väga oluline selle jaoks, kuidas külastajad neid lõpuks tajuvad. Inimesed peaksid saidi lehtedel olles kogema esteetilist naudingut, samuti peaksid need lehed olema neile mugavad ja funktsionaalsed. Ükski sait pole ilma navigeerimisnuppudeta täielik ja teie sait näeb korraga funktsionaalne ja ilus välja, kui muudate need nupud animeerituks.
Juhised
Samm 1
Graafilised nupud, erinevalt tekstinuppudest, on lehtedel märgatavad ja lugejatele kergesti meelde jäävad. Animeeritud nuppude loomiseks kasutage Corel Draw'i. Looge uus dokument ja joonistage tühi koht, millele nupp kuvatakse mitmes vaates nii vajutatud kui ka vajutamata olekus.
2. samm
Nupu joonistamiseks valige tööriistakastist sobiv tööriist ja joonistage ümardatud ristkülik. Täitke ristkülik mustaga, seejärel kopeerige see ja liigutage koopiat vasakule ja üles. Täitke teine ristkülik valgega.
3. samm
Kirjutage tühjale nupule selle nimi, lisades tekstile musta kontuuri. Muutke tekst valgeks. Nüüd avage efektide ümberpaigutamise menüü, tõstes esile nupu ja klõpsates valikut Loo ümberlülitamine. Ülemineku olekuribal näete Normal.
4. samm
Nüüd nupu pildi muutmiseks paremklõpsake sellel ja valige kontekstimenüüst suvand Redigeeri üle. Avaneb uus Interneti-tööriistariba. Joonistage täiendavad nupupositsioonid, mis seejärel üksteise järel muutuvad, luues animatsiooniefekti.
5. samm
Interneti-paneeli vasakul küljel klõpsake nuppu Üle ja muutke nuppu, et eemaldada teksti kontuur. Selle animatsiooni teise versiooni loomiseks täitke tekst mustaga. Nüüd vajutage nuppu alla ja joonistage nupu viimane versioon selle vajutamisel.
6. samm
Liigutage tekst ja valge ristkülik paremale alla ja libistage must ristkülik üles vasakule. Nüüd klõpsake nuppu Lõpeta redigeerimise lõpetamine.
7. samm
Salvestage nupp koos koodiga, mida saate kasutada veebisaidil olevate objektide välimuse muutmiseks. Nii saate joonistada mis tahes kujundusega mis tahes nupu.