Kritika za web dizajn # 30: Sivi Ang
Dobrodošli u našu 30. dizajnersku kritiku! Svakog tjedna pregledavamo novu web stranicu i analiziramo dizajn. Izdvojit ćemo oba područja koja su dobro učinjena, osim onih koja bi mogla koristiti neko djelo. Na kraju, završit ćemo traženjem da pošaljete svoje povratne informacije.
Današnja stranica je Grey Ang, osobni portfelj web dizajnera u Maleziji.
Ako želite poslati svoju web stranicu kako bi je predstavili u budućoj dizajnerskoj kritici, potrebno je samo nekoliko minuta. Naplaćujemo 24 USD za kritiku vašeg dizajna - znatno manje nego što biste platili za savjetnika da pogleda vašu stranicu! Više možete saznati ovdje.
O sivom Angu
"Moje ime je Grey, i web dizajner sam i razvojni programer sa sjedištem u Kuala Lumpuru, Malezija. Istražujem, planiram, dizajniram i šifriram web stranice. Dobar sam prijatelj s Photoshopom i HTML / CSS / jQueryjem i usrećujem klijente, korisnike i strojeve. "
Evo snimka zaslona početne stranice:
Kao što možete vidjeti, web mjesto je izgrađeno na pozadini šarenog spektra s oblakom oznaka smanjene neprozirnosti koji sadrži stvari poput "web dizajn" i "CSS3". Ono što ne vidite sa snimke zaslona je da je i pozadina animirani element. Postoji nekoliko zamagljenih krugova koji lebde i pikaju se iza sadržaja. Kliknite bilo koji snimak zaslona u nastavku da biste ga zaustavili i pogledali ga u akciji.
Ova je web stranica zapravo prilično mala i jednostavna, pa ćemo pregledati svaku stranicu i analizirati kako estetika utječe na korisničko iskustvo.
Dom
Definitivno cijenim rad koji je ušao u estetiku stranice. Okruženje je prilično lijepo. Međutim, problem u stvaranju tako složene pozadine je što na kraju morate postaviti sadržaj iznad njega, a to može biti vrlo težak zadatak.
Velike, izblijedjele riječi u pozadini smanjuju čitljivost teksta na početnoj stranici. Glavni odlomak nikako nije nemoguće pročitati, ali dizajn je prilično zauzet u području teksta, što prisiljava korisnike da rade malo teže nego što bi inače radili.
Nadalje, crvena boja koja se koristi kao lebdeća boja i tačka naglaska mogu se izgubiti u pozadini. To je razumljivo jer jednostavno nije lako pronaći boju koja je u kontrastu s raznobojnom pozadinom. Ipak, i dalje želite izbjeći vizualni disonancu.
Najlakše rješenje za sva ova pitanja, i doista većina onih o kojima ćemo danas raspravljati, možda je jednostavno postavljanje malo prozirne crne pozadine iza svih sadržaja. To će sadržaju pružiti čvrst temelj za obranu, a dizajneru će omogućiti da zadrži trenutnu pozadinu.
Također biste mogli razmotriti dodavanje neke vrste grafike zaglavlja na ovu stranicu. Jako mi se svidjelo kako se istaknula fotografija na stranici "O meni" i mislim da bi se tu ideja mogla umnožiti.
Oko
Ovdje vidimo još jednu stranicu koja je prilično atraktivna, ali pati od istih gore spomenutih problema. No, sviđa mi se zanimljiv raspored na poslu ovdje. Navigacija ostaje fiksirana dok se drugi sadržaj pomiče, a stranica je podijeljena u jasno odvojene i lijepo raspoređene stupce.
Stranica About dijeli se na tri zasebne podstranice: uvod, nastavak i "stvari koje radim". To omogućuje dizajneru da se uklopi u prilično malo sadržaja, a da primarnu navigaciju drži jednostavno.
Djela
Stranica "Radovi" je sjajan raspored sličica i teksta koji zauzvrat vode do namjenskih stranica projekta poput dolje prikazanih. Sličice imaju lijep debeli obrub koji im pomaže da se istaknu iz pozadine, a citat u gornjem lijevom kutu je velik i podebljan da bude čitljiv.
Međutim, smatram da je pravo poravnanje velikog citata pomalo neprijatno. Sve na stranici ima snažno poravnanje s lijeve strane, a iako je često učinkovito namjerno prekršiti pravilo poput ovog, mislim da ovdje ne radi. Opći oblik stavka je nepravilnog oblika, što ga čini prilično teškim za čitanje s pravim poravnanjem.
Kontakt
Posljednja stranica web stranice je stranica "Kontakt". Sadrži nekoliko odlomaka teksta i jednostavan, ali moderan kontakt obrazac. Prvo što sam ovdje primijetio bilo je da se citat na vrhu stranice malo gubi. Pokušajte ga poravnati ulijevo neovisno o navodnicima kako bi oznake "T" u "The" i "m" u "miles" tvorile čvrstu crtu. Ovo bi trebalo pomoći da se orijentacija lijeve strane osjeća malo jače nego što trenutno čini.
Dalje, polja u obrascu su toliko prozirna da su gotovo nevidljiva. Opet, ovo može izgledati lijepo, ali upotrebljivost pati. Zapamtite da estetika stranice ima jedan primarni cilj: istaknuti sadržaj na atraktivan način. Vaš dizajn trebao bi služiti povećanju upotrebljivosti, a ne žrtvovati ga u ime stila.
Kada kliknete na polje za početak pisanja, neprozirnost se povećava i postaje mnogo uočljivija. Predlažem da ovu neprozirnost postavite na zadano stanje i još je više povećate kad je odabrana.
Tvoj red!
Sada kada ste pročitali moje komentare, dodajte i pomozite dajući dizajnerima neke daljnje savjete. Javite nam što mislite o dizajnu i što mislite da bi moglo biti jače. Kao i uvijek, molimo da također poštujete dizajnera stranice i ponudite jasan konstruktivan savjet bez bilo kakvih oštrih uvreda.
