Varje vecka tittar vi på en ny webbplats och analyserar designen. Vi pekar på både de områden som görs bra och de som kan använda lite arbete. Slutligen avslutar vi genom att be dig att ge din egen feedback.
Dagens webbplats är Screenfluent, ett webbdesign inspirationsgalleri.
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.
Screenfluent
Screenfluent är tillägnad inte bara webbdesigners som inspirationskälla utan även för vanliga användare som inte är engagerade i att skapa och designa webbsidor. Förutom bra kvalitet, hittar du här en ny del intressanta webbplatser att utforska på daglig basis.?
Här är webbplatsens hemsida:
Den goda
Screenfluent är definitivt en attraktiv plats med ett fint mörkt tema som verkligen sätter scenen för de webbplatser som visas.
Header Graphic
Den flammande wispy header-grafiken är snäll och uppmärksamhetsfull och delningen mellan grafik och huvudbakgrund hanteras bra. Det verkar lite slumpmässigt som det enda elementet på sidan med detta utseende. Jag skulle vilja se något liknande på något sätt integrerat på en annan sida av sidan. Detta kan vara så enkelt som att ta tag i den ljusare färgen från grafiken och tillämpa den på länkar eller rubriker.
Sidebar
Jag gillar verkligen utseendet på nästan allt i sidofältet. De trevliga tänkningshuvudena, rundade hörnens sociala ikoner, insatsområden och rullgardinsmenyer är stilistiskt spotta på platsens tema.
Sektionsavdelningar
En sista sak som jag verkligen gillar om denna design är de subtila linjerna som bryter upp innehållet på sidan. De är ganska enkla: en mörk pixel och en ljus pixel sträckte sig in i en linje och bleknat ut vid kanterna. Effekten är ett snidat utseende som lägger till en realism för designen.
Områden att förbättra
En helhet, webbplatsen är ganska användbar utan några allvarliga glitches. När du klickar på en bild ser du en stor förhandsvisning och varje miniatyrbild har en trevlig animerad övergång för svängningseffekten.
En liten förändring som jag kan rekommendera är en länk för att kringgå den stora bilden till förmån för att besöka webbplatsen direkt. Förhandsvisningen är bra för dem som vill ha det, men ibland tycker jag att jag verkligen gillar att bara gå direkt till webbplatsen. Det här är mer en fråga om preferens än solida användbarhetsprinciper.
Nedan ser vi på några delar av designen som kan använda lite tweaking.
Manuset
Det specifika teckensnittet för taglinjen ovan verkar lite för webbplatsen. Det är lite för tunt och svårt att läsa och flödar inte bra med Vag rundad esque i rubriken. I allmänhet försöker jag undvika att hålla två unika displayfonter i en logotyp för att undvika att kollidera. Försök ta en vanligare typsnitt för taglinjen.
The? Bläddra bland fler mallar? Länk
Länken längst ner på rutnätet har en kant som sträcker sig bredden på hela kolumnen, men endast det lilla området text i mitten är klickbart. Detta område verkar bara lite slätt och oavslutat och kan lätt omvandlas till en stor knapp som matchar sidofältets estetik lite bättre.
Generiska rullningsstänger
I en helt anpassad design, som den här där varje element har blivit noggrant utformad, skär jag alltid när jag ser något som bryter stavningen med hjälp av ett standardwebbläsare UI-element. Det är inte så att standardrullen är nödvändigtvis ful eller oattraktiv, de passar bara inte med designen.
Det är som att få en glimt på mannen bakom gardinen när du börjar tro på all magi eller hitta ett stycke trim som släpptes ut i ett nymålat hus. Den speciella miljö som skapats är förvirrad av vad som är underifrån.
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.
Intresserad av att ha din egen webbplats kritisk? Du kan läsa mer här.