Kritika web dizajna # 27: Ideja umjetnosti
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šnje mjesto je Idea Arts.
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 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 idejnoj umjetnosti
Idea Arts je osobni portfelj Goran Ilić, grafički dizajner koji se dugotrajno bavi strašću prema tehnologiji. Na njegovoj web stranici nalaze se nedavni rad i usluge koje nudi njegova tvrtka.
Evo snimka zaslona početne stranice:
Prvi dojam
Idea Arts uglavnom je atraktivno mjesto. Ovdje postoje neke dobre ideje koje su dizajn dovele do vrlo snažnog početka. Sadržaj se dijeli na jasno definirane dijelove i slijedi logički napredak. Postoje i neki atraktivni grafički elementi koji učinkovito privlače pažnju korisnika.
Međutim, postoji puno mogućnosti za usavršavanje. Dizajn je dovoljno čvrst da ne preporučujem početak ispočetka, ali nekoliko bi aspekata moglo upotrijebiti malo više pažnje da ih se izjednači sa. U nastavku ćemo pogledati nekoliko ovih.
Tipografija
Najveći problem koji vidim na ovom mjestu je tipografija. Za početak, samo na početnoj stranici vidimo desetak različitih varijacija veličine, širine, stila fonta, itd. To je gotovo uvijek negativna karakteristika. Dobro je držati svoje znakove na otprilike dvije do tri varijacije po dizajnu.
Odlučite se za tipove znakova koje možete koristiti za zaglavlja, podglavlja i kopiju tijela. Potom to učinite dosljednim tijekom cijelog vašeg dizajna, a ne da svaki odjeljak tretirate kao neovisno područje koje može imati svoje jedinstvene karakteristike.
Također, zaista trošite neko vrijeme na konstruiranje tipa da biste izgledali atraktivno. To uključuje pažljivo planiranje opcija kao što su visina linije, boja, pa čak i prijelomi linija. Sve su to prilično grube na donjem primjeru.
Za početak, svijetloplava boja nije kontrastno pozadini. To se lako može popraviti potamnjenjem te boje dok se stvarno ne odvoji od svjetlosne boje koja se nalazi iza nje. Također, manji primjerak mogao bi koristiti malo više prostora za disanje. Visina crte je jednostavno preniska i otežava čitanje, ovdje malo povisite i čitljivost će se uvelike povećati.
Međutim, budite oprezni jer se u drugim područjima web mjesta visina crte čini nespretno velikom. Preporučam uporabu besplatnog mrežnog alata kao što je Typograph - Ljestvica i ritam (prikazan dolje) kako bi vam pomogao u protoku vaših odlomaka.
Konačno, gledajte kako se redovi prekidaju. Zanimljivo je da ne samo da morate paziti na neugodne prijelome u formulacijama, već treba obratiti pozornost na oblik stavka. Gornja strana izgleda pomalo čudno i lako bi se mogla ponovno prenijeti na nešto poput verzije u nastavku.
Bijeli prostor
Još jedno područje dizajna koje bi moglo upotrijebiti neko ugađanje je uporaba bjeline. Kao i kod tipografije, i ovo može biti škakljivo i uglavnom je subjektivno. Međutim, postoje neki osnovni principi koji vas mogu voditi na putu.
Na primjer, svaki put kada imate distribuiranu kolekciju predmeta, bilo vertikalnih ili horizontalnih, pokušajte objekte prvo grupirati vizualno, a zatim ih ravnomjerno rasporediti. Primjerice, u primjeru u nastavku, izvorna verzija ima razmak između ikona i teksta, a stavke koje bi trebale biti različite razlikuju se malo po malo. Uz malo podešavanja stvaramo mnogo jasniju grafičku izjavu.
Razlika je suptilna, ali vrlo bitna. Primjetite kako je lako odrediti koji redak teksta ide s kojom ikonom. Postoji nekoliko drugih područja u cijelom dizajnu koja bi mogla koristiti sličnu dozu prostorne analize. Na primjer, tekst u nastavku gotovo se ruši na kraju uređaja za zadržavanje. Uvijek pazite da dajete dovoljno prostora takvim elementima.
Kao što smo vidjeli s prethodnim brojevima, ovo ide u oba smjera. Primjerice, logotip ima osjećaj da ima previše razmaka ugrađenog u jaz između riječi.
Tweak, Tweak, Podešavanje
Moral priče ovdje je da, čak i ako odlučite da ste napravili sjajnu stranicu, vrag je u detaljima. Nikada ne žurite kroz sitnice poput tipografije i razmaka. Zapravo, možda ćete morati potrošiti više vremena za ispravljanje ovih stvari nego zabijanje svog početnog vizualnog koncepta!
Definitivno je vrijedno uložiti vrijeme kako biste dovršili vaše web mjesto kako treba. Dosljedan ulazak u ovu naviku učinit će da se vaši dizajni osjećaju mnogo rafiniranijima i pružit će im veću otpornost na nadzor.
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.
