Webdesignkritikk nr. 25: Highwire
Velkommen til vår 25. designkritikk! 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 som de som kan bruke litt arbeid. Til slutt avslutter vi med å be deg om å komme inn og gi dine egne tilbakemeldinger. Stem i avstemningen nederst på denne siden og / eller legg igjen en kommentar med tankene dine!
Dagens nettsted er Highwire.com, en personlig nettbutikkplattform.
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 Highwire
"Å lage din egen eCommerce-butikk har aldri vært så enkelt og rimelig. Registrer deg for en gratis prøveversjon i dag og begynn å bygge butikken din på bare noen få minutter! ”
Her er et skjermbilde av hjemmesiden:
Helhetsinntrykk
Hvis du var innom i dag for å høre at jeg drar på dårlig design, kommer du til å bli skuffet. Jeg tror dette kanskje bare er det beste nettsteddesignet som er sendt inn for designkritikk.
Highwire er ganske enkelt et nydelig sted og er så godt utført at vi blir tvunget til å bruke det som mer av et positivt undervisningsverktøy enn et negativt. Fortsett å lese fordi det er massevis som vi kan lære ved å analysere dette designet. Og ikke bekymre deg, det er noen få små ting jeg vil foreslå å forbedre underveis.
Farge palett
Den feteste uttalelsen på dette nettstedet er farge. Bildekvaliteten er utmerket, men det er fargen som virkelig fanger oppmerksomheten så snart du har lastet inn siden. Grunnfargene som brukes her bryter ikke akkurat formen: grønn, rød, blå, grå og litt oransje, men de er blandet på en veldig attraktiv måte.
Legg merke til at de har valgt en superlys nyanse av hver farge som virkelig hopper rett utenfor siden. En blanding av radielle og lineære graderinger gjør at fargene virker mye mer levende og levende mens de gir et subtilt forslag om tekstur.
Oppsett og justering
Oppsettet til dette nettstedet er bunnsolid og bruker virkelig riktig bruk av mellomrom og visuell vektfordeling. Legg merke til i det modifiserte bildet under hvor sterke vertikale linjer er blitt etablert for å sikre at alt er fint og stramt.
Legg også merke til at designeren valgte en venstre justering og klistret seg til den. All teksten er venstrelinjet og til og med knappene under miniatyrbildene følger denne trenden. Designene dine ser ut til å være mye mer sammenhengende og konsistente når du unngår å bytte justeringer ved tilfeldige inervaler gjennom hele designen.
Til tross for at de er forskjellige deler av koden, bruker toppteksten og bunnteksten den samme gradienten slik at du får en illusjon av en kontinuerlig bakgrunn som innholdet flyter over. Dette føles som om de bare har stylet kroppsbrikken, men har den semantiske fordelen med å faktisk opprettholde en sterk topptekst og bunntekst.
Skygger og refleksjoner
Refleksjoner, graderinger og myke skygger har i det siste gitt vei til ensfarge og ofte harde, ikke-fjærete skygger. Når vi begynner å forlate den slagne og misbrukte web 2.0 se bak og bevege oss på neste offer, er det fortsatt hyggelig å se noen trekke stilen slik den var ment å være.
Både skyggene og refleksjonene her er ganske subtile og har blitt strukturert med omhu for å se realistiske ut og bare ren vakre. Hvis du skal legge til visuell teft til et element, er det verdt å ta seg tid til å finpusse og eksperimentere til du får noe som virkelig tilfører finesse og glans på en side i motsetning til et slurvete lag med sminke.
The Burst: Evolution
En ting du lærer når du designer for et stort markedsføringsfirma er at markedsførere absolutt elsker sprengninger. Noe stort og spiss som bryter designet og derfor griper oppmerksomheten til kunden. Hvis markedsavdelinger, og faktisk mange designere hadde sin måte, ville alt sett slik ut:
Bare så du vet, fra et designperspektiv, er dette klisjé, stygg, overdrevet, utdatert og alle andre negative adjektiver du kan forestille deg. Som en generell tommelfingerregel, sett aldri et stjerneskudd på noe.
Denne designeren forsto heldigvis denne regelen og kom med en mye mer moderne og attraktiv løsning, vist nedenfor. Dette 3D-båndet vikler seg rundt en bar som beskriver den nye funksjonen. Det bryter designet nok til å fange oppmerksomheten din, men ikke nok til å gjøre utseendet på hele siden billigere.
Foreslått forbedring
Som jeg har sagt flere ganger allerede, er dette en så flott design at det er vanskelig å finne noe galt med det. Imidlertid er det et par ting jeg vil vurdere å forbedre.
For det første bruker nettstedet Cufon for den tilpassede typografien. Jeg klaget på dette i vår siste kritikk og vil fortsette å komme med det samme argumentet uansett hvor jeg ser Cufon bli brukt. @ font-face er en bedre løsning, periode. @ font-face tekst er fullt valgbar, Cufon er det ikke. @ font-face bruker ren CSS, Cufon krever JavaScript for å være aktivert. Som jeg påpekte sist, når Cufon-nettstedet foreslår å bruke @ font-face i stedet, vet du at det er på tide å kaste inn håndkleet og hoppe om bord.
Den andre tingen som bommer meg er Facebook-linjen øverst. Hvis du tegner en strek gjennom midten av teksten i denne linjen, som jeg har gjort nedenfor, kan du se at Facebook-logoen er vanskelig utenfor sentrum. Jeg er ikke sikker på om dette var forsettlig eller en ulykke, uansett, vil jeg støte det opp nær sentrum.
Andre sider
Vi avslutter ved å gi deg en rask titt på noen av de andre sidene på nettstedet. Som du kan se, de er like attraktive og alle veldig godt designet. Jeg liker spesielt prisbordene!
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.
