Veebikujunduse kriitika # 30: Grey Ang
Tere tulemast meie 30. disainikriitika juurde! 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 Grey Ang, Malaisia veebidisainerite isiklik portfell.
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.
Gray Ang kohta
„Minu nimi on Grey. Olen Malaisia Kuala Lumpuris asuv veebidisainer ja esiotsa arendaja. Ma uurin, kavandan, kujundan ja koodin veebisaite. Olen Photoshopi ja HTML / CSS / jQueryga head sõbrad ja teen kliendid, kasutajad ja masinad õnnelikuks. ”
Siin on kodulehe ekraanipilt:
Nagu näete, on sait üles ehitatud värvilisele spektri taustale koos vähendatud läbipaistmatusega sildipilvega, mis sisaldab näiteks veebidisaini ja CSS3. Mida ekraanipildist ei saa, on see, et taustal on ka animeeritud element. Sisu taga hõljub ja lohiseb mitu udust ringi. Klõpsake suvalisel alloleval ekraanipildil, et peatada saidi lähedal ja näha seda toimimas.
See sait on tegelikult üsna väike ja lihtne, nii et vaatame kõiki lehti ja analüüsime, kuidas esteetika mõjutab kasutajakogemust.
Kodu
Hindan kindlasti tööd, mis läks saidi esteetikasse. Ümbruskond on üsna ilus. Sellise keeruka tausta loomise probleem on aga see, et peate lõpuks selle peale sisu panema ja see võib olla väga keeruline ülesanne.
Suured, tuhmunud sõnad taustal vähendavad teksti loetavust kodulehel. Põhilõiku pole mingil juhul võimatu lugeda, kuid kujundus on teksti piirkonnas üsna hõivatud, sundides kasutajaid töötama natuke kõvemini kui tavaliselt.
Lisaks kipub hõljukvärvina ja rõhuasetuses kasutatav punane taustal kaduma. See on mõistetav, kuna lihtsalt pole lihtne leida värvi, mis oleks mitmevärvilise taustaga hästi vastu. Siiski soovite ikkagi vältida visuaalset dissonantsi.
Kõigi nende probleemide ja tõepoolest enamike nende küsimuste, mida me täna arutame, lihtsaim lahendus oleks lihtsalt kogu sisu taha asetada kergelt läbipaistev must taust. See annab sisule rohkem kindla pinnase, millel seista, ja võimaldab kujundajal säilitada praegust tausta.
Samuti võiksite kaaluda sellele lehele mingi päisegraafika lisamist. Mulle väga meeldis, kuidas foto lehel “About” silma paistis ja ma arvan, et seda ideed võiks siin korrata.
Umbes
Siin näeme veel ühte lehte, mis on üsna atraktiivne, kuid kannatab samasuguste probleemide all. Mulle meeldib siinne huvitav paigutus tööl. Navigeerimine püsib kindlana, samal ajal kui teine sisu kerib ja leht on jagatud selgelt eraldi ja kenasti paigutatud veergudeks.
Leht Teave jaguneb kolmeks eraldi alamleheks: sissejuhatus, jätkamine ja „asjad, mida ma teen”. See võimaldab disaineril mahutada üsna vähe sisu, hoides esmase navigeerimise ülilihtsaks.
Töötab
Leht „Tööd” on pisipiltide ja teksti suurepärane välimus, mis omakorda viib sihtotstarbelistele projektilehtedele, nagu allpool näidatud. Pisipiltidel on kena paks äärisravi, mis aitab neil taustast eristuda ning vasakus ülanurgas olev tsitaat on suur ja piisavalt julge, et seda loetaks.
Ma leian, et suure pakkumise õige joondamine on siiski pisut ebamugav. Kõigil lehel on vasakpoolsus tugevalt joondatud ja kuigi sellise reegli tahtlik rikkumine on sageli efektiivne, ei usu ma, et see siin töötab. Lõigu üldine kuju on ebakorrapärane, mistõttu on selle õige joondamise korral üsna raske lugeda.
Võtke ühendust
Saidi viimane leht on leht „Kontakt”. See sisaldab paar lõiku teksti ja lihtne, kuid stiilne kontaktvorm. Esimene asi, mida ma siin märkasin, oli see, et lehe ülaosas olev tsitaat tundub pisut ära. Võite proovida seda joondada vasakpoolsest jutumärkidest sõltumatult, nii et tähed T ja miilid moodustavad kõva joone. See peaks aitama vasakpoolsel joondamisel end pisut tugevamana tunda kui praegu.
Lisaks on vormi väljad nii läbipaistvad, et nad on peaaegu nähtamatud. See võib jällegi kena välja näha, kuid kasutatavus kannatab. Pidage meeles, et lehe esteetikal on üks peamine eesmärk: esile tuua sisu atraktiivsel viisil. Teie disain peaks suurendama kasutatavust, mitte ohverdama seda stiili nimel.
Kui klõpsate väljale teksti sisestamise alustamiseks, suureneb läbipaistvus ja see muutub palju märgatavamaks. Ma soovitaksin selle läbipaistmatuse seada vaikeolekusse ja seda veelgi suurendada, kui see on valitud.
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.
