Veebikujunduse kriitika # 44: Owain Lewis
Igal nädalal vaatame uut veebisaiti ja analüüsime kujundust. Toome välja mõlemad valdkonnad, mida on hästi tehtud, lisaks neile, kus saaks mõnda tööd kasutada. Lõpuks küsime teilt enda tagasiside.
Tänane sait on vabakutselise veebidisainer Owain Lewise isiklik portfell.
Tutvuge disainiressurssidega
Kui soovite oma veebisaidi edaspidises disainikriitikas kajastada, võtab see vaid paar minutit. Teie kujunduse kritiseerimise eest võtame 49 dollarit - tunduvalt vähem kui maksaksite konsultandil teie saidi vaatamise eest! Lisateavet saate siit.
Owain Lewise kohta
Olen vabakutseline veebidisainer ja esiotsa veebiarendaja Cardiffist. Ehitan HTML5 abil puhtaid, kaasaegseid ja professionaalseid veebisaite. Viimase paari aasta jooksul olen töötanud suure hulga klientidega, sealhulgas veebidisaini agentuuride, suurte ettevõtete, idufirmade ja eraisikutega, luues veebisaite, mis aitavad inimestel veebis paremaid tulemusi saavutada.
Siin on Owaini kodulehe ekraanipilt:
Esialgne mulje
Minu esialgne mulje sellest lehest on äärmiselt positiivne. Mulle meeldib paigutus, graafika ja tekst. Ka sisu on jaotatud selgeteks osadeks nii paigutuse kui ka peenete taustmuudatuste kaudu. See on tõesti uhke teos, mis tuletab mulle tugevalt meelde mõnda musta lehte, mis Appleil nende saidil on.
Enamasti on meie kriitika positiivne. Vaatame lihtsalt iga jaotist ja arutame, mis läks õigesti! Siiski on mõned väga väikesed asjad, mida minu arvates võiksid näppida ja juhin neid tähelepanu.
Päis
Päis puudutab kõike tüpograafiat. See on tugev ja sõbralik sissejuhatus, mis annab teile teada, mis sellel saidil on. Viimastel nädalatel olen hakanud disainerid peaaegu varjama nende veebisaitide põhilisi selgitusi ja usun kindlalt, et viskan selle avalikult välja, nii et pole segadust. Kohe näeme, et see sait on vabakutselise veebidisaineri Owain Lewise jaoks.
Päis loob ka tugeva õigustatud joonduse, mis seab ülejäänud lehe jälgimise tooni. Seejärel järgitakse seda joondust jaluse kaudu täielikult.
Ainus probleem, mis mul selles osas on, on järjepidevuse puudumine pealkirja tüpograafiaga. Siin on disainer teatud sõnade eristamiseks kasutanud kontrasti ning võimendatud värvi, julgust ja kirjatüüpi. Kuid rõhuasetustes kasutatakse kolme erinevat käsitlust.
Esimeses kasutatakse ülejäänud pealkirjas kasutatavat tavalist õhukest fonti, teises kasutatakse väga stiliseeritud ja üsna paksu ampersandit ning viimases kasutatakse pealkirja fondi kaldkirjas versiooni. Soovitan sobitada “Owain Lewis” ja “veebisaidi kujundus”. Pole tähtis, kas nad on tavalised või kaldkirjas, vaid veenduge, et nad mõlemad oleksid ühesugused. Samuti kaaluksin nende mõlemat fondi rasvases versioonis kasutamist, et eristust lisada.
Samuti võiks väikese märkmena pealkirja esimene rida kasutada kirjavahemärke.
Sissejuhatav osa
Järgmine jaotis on see, mis tõstab teie tähelepanu lehe laadimisel. See must paneb teie silmad kohe minema kontrasti: suur valge pisipilt, mis paneb teid selles jaotises pisut ümber põrkuma ja liikuma teiste pisipiltide juurde. Lehte loeb tõesti hästi ja kujundaja on teinud head tööd, et suunata kasutajat paigutuse kaudu.
Mulle meeldib isegi väike hõljuv silt “Hire Me” lehe paremal küljel. Kui otsustate, et see tüüp on nii hea, et soovite teda palgata, siis saidi sirvimise mis tahes hetkel on selle eesmärgini sirgjooneline tee, mida te lihtsalt ei saa mööda! Pange tähele, et see jääb kaugele ja väljapoole, ehkki sellised trikid on äärmiselt tüütud, kui need tegelikult kattuvad sisuga (ma vaatan teile iPhone'i Twitterit).
Ma ei ole kindel, et see jaotis vajab mingeid muudatusi, kuigi olen pealkirjaga "Vabakutseliste veebidisainerite veebidisaini portfell" pisut järele jõudnud. " See on ilmselgelt ülearune väide ja tundub nagu SEO müra (lehe pealkiri teeb sama asja, kuid palju hullem). SEO taktika läheneb hallidele aladele kiiresti, nii et iga disainer peab otsustama, mis on ja mis pole hea mõte, kuid isiklikult tunnen, et sellel lehel on mõni tüütu märksõna paistetama.
Esiletõstetud jaotis
Selle saidi voog kerimisel on huvitav, kas sa püüdsid selle kinni? Esimene ala on üks lai veerg, teine ala on kaks veergu, see esiletoodud sektsioon on kolm veergu ja jalus neli (kõik säilitavad tugeva joonduse). Mõnikord võitlevad disainerid palju teie paigutuse muutmise ideega ja kas jäävad kogu lehel samaks või üritavad drastilisi muudatusi ja ajavad voolu kinni. Owain on teinud head tööd, et hõlbustada kasutaja sisu ja pakkuda visuaalse koondamise vähendamiseks piisavalt variatsioone.
Nagu viimane, on ka see jaotis üsna atraktiivne. Mulle meeldib pealkirjade visuaalne käsitlus ja pisipiltide animeeritud hõljumisefektid. Kõik tundub libe ja kõrge klass.
Üks väike muudatus: ärge kunagi kasutage iPhone'is suurtähte suurtähtedega. See tundub tähtsusetu, kuid inimesed on selle asja osas valivad ja mõned ei palka teid oma iPhone'i saidi ehitamiseks, kui te ei tea tootest piisavalt nime, et nime õigeks saada.
Jalus
Minu jaoks on see sektsioon saidi ainus osa, kus paigutus muutub pisut kohmakaks. Alustuseks on veergude voog kummaline, kui keskel on palju ebamugavat valget tühikut. Ma ei ole kindel, et kõige parem mõte on nelja veeru sektsioon viia kokku selle kohal asuva kolme veeru sektsiooni katkestamisega. See võib olla mõttekam, kui veerud jagunevad ruumis ühtlaselt, nagu kolm nende kohal on (seega järgige eelmise jaotise meetodit, mitte täpset paigutust).
Lõpuks on paremal joondatud jaotis „Minu lingid” pisut kummaline, arvestades, et kõik muud veerud on joondatud vasakule. See on klassikaline juhtum, kus disain on üks neist kohtadest, kus saate järgida kõiki reegleid ja milles on veel midagi, mis pole päris õige. Mõtlen edasi ja edasi, kuidas on oluline rangelt järgida teie loodud paigutust, kuid siin pakun, et võib-olla ei pea see viimane veerg järgima õigustatud paigutust ja sellel võib olla lihtsalt räbal parem serv.
Disaineriks olemine tähendab kõigi reeglite õppimist ja seejärel nuputamist, millal on lubatud neid rikkuda. Probleem on muidugi selles, et iga disainer otsustab erinevalt. Jagan selle veeru aruteluga juukseid, kuigi paljud disainerid ei näe jaluse paigutusega mingeid probleeme! Ma lihtsalt julgustan Owaini siinse küljenduse veelkord üle vaatama ja otsustama ise, kas seda ei saaks kuidagi tugevamaks muuta.
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 selgeid konstruktiivseid nõuandeid, mis ei võimalda ränki solvanguid.