Kritika web dizajna # 44: Owain Lewis
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 osobni portfelj Owaina Lewisa, freelance web dizajnera.
Istražite dizajnerske resurse
Ako želite poslati svoju web stranicu kako bi je predstavili u budućoj dizajnerskoj kritici, potrebno je samo nekoliko minuta. Naplaćujemo 49 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 Owainu Lewisu
Ja sam slobodni web dizajner i web developer iz Cardiffa. Izrađujem čiste, moderne i profesionalne web stranice pomoću HTML5-a. Posljednjih nekoliko godina surađivao sam s velikim brojem klijenata, uključujući agencije za web dizajn, velike tvrtke, startap poduzeća i privatne ljude, stvarajući web stranice koje ljudima pomažu u postizanju boljih rezultata na mreži.
Evo snimka zaslona početne stranice Owaina:
Početni dojam
Moj početni dojam ove stranice izuzetno je pozitivan. Volim izgled, grafiku i tekst. Sadržaj je sav organiziran u jasne odjeljke, kako kroz postavljanje tako i suptilne pozadinske promjene. Riječ je o zaista prekrasnom djelu koje me jako podsjeća na neke crne stranice koje Apple ima na njihovoj web stranici.
Uglavnom će naša kritika biti pozitivna. Samo ćemo pogledati svaki odjeljak i razgovarati o tome što je pošlo po zlu! Međutim, postoji nekoliko stvarno malih stvari za koje mislim da bi ih moglo biti uglavljene i usput ću ih istaknuti.
Zaglavlje
Zaglavlje se odnosi na tipografiju. To čini snažan i prijateljski uvod koji vam daje do znanja o čemu se radi na web mjestu. Posljednjih tjedana počeo sam se baviti dizajnerima kako sam gotovo sakrio osnovno objašnjenje njihovih web stranica i čvrsto vjerujem u njegovo izbacivanje na otvoreno, tako da nema zabune. Odmah vidimo da je ovo mjesto namijenjeno Owainu Lewisu, slobodnom web dizajneru.
Zaglavlje također postavlja čvrsto opravdano poravnanje koje postavlja ton za ostatak stranice koji slijedi. To se poravnavanje strogo pridržava do kraja u podnožju.
Jedan od problema koji imam u ovom odjeljku je nedostatak dosljednosti tipografije u naslovu. Ovdje je dizajner upotrijebio princip kontrasta i utjecaja boja, smjelosti i izbora slova kako bi odvojio određene riječi. Međutim, točke naglaska koriste tri različita tretmana.
Prva koristi običan tanki font koji se koristi u ostatku naslova, drugi koristi visoko stilizirani i prilično gust ampersand, a posljednji upotrebljava kurzivnu verziju fonta teksta. Preporučujem da "Owain Lewis" i "dizajn web stranica" odgovaraju. Bez obzira jesu li obične ili označene kurzivom, nije toliko važno, samo provjerite jesu li oboje isti. Također bih razmotrio izradu i podebljane verzije fonta kako bi se olakšala razlika.
Kao mala napomena, prvi redak naslova mogao bi koristiti određenu interpunkcijsku pažnju.
Uvodna sekcija
Sljedeći je odjeljak onaj koji zaista privlači vašu pažnju prilikom učitavanja stranice. Sve to crno čini vaše oči odmah prelaze na kontrast: velika bijela sličica, koja vas onda tjera da malo odskočite u tom odjeljku i prijeđete na ostale sličice. Stranica čita zaista dobro i dizajner je obavio dobar posao vođenja korisnika kroz izgled.
Čak mi se sviđa i mala plutajuća oznaka "Unajmi me" na desnoj strani stranice. U bilo kojem trenutku pregledavanja web stranice ako odlučite da je ovaj toliko dobar da ga želite zaposliti, postoji jednostavan put do tog cilja koji jednostavno ne možete propustiti! Ipak, imajte na umu da je to daleko uz bok i daleko od puta, ovakvi trikovi izuzetno su neugodni kada se zapravo preklapaju sa sadržajem (gledam vas Twitter za iPhone).
Nisam siguran da ovom odjeljku uopće trebaju biti neke izmjene, iako sam se pomalo zaokupio naslovom: "Besplatni web dizajner web dizajnerskog portfelja." Ovo je očito suvišna izjava i osjeća se kao SEO buka (naslov stranice čini isto, ali puno gore). SEO taktike brzo pristupaju sivim područjima, tako da svaki dizajner mora odlučiti što je, a nije dobra ideja, ali osobno, osjećam da se na ovoj stranici događa neko neugodno cvjetanje ključnih riječi.
Izdvojeni odjeljak
Tok ovog web mjesta dok pregledavate je zanimljiv, jeste li ga uhvatili? Prvo područje je jedan široki stupac, drugo područje je dva stupca, ovo je odjeljak tri stupa, a podnožje je četiri (svi održavaju čvrsto poravnanje). Ponekad se dizajneri muče s idejom da promijenite svoj izgled i držite isti na cijeloj stranici ili pokušavate drastično promijeniti i povećati tok. Owain je napravio dobar posao tako što je korisniku olakšao sadržaj i ponudio dovoljno varijacija za smanjenje vizualne suvišnosti.
Kao i zadnji, ovaj je odjeljak prilično atraktivan. Sviđa mi se vizualni tretman naslova i animirani efekti lebdenja na sličicama. Sve je osjetljivo i glatko.
Jedna mala promjena: nikad ne upotrebljavajte velika slova "i" na iPhoneu. Čini se beznačajnim, ali ljudi su izbirljivi po pitanju ovih stvari, a neki vas neće angažirati na izradi njihove iPhone stranice ako ne znate dovoljno o proizvodu da biste dobili ispravno ime.
Podnožje
Za mene je ovaj odjeljak jedini dio web mjesta na kojem izgled izgleda pomalo nespretno. Za početak se protok stupaca osjeća neobično s velikom količinom neugodnog prostora na sredini. Nisam siguran da je najbolja ideja da se odsječak od četiri stupca poravna s prijelomima odjeljka tri stupca iznad njega. Ovo bi moglo imati više smisla ako bi stupci bili ravnomjerno raspoređeni po prostoru poput tri iznad njih (stoga slijedite metodu prethodnog odjeljka, a ne točan položaj).
Konačno, desno usklađeni odjeljak "Moje veze" pomalo je čudan s obzirom na to da su svi ostali stupci lijevo poravnani. Ovo je klasični slučaj dizajna kao jedno od onih mjesta gdje možete slijediti svako pravilo i još uvijek imate nešto što nije sasvim u redu. Šetam i dalje o tome kako je važno strogo slijediti raspored koji ste utvrdili, no ovdje predlažem da možda i ovaj zadnji stupac ne mora slijediti opravdani izgled i može imati samo ispravan desni rub.
Biti dizajner znači naučiti sva pravila, a zatim shvatiti kada je prihvatljivo prekršiti ih. Problem je naravno što će svaki dizajner odlučiti drugačije. Doduše dijelim dlake ovom raspravom stupca, dok mnogi dizajneri neće vidjeti nikakav problem s izgledom podnožja! Samo ohrabrujem Owaina da pogleda još jedan izgled ovdje i odluči sam ako se to nekako ne bi moglo ojačati.
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.