Varje vecka tittar vi på en ny webbplats och analyserar designen. Vi pekar på båda områdena som görs bra förutom de som kan använda lite arbete. Slutligen avslutar vi genom att be dig att ge din egen feedback.
Dagens webbplats är Idea Arts.
Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. Vi debiterar $ 24 för att kritisera din design - betydligt mindre än du skulle betala för en konsult för att ta en titt på din webbplats! Du kan läsa mer här.
Om Idea Arts
Idea Arts är den personliga portföljen Goran Ilic, en grafisk formgivare med en livslång passion för teknik. Hans webbplats visar sitt senaste arbete och de tjänster som erbjuds av hans företag.
Här är en skärmdump av hemsidan:
Första intrycket
Idea Arts är för det mesta en attraktiv webbplats. Det finns några bra idéer på jobbet här som sätter ut designen till en riktigt stark start. Innehållet är uppdelat i tydligt definierade sektioner och följer en logisk progression. Det finns också några attraktiva grafiska element som effektivt tar tag i användarens uppmärksamhet.
Det finns dock många möjligheter för förfining. Designen är tillräckligt solid för att jag inte rekommenderar att börja, men flera aspekter kan använda lite mer uppmärksamhet för att få dem upp till par. Nedan tar vi en titt på några av dessa.
Typografi
Det största problemet som jag ser med den här sidan är typografi. Till startsidan ser vi bara på tio olika variationer av teckenstorlek, bredd, stil, etc. på hemsidan. Detta är nästan alltid en negativ egenskap. Det är en bra tumregel att hålla dina teckensnitt till omkring två till tre variationer per design.
Bestäm om typsnitt som du kan använda på rubriker, underrubriker och kroppskopia. Gör sedan dessa konsekventa genom hela din design i stället för att behandla varje sektion som ett självständigt område som kan ha sina egna unika egenskaper.
Också, ägna dig verkligen tid att konstruera typen för att se attraktiv ut. Detta innebär noggrann planering alternativ som linjehöjd, färg och även dina raster. Alla dessa är ganska grova i exemplet nedan.
Till att börja med kontrasterar det ljusblå inte bra med bakgrunden. Detta kan enkelt lösas genom att mörka upp den färgen tills den verkligen skiljer sig från ljusfärgen bakom den. Den mindre kopian skulle också kunna använda lite mer andningsrum. Linjens höjd är helt enkelt för låg och gör det svårt att läsa, stöta upp det här lite och läsbarheten kommer att öka kraftigt.
Men var försiktig eftersom i andra delar av webbplatsen verkar linjens höjd besvärligt hög. Jag rekommenderar att du använder ett gratis onlineverktyg som Typograph - Scale & Rhythm (visas nedan) för att hjälpa till med flödet av dina stycken.
Slutligen titta på dina raster. Intressant nog behöver du inte bara titta på obekväma raster i formuleringen, du borde vara uppmärksam på formen på stycket. Den ovanstående ser lite konstig ut och kan lätt återflödes till något som versionen nedan.
blank
Ett annat område av designen som kan använda lite tweaking är användningen av blankutrymme. Som med typografi kan detta vara knepigt och är till stor del subjektivt. Det finns dock några grundläggande principer som kan vägleda dig längs vägen.
Till exempel, när som helst du har en distribuerad samling objekt, vare sig vertikala eller horisontella, försök först gruppera objekten visuellt och placera dem jämnt. Till exempel, i exemplet nedan har den ursprungliga versionen ett olikt avstånd mellan ikonerna och texten och de saker som ska vara distinkta löper in i varandra lite. Med lite justering skapar vi ett mycket tydligare grafiskt uttalande.
Skillnaden är subtil men mycket viktig. Lägg märke till hur lätt det är att berätta vilken textlinje som går till vilken ikon. Det finns några andra områden i hela konstruktionen som kan använda en liknande dos av rumslig analys. T.ex. kraschar texten nästan i slutet av dess inneslutningsanordning. Se alltid till att ge gott om utrymme till sådana element.
Som vi såg med de tidigare frågorna går det på båda sätten. Logotypen, till exempel, känns som att det har för mycket blankutrymme inbyggt i klyftan mellan orden.
Tweak, Tweak, Tweak
Historiens moral är här, att även om du bestämmer dig för att du har skapat en snygg sida, är djävulen i detaljerna. Rusa aldrig igenom de små grejerna som typografi och avstånd. Faktum är att du kanske måste spendera mer tid att få dessa rätt än att hamra ut ditt första visuella koncept!
Det är definitivt värt att investera tid för att avsluta din webbplats rätt. Att konsekvent komma in i denna vana gör att dina mönster känns mycket mer raffinerade och ger dem större motståndskraft mot granskning.
Din tur!
Nu när du har läst mina kommentarer lägger du in och hjälper till med att ge designern ytterligare råd. Låt oss veta vad du tycker är bra om designen och vad du tycker kan vara starkare. Som alltid ber vi att du också respekterar webbplatsens designer och erbjuder tydliga konstruktiva råd, utan några hårda förolämpningar.