Veebikujunduse kriitika nr 18: kaks lõiku
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 Two Chaps Branding - Baltimore'is asuv veebidisaini- ja turundusettevõte.
Tutvuge disainiressurssidega
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.
Umbes kaks saali
„Usume, et siin, TwoCaps, on bränd midagi enamat kui ilus logo ja missiooni kirjeldus, mis sisaldab uusimaid tööstussõnu. Me usume, et bränd on ettevõtte lugu, lugu, mis määratleb ettevõtte mineviku, oleviku ja tulevased suhted klientide ja klientidega. Me usume, et bränd on midagi enamat kui see, kuidas soovite, et teid tajutakse, vaid see, kuidas teid tegelikult tajutakse. Ükskõik, kas neid ignoreeritakse või kasvatatakse - teie bränd määratleb teid. ”
Siin on Kahe Jao koduleht:
Üldine kujundus on väga atraktiivne. Vananenud teema teostatakse värvide, tüüpide ja tekstuuride vahel hästi ning paigutus on lihtne, kuid samas võimas. Joondamine on väga tihe, kuna suurem osa sisust koosneb selgelt määratletud veerust.
Jagageme mõned kujunduse aspektid ja vaatame neid põhjalikumalt.
Logo
Mulle väga meeldib nende logoga tehtud töö. Keeglikann ja vuntsid on täiuslik visuaalne sõnum nimele “Kaks lõuakest”. Samuti on tugev serif-kirjatüüp sellel perioodil, mida disainerid pildistavad.
Kuigi mulle meeldib, et logo sobib hästi, kuidas see on, ei saa ma imestada, kas see oleks tugevam, vuntsid. Praegu on logol kaks konkureerivat graafilist elementi ja selle vähendamine üheks võib tüki paremaks muuta. Ma saan aru, et vuntsid, tähed ja müts viitavad koos näole, kuid see loeb siiski rohkem nagu vuntside ja mütsiga kirjad.
Põhigraafikana võiks keeglit kasutada mujal eraldiseisva elemendina, mis ei sõltu ülejäänud logost.
Pealkiri
Pealkiri on minu lemmik asi saidil. Kuigi see kuvatakse paremal, on see üks esimesi, mida vaatate, kui leht laaditakse, selle suuruse ja julguse tõttu.
Tähtede suurused on suurepäraselt üles ehitatud, et luua ühtne üksus, mis köidab teie tähelepanu ja muudab selle kiireks lugemiseks. Pange tähele, kuidas on vähemtähtsate sõnade (, ) suurust vähendatud, et anda ruumi tähtsamatele sõnadele (tõeline kunst).
Kuna see on graafiline ja mitte reaalajas tüüp, soovitaksin kindlasti siin teksti kergitamisega tegelemiseks aega võtta. Mõned tähed, nagu näiteks "T" ja "r", mis on "Tõene", asuvad kummaliselt kaugel, teised on veidi koos.
Kujundamisel on seda sammu lihtne unustada, kuid kui tüpograafia saab kujunduse peamiseks funktsiooniks, tahate alati olla kindel, et teie kirjade vahe on nii täiuslik, kui saate selle saada.
Pildi pisipildid
Kodulehel olevatele piltidele on antud suurepärane piiritlemine. Varjutamine annab piltidele tõesti palju sügavust, kuna see loob kolm eraldi taset.
Vaikimisi on pildid halltoonid, kuid kui hõljutate kursorit nende kohal, rändavad nad piksli või kaks (tahtlikult?) Ja muutuvad täisvärviliseks. See on kena efekt, millega on lõbus mängida, kui kontrollite seda saiti esimest korda.
Külgriba
Nagu näete, on külgriba vertikaalne lint, mis sisaldab logo, navigeerimist, paari sotsiaalset nuppu ja mõnda juriidilist teavet. Kui vaatate aktiivset saiti, näete, et jalus püsib saidi kerimise ajal mugavalt paigal. See tagab hõlpsa juurdepääsu lehtede vahetamiseks, olenemata sellest, kus te saidil olete.
Mulle meeldib punase julgus ja kui palju see ülejäänud disainist silma paistab. Mulle meeldib ka Facebooki ja Behance nuppude puhul kasutatav ravi ja värvid. Natuke veider on see, et “Facebooki” tähtedel on nii kõva vari, kui “Behance” tähtedel pole.
Külgriba navigeerimissektsioonid laienevad ja päiseklõpsamisel sujuva animatsiooniga kokku tõmbuvad. Oluline on see, et kõikidele üksustele on endiselt täiesti juurdepääs, kui JavaScript pole lubatud, menüüd kuvatakse lihtsalt avatud asendis ja te isegi ei teaks, et teil midagi puudu on.
Alati on hea minna veel üks miil üle ja veenduda, et teie sait töötab nii teie brauseritega, mis toetavad teie väikeseid visuaalseid kohtlemisi kui ka nende jaoks, mis seda ei tee.
Jalus
Jalus peab üleskutse ettevõtte palkamiseks ja see on veel üks kenasti kujundatud spin vananenud teemal.
Üla- ja alaosas olevad jooned on kenad puudutused, aga ka väike "Click Here" märk koos lehe lokkimisega. See jaotis näib natuke selline, nagu mõned SEO “eksperdid” said sellest aru, sest sõna “bränd” ilmub sellise väikese teksti jaoks kohutavalt palju kordi.
Loetavus
Nagu ma eespool ütlesin, meeldib mulle saidi kujundus üldiselt. See on ainulaadne, julge, atraktiivne ja üsna funktsionaalne. Arvan siiski, et saidi kasutatavus kannatab teksti tõttu. Vaadake allolevat pilti lehelt „Meie lugu“.
Nagu näete, ei ole järgmine suur värviline pealkiri ega valge põhitekst tekstureeritud taustal väga loetavad. Seda halvendab asjaolu, et taust püsib teksti kerimisel paigas, luues saidi sirvimisel tõesti keeruka ja hõivatud visuaalse efekti.
Lõpuks võib kena tekstuuriga taust teha rohkem kui kasu. Hea mõte on katsetada selle läbipaistmatuse vähendamisega või hoopis mõne väiksema kasuks lammutamisega. Seda võib olla ebameeldiv kuulda, kuid kui see suurendab kogu saidi teksti loetavust, on see vaeva väärt.
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.
