Veebikujunduse kriitika nr 17: ToonyTuts
Igal nädalal vaatame uut veebisaiti ja analüüsime kujundust. Toome välja nii hästi tehtud valdkonnad kui ka need, kus saaks mõnda tööd kasutada. Lõpuks küsime teilt enda tagasiside.
Tänane sait on peagi saabuv leht ToonyTuts.
Kui soovite oma veebisaidi edaspidises disainikriitikas kajastada, võtab see vaid paar minutit. Teie kujunduse kritiseerimise eest võtame 24 dollarit - tunduvalt vähem kui maksaksite konsultandil teie saidi vaatamise eest! Lisateavet saate siit.
ToonyTutsi kohta
Kuna ToonyTuts on Liam McCabe väga salajane projekt, teatakse sellest praegu väga vähe. Liami isiklikust saidist näeme ToonyTutsi kui kohta, kus peetakse hämmastavalt lõbusaid ja loomingulisi õpetusi. Ma võin siis ainult oletada, et ToonyTuts on õppeprotsessi hõlbustamiseks suurepäraselt illustreeritud õppesaidid, kus on palju nalja ja huumorit (suurepärane idee!).
Siin on ekraanil peatselt ilmuva lehe ekraanipilt:
Mõni meie kriitika teema on täis sisu ja võtab üsna palju analüüsi, kuid see leht on ühtaegu lihtne ja väga atraktiivne, nii et kriitikaks pole liiga palju. Nagu ikka, jagage see tükkide kaupa.
Üldine kujundus
ToonyTutsi disain on hästi… toony. Erksad värvid, lõbusad fondid ja tugevalt ümarad nurgad lisavad sellele suurepärasele koomiksistiilile.
Taustal olevad kiired juhivad teie tähelepanu keskel asuvale logole ja tekitavad kujunduses põnevust.
Logo
Logo kirjatüüp on sisu jaoks täiuslik valik. Pange tähele, et see on kindlasti lõbus ja keerukas, kuid on siiski väga loetav. Suurtähed “T” on tõesti ainus täht, mis on märkimisväärselt moonutatud, kui ülaosas olevad vertikaaljooned on diagonaalselt kallutatud.
See osa, mis teie tähelepanu tõepoolest haarab, on paks must löök. See erineb tugevalt siniste tähtede vahel peene, kuid atraktiivse gradiendiga. Löögi servad on tugevalt ümardatud, isegi kui tegelikke tähti pole. See on tõeline trikk loetavuse säilitamiseks, pakkudes samal ajal lõbusat, peaaegu lapselikku välimust.
Rõhumärk font all on palju mängulisem moonutatud kirjavormidega, mis näevad Goofy koomiksist otse välja. Seda tüüpi hoitakse väikesena, nii et efekt pole üle jõu käiv, vaid tehtud just õiges koguses.
Mulle meeldib, et siia visati Twitteri lind. See sobib suurepäraselt pilvemotiiviga ja ei tundu üldse järelmõte. Need, kes on Twitteri kaubamärgiga tuttavad, tunnevad sümboli ära ja klõpsavad läbi, kui nad soovivad ToonyTutsi jälgida.
Tige peek
Väike registreerumisväli on koht, kus mängu tulevad ümarad nurgad. See ala pidi olema funktsionaalne ja siiski kujundatud nii, et see sobiks ideaalselt ülejäänud kujundusega. Pange tähele värvi märkimist, mida teie tähelepanu saamiseks kasutati.
Mulle meeldib, et väljal on varjefekt, mis muudab selle sissetallatuks, samal ajal kui nupp kasutab sama varju teises suunas, et välja näha, nagu see tuleks lehelt veidi maha. Kui need varjud oleksid sulgedega, tekitaksid nad realismi tunde, mis läheks vastuollu ülejäänud kujundusega, kuid neid on hoitud nii tugevalt, et nad järgiksid koomiksite stiili.
Saade "Kas soovite alatu pilku?" tekst on tegelikult reaalajas ja valitav. See on font nimega DoctorSoosBold, mida rakendatakse siin koos @ font-face. Mulle meeldib fondi valik, aga mulle ei meeldi teksti varju rakendamine. Tume vari on tekstist vaid pisut piiluv ja muudab seetõttu kirjad pisut segaseks, mitte ei täida oma tegelikku eesmärki - loetavuse suurendamist.
Minu soovitus on see vari natuke välja ja alla tõmmata, nii et tekst ei näeks välja selline, nagu oleks lihtsalt natuke mustad tükid sisse segatud.
Animatsioon ja muusika
Pärast lehe esmakordset laadimist käivituvad animatsioonid automaatselt. Pilved hõljuvad nihkes viisil üles ja alla, samal ajal kui taustal olevad kiired pöörlevad päripäeva.
Kuna leht on nii lihtne, lisab animatsiooniefekt elamusele tõesti palju. Kui soovite koodi avada, näete, et animatsioonide teostamiseks kasutati veebikomplekti funktsioone, nii et te ei näe neid teistes brauserites.
Ma ei näe seda probleemina. Kui vaatate lehte brauseris, mis ei toeta animatsioone, on see endiselt täiesti funktsionaalne ja esteetiliselt meeldiv.
Lisaks animatsioonile on üks suurepäraselt tsirkuseesklitega muusikaklipp, mis algab siis, kui vajutate paremas ülanurgas esitusnuppu.
Oluline on märkida, et muusika ei käivitu automaatselt. Paljud kasutajad, sealhulgas mina, vihkavad seda, kui veebisait heidab teile muusikat, olenemata sellest, kas olete valmis või mitte. Kui teie kõlarid on väntunud ja asute kohvipoes, teeniks ToonyTutsi muusika kahtlemata teie ümbritsevate inimeste pahandatud ja segadust tekitavaid välimusi.
Esitusnupu kõrval asuv väike ring peatab pilvede animatsiooni. See on hea mõte ka kõigile, kellele ei meeldi kopsakate pilvede pilk või kes ei taha protsessori võimsust raisata. Kummalisel kombel ei takista selle nupu vajutamine kiirte pöörlemist.
Arvan, et kui annate kasutajatele võimaluse lehel olevad animatsioonid lõpetada, siis peaksite veenduma, et see katab kõik, muidu tundub see natuke mõttetu.
See leht on kokkuvõttes fantastiline teos ja minu kriitikud olid enamasti selle saidi äärmiselt väikeste aspektide ümber. See on suurepärane näide sellest, kuidas saate "Varsti tuleva" kujundusega lõbutseda, kuna see on vajalik piiratud funktsionaalsuse tõttu. Mida huvitavam on teie peagi ilmuv leht, seda tõenäolisemalt inimesed seda jagavad ja seda rohkem näitamist teenite!
Sinu kord!
Nüüd, kui olete minu kommentaare lugenud, astuge sisse ja aidake, andes disainerile täiendavaid nõuandeid. Andke meile teada, mis on teie arvates disainilahenduses suurepärane ja mis võiks teie arvates olla tugevam. Nagu alati, palume teil ka saidi kujundajat austada ja pakkuda selget konstruktiivset nõu ilma igasuguste karmide solvanguteta.
Kas olete huvitatud oma saidi kritiseerimisest? Lisateavet saate siit.
