Kritika za web dizajn # 25: Highwire
Dobrodošli u našu 25. dizajnersku kritiku! Svakog tjedna pregledavamo novu web stranicu i analiziramo dizajn. Izdvojit ćemo oba područja koja su dobro napravljena, kao i ona koja bi mogla koristiti neko djelo. Na kraju, završit ćemo traženjem da odgovorite i pošaljete svoje povratne informacije. Glasajte u anketi na dnu ove stranice i / ili ostavite komentar sa svojim mislima!
Današnja stranica je Highwire.com, personalizirana platforma za internetske trgovine.
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 Highwireu
„Stvaranje vlastite trgovine e-trgovinom nikada nije bilo tako jednostavno i pristupačno. Prijavite se za besplatno probno razdoblje još danas i počnite graditi prodavaonicu za samo nekoliko minuta! "
Evo snimka zaslona početne stranice:
Ukupni dojam
Ako ste danas svratili da me čuju kako riknem o lošem dizajnu, razočarat ćete se. Mislim da bi ovo mogao biti samo najbolji dizajn web stranica koji je još podnesen zbog kritike dizajna.
Highwire je jednostavno prekrasno mjesto i tako je dobro napravljeno da ćemo biti primorani koristiti ga više kao pozitivno sredstvo poučavanja nego kao negativno. Nastavite čitati jer postoji količina koju možemo naučiti analizirajući ovaj dizajn. I ne brinite, nekoliko sitnica koje ću predložiti poboljšati na putu.
Paleta boja
Najhrabrija izjava dana na ovim stranicama je boja. Kvaliteta slika je izvrsna, ali boja koja zaista privlači vašu pažnju čim učitate stranicu. Osnovne boje koje se ovdje upotrebljavaju nisu baš plijesan: zelena, crvena, plava, siva i pomalo narančasta, ali miješaju se na vrlo atraktivan način.
Imajte na umu da su odabrali super svijetlu nijansu svake boje koja stvarno skače sa stranice. Mješavina radijalnih i linearnih gradijenata čine da se bojama čini živahnijima i živima dok donose suptilan tekst teksture.
Izgled i poravnanje
Izgled ove web stranice je čvrst i stvarno koristi pravilno korištenje slobodnog prostora i vizualne raspodjele težine. Zabilježite na izmijenjenoj slici ispod kako su uspostavljene jake vertikalne linije kako biste bili sigurni da je sve lijepo i tijesno.
Također primijetite da je dizajner odabrao poravnanje s lijeve strane i pridržavao se. Sav je tekst ostavljen u lijevo, a čak i gumbi ispod sličica slijede ovaj trend. Dizajni obično izgledaju mnogo kohezivnije i dosljednije kada izbjegavate prebacivanje poravnanja nasumičnim inervacijama tijekom cijelog dizajna.
Iako su različiti odjeljci koda, zaglavlje i podnožje koriste isti gradijent, tako da dobivate iluziju neprekidne pozadine koja sadržaj lebdi iznad. Čini se da su samo oblikovali oznaku tijela, ali koristi semantiku da zapravo održavaju snažno zaglavlje i podnožje.
Sjene i refleksije
Refleksije, gradijenti i meke sjene u posljednje vrijeme ustupaju mjesto čvrstoj boji i često tvrdoj sjeni bez peruti. Kad počnemo napuštati pretučeni i zlostavljani web 2.0 gledati iza sebe i prelaziti na našu sljedeću žrtvu, još uvijek je lijepo vidjeti kako netko povlači stil onakav kakav je trebao biti.
I sjene i refleksije ovdje su prilično suptilan i strukturirani su s pažnjom da izgledaju realistično i jednostavno lijepo. Ako ćete elementu dodati vizualni njuh, vrijedno je izdvojiti vrijeme za podešavanje i eksperimentirati dok ne dobijete nešto što zaista daje finoću i sjaj stranici, za razliku od nestašnog kaputa šminke.
Eksplozija: Evoluirao
Jedna stvar koju naučite kada dizajnirate za veliku marketinšku tvrtku je da trgovci apsolutno vole rafale. Nešto veliko i šiljasto što krši dizajn i zato privlači pažnju kupca. Da su marketinški odjeli, i doista mnogi dizajneri imali svoj put, sve bi izgledalo ovako:
Samo da znate, iz dizajnerske perspektive, ovo je kliše, ružno, pretjerano, zastarjelo i svaki drugi negativni pridjev koji možete zamisliti. Kao opće pravilo, nikad ništa ne stavljajte zvjezdano.
Ovaj dizajner na sreću je razumio ovo pravilo i smislio mnogo modernije i atraktivnije rješenje, prikazano u nastavku. Ova se 3D vrpca omota oko trake koja opisuje novu značajku. Znatno krši dizajn dovoljno da privuče vašu pažnju, ali nije dovoljno da pojede izgled cijele stranice.
Predloženo poboljšanje
Kao što sam već rekao više puta, ovo je tako sjajan dizajn da je teško pronaći bilo što pogrešno. Međutim, nekoliko bih stvari smatrao poboljšanim.
Za početak, web mjesto koristi Cufon za prilagođenu tipografiju. Žalio sam se na to u svojoj posljednjoj kritici i nastavit ću iznijeti isti argument gdje god vidim da se Cufon koristi. @ font-face je bolje rješenje, razdoblje. @ Tekst fonta fonta u potpunosti je odabran, Cufon nije. @ font-face koristi čisti CSS, Cufon zahtijeva da se omogući JavaScript. Kao što sam prošli put rekao, kad web stranica Cufon umjesto toga sugerira korištenje @ font-face, znate da je vrijeme baciti ručnik i uskočiti na brod.
Druga stvar koja me gnjavi je Facebook bar na vrhu. Ako u ovoj traci povučete crtu kroz središte teksta, kao što sam to učinio u nastavku, vidjet ćete da je Facebook logotip nespretno iscrtan. Nisam siguran je li ovo bilo namjerno ili je bilo nezgodno, pretrpio bih to blizu centra.
Ostale stranice
Završit ćemo tako što ćemo brzo pogledati neke druge stranice na web mjestu. Kao što vidite, jednako su atraktivni i svi su vrlo dobro dizajnirani. Posebno mi se sviđaju tablice s cijenama!
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 jasne konstruktivne savjete lišene bilo kakvih oštrih uvreda.
