Nettdesignkritikk nr. 27: Idea Arts
Hver uke tar vi en titt på en ny webside og analyserer designet. Vi vil påpeke begge områdene som er gjort godt i tillegg til de som kan bruke litt arbeid. Til slutt avslutter vi med å be deg om å gi dine egne tilbakemeldinger.
Dagens side er Idea Arts.
Utforsk designressurser
Hvis du ønsker å sende inn nettstedet ditt for å bli vist i en fremtidig designkritikk, tar det bare noen få minutter. Vi belaster $ 24 for kritikk av designen din - betydelig mindre enn du betaler for en konsulent for å se på nettstedet ditt! Du kan finne ut mer her.
Om Idea Arts
Idea Arts er den personlige porteføljen Goran Ilic, en grafisk designer med en livslang lidenskap for teknologi. Nettstedet hans viser frem det siste arbeidet hans og tjenestene som selskapet tilbyr.
Her er et skjermbilde av hjemmesiden:
Førsteinntrykk
Idea Arts er for det meste et attraktivt sted. Det er noen gode ideer på jobb her som setter designet til en veldig sterk start. Innholdet er brutt opp i klart definerte seksjoner og følger en logisk progresjon. Det er også noen attraktive grafiske elementer som effektivt fanger brukerens oppmerksomhet.
Imidlertid er det mange muligheter for foredling. Designet er solid nok til at jeg ikke anbefaler på nytt, men flere aspekter kan bruke litt mer oppmerksomhet for å bringe dem opp på nivå. Nedenfor ser vi på noen av disse.
typografi
Det største problemet jeg ser med dette nettstedet er typografien. For det første ser vi bare på hjemmesiden rundt ti forskjellige varianter av skriftstørrelse, bredde, stil osv. Dette er nesten alltid en negativ egenskap. Det er en god tommelfingerregel å holde skrifttypene til rundt to til tre varianter per design.
Bestem skrifttyper som du kan bruke på overskrifter, underoverskrifter og hovedkopi. Gjør disse deretter konsistente gjennom hele designet i stedet for å behandle hver seksjon som et selvstendig område som kan ha sine egne unike egenskaper.
Bruk også litt tid på å konstruere typen for å se attraktiv ut. Dette innebærer nøye planlegging av alternativer som linjehøyde, farge og til og med linjeskift. Alle disse er ganske grove i eksemplet nedenfor.
Til å begynne med kontrasterer de lyseblå ikke godt med bakgrunnen. Dette kan enkelt fikses ved å mørkne den fargen til den virkelig skiller seg fra lysfargen bak den. Dessuten kan den mindre kopien bruke litt mer pusterom. Linjehøyden er rett og slett for lav og gjør det vanskelig å lese, støt dette litt opp her og lesbarheten vil øke sterkt.
Vær imidlertid forsiktig fordi linjehøyden i andre områder på stedet virker vanskelig høy. Jeg anbefaler å bruke et gratis online verktøy som Typograph - Scale & Rhythm (vist nedenfor) for å hjelpe deg med flyten av avsnittene dine.
Til slutt, se på linjebruddene dine. Interessant nok, ikke bare må du se etter vanskelige brudd i ordlyden, du bør være oppmerksom på formen på avsnittet. Den over ser litt rart ut og kan lett flytes til noe som versjonen nedenfor.
mellomrom
Et annet område i designen som kan bruke litt finjustering, er bruken av mellomrom. Som med typografi kan dette være vanskelig og i stor grad subjektivt. Imidlertid er det noen grunnleggende prinsipper som kan veilede deg underveis.
For eksempel kan du prøve å gruppere objektene visuelt hver gang du har en distribuert samling av gjenstander, enten vertikale eller horisontale, og deretter plassere dem jevnt. For eksempel, i eksemplet nedenfor, har den opprinnelige versjonen ulik avstand mellom ikonene og teksten, og elementene som skal være forskjellige, løper inn i hverandre. Med litt justering lager vi et mye tydeligere grafisk utsagn.
Forskjellen er subtil, men veldig viktig. Legg merke til hvor enkelt det er å fortelle hvilken tekstlinje som følger med hvilket ikon. Det er noen få andre områder gjennom designen som kan bruke en lignende dose romlig analyse. For eksempel krasjer teksten nedenfor nesten på slutten av inneslutningsapparatet. Sørg alltid for å gi god plass til elementer som dette.
Som vi så med de tidligere utgavene, går dette begge veier. Logoen, for eksempel, føles som om den har for mye mellomrom innebygd i gapet mellom ordene.
Tweak, Tweak, Tweak
Moralen i historien her er at selv om du bestemmer deg for at du har laget en flott side, er djevelen i detaljene. Du må aldri skynde deg gjennom de små tingene som typografi og avstand. Faktisk kan det hende du må bruke mer tid på å få disse riktig enn å hamre ut det første visuelle konseptet ditt!
Det er absolutt verdt tiden investeringen å fullføre nettstedet ditt riktig. Hvis du konsekvent kommer inn i denne vanen, vil designene dine føles mye mer raffinerte og gi dem større motstand mot gransking.
Din tur!
Nå som du har lest kommentarene mine, kan du slå inn og hjelpe ved å gi designeren noen flere råd. Gi oss beskjed om hva du synes er flott med designet og hva du synes kan være sterkere. Som alltid ber vi deg også om å respektere nettstedets designer og tilby klare konstruktive råd uten alle vanskelige fornærmelser.
