Pilt hotellilehe tööst.
Pilt ülesandest wappalyzer veebitööriistaga
Pilt visualiseerimise aines valminud tööst. Paberile joonistatud, pildistatud, Photoshopitud taust.

Läbitud teemad

  • Visandi loomine. Struktuurikavandid
  • HTML, CSS
  • Bootstrap
  • Kasutatavus
  • Ligipääsetavus
  • Disaini mustrid ja UI-elemendid

HTML, CSS, Bootstrap - need mu sõbrad kolmekesi. Enne Voco-sse astumist oli mul võimalus läbida Pythoni keele kursus, mis andis mulle esmase arusaama programmeerimisest ning veebi kujundamise võimalustest. Ehkki selle kursuse ulatus ei olnud võrreldav, oli see siiski minu jaoks esimene samm koodi mõistmise ja veebikujunduse põhimõtete avastamise suunas.

õppimise hetked

      • Hotellileht, mille valmistasin Udemy kursuse abil. See oli üks esimesi html lehti, kus on kood algusest peale ise tehtud. Hotellileht
      • Mitmelehelise veebilehe loomine. Udemy2 kursuse abil loodud. Teine veebileht
      • Tegime erinevaid väga algelisi ülesandeid. Siin üks näide veebilehe täitmise vormist. Panin selle ainult sellepärast siia, et näha vahet, millise vormi tegin HTML praktikal olles. HTML vorm küsimustiku täitmiseks
      • Väga palju töid ka ebaõnnestus. Siin üks näide sellest. Ebaõnnestunud töö
      • Veel üks näide, kuidas ei pea veebilehte tegema. Wordpressi raamistiku katsetus. Wordpressi katsetus
  • Õppisin looma süsteemselt kujundatud ja funktsionaalseid veebilehti. Omal käel läbisin Udemy-kursused. Kasutades HTML-i ja CSS-i võimalusi, ehitasin paar algelist veebilehte. Õppisin, kuidas luua struktuuri ja kujundada lehti, tagades samal ajal nende kiiruse ja kättesaadavuse kõigile kasutajatele. Teinud selgeks disainiprintsiibid ja kasutajaliidese elemendid, sain teada, kuidas kombineerida värve, fonte ja visuaalseid elemente, et luua atraktiivseid ja kasutajasõbralikke veebilehti. Lisaks tutvusin disainimustritega, mis aitavad optimeerida kasutajakogemust ja tagada, et veebileht oleks intuitiivne ja hõlpsasti navigeeritav. Praktilise poole pealt õppisime kasutama erinevaid vahendeid ja platvorme veebilehtede loomiseks ja prototüüpide tegemiseks. See võimaldas meil oma ideid visualiseerida ja testida enne nende rakendamist. Lisaks rõhutati kursusel ka veebilehtede kasutatavuse ja ligipääsetavuse olulisust, mis aitab tagada, et meie loodud veebilehed oleksid kättesaadavad ja mugavad kõigile kasutajatele.

  • Õppisin looma ligatuure ja monogramme, visualiseerimist, kalligramme. Kasutasin paberit ja pliitsit. Pildistasin töid ning töötlesin neid Adobe Photoshopis. Kuna ma ei ole joonistamises kuigi osav, ei olnud ma oma töödega tegelikult üldse rahul. Aga samas ei ole ma ka väga õnnetu, sest edaspidises töös ei ole mul otseselt vaja ise midagi paberile joonistada. Kogu tegevuse saab ära teha erinevates joonistamiseks mõeldud programmides. Mõte on tegelikult kõige tähtsam.

    Bootstrapiga on mul eriline suhe, sest see raamistik võimaldab luua mitmekesiseid veebirakendusi, pakkudes samal ajal algset raamistikku, mille abil oli mul, kui algajal kodeerijal, oluliselt lihtsam mõista, kuidas kood toimib ja kuidas saab selle abil luua soovitud kujundusega veebilehti. See on minu jaoks inspireeriv ja innustav kogemus, mis võimaldab avastada veebidisaini võimalusi ning edendab minu oskusi selles valdkonnas.

  • Nendes ainetes oli palju iseseisvat õppimist ja katetsetamist. Sain teada enda kohta, et suudan tundide kaupa ekraanil olevat koodijuppi põrnitseda ning luua sellest midagi, millega hiljem ka rahule jään. Õppisin selgeks, et abimees Google+ChatGPT leiavad ka kõige raskematele küsimustele vastused ning kõik on võimalik.

    • Neid aineid läbides valdasid mind kahetised tunded. Ühelt poolt sain aru, et oma loomingulise poolega pean veel kõvasti vaeva nägema, et õppida selgemaks, kuidas käib kliendile tööde visualiseerimine ja kuidas oma mõtteid paremini paberile panna. Teiselt poolt aga on mul hea meel, et koodimise poolest sain ma jälle nõnda palju paremini aru. Ettevõttes töötades, kus on olemas rohkem disainereid, ei olegi alati vajalik osata mõlemat poolt väga hästi teha. Samas on mõlema poole mõistmine ülioluline.
    • Üks olulisemaid oskuseid veebikujunduses on võime luua selgeid ja tõhusaid struktuure. Olen õppinud visandite ja struktuurikavandite loomist, mis aitavad mul paremini planeerida ja visualiseerida veebilehtede paigutust ning kasutajaliidese ülesehitust. Veebikujunduse aines sain keskenduda veebilehtede visuaalile ja kasutajaliidese (UI) kujundamisele ning sellele, kuidas veebileht peaks välja nägema ja kuidas kasutajad sellega suhtlevad. Tuli tegeleda veebilehtede välimuse, paigutuse, värviskeemi, graafika ja kasutajakogemuse (UX) loomise ja parandamisega. Lõin visuaalseid elemente, nagu logo, pildid, ikoonid, nupud ja teksti stiilid.
    • Ma sain teada, et väga tähtis on kasutajakeskne disain ja oskus luua head veebigraafikat. Antud aine oli mulle endale järjekordseks tõestuseks, et ära kunagi eelda, et mõni veebileht või äpp on kuidagi juhuslikult kokku pandud. Suuremal osal neist on selja taga suur meeskond, kes teeb prototüüpe, disainib, kontrollib vastavust nõuetele jne. Kõike seda nüüd teades, olen enam kui kindel, et ma sihilikult ei tee enam kunagi mitte ühtegi halba veebilehte ega äppi.
    • Koolis õppides hakkasin aru saama veebikujunduse põhialustest. Tänu õpitule, mõistsin paremini, kuidas antakse veebisaitidele visuaalne ja funktsionaalne kujundus ning parandatakse kasutajakogemust. Lisaks sain teadmised visuaalse identiteedi loomisest, mis on oluline brändi tuntavuse suurendamiseks veebis.