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 slutar vi genom att be dig att ge din egen feedback både genom kommentarer och genom att rösta i vår designundersökning.
Dagens webbplats är K? Nstler.co.at.
Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. Vi tar ut $ 34 för att kritisera din design - betydligt mindre än du skulle betala för en konsult för att kolla på din webbplats! Du kan läsa mer här.
Om Kuenstler
• Använd vår hemsida för att presentera dig själv och din konst, öka din räckvidd och prata med människor över hela världen, oavsett om du är musiker, författare eller skulptör: k? Nstler.co.at är rätt plattform för dig .?
Här är en skärmdump av hemsidan:
Som alltid kommer vi att använda detta som en hoppningspunkt och analysera först den övergripande designen och prata sedan om några specifika områden.
Första intrycken
Strax utanför flaggan tycker jag om webbplatsens övergripande utseende. Det är ljust, färgstarkt, innehåller gott om blankutrymme och har en logisk, enkel att följa layout.
Grafiken är definitivt iögonfallande och den stora JavaScript-reglaget är ett bra sätt att både göra webbplatsen mer dynamisk och klämma in mycket innehåll på en enda sida på ett helt enkelt sätt.
Jag kan direkt berätta att webbplatsen använder hummer för typografi. Hummer är en vacker och djärv typ som är helt gratis och gör en bra kandidat om du någonsin kommer att bädda in anpassade teckensnitt (särskilt ett manus) till din webbplats.
Upprepning
En annan sak som webbplatsen gör bra är upprepning. Ett visuellt tema har etablerats starkt och återlämnas till olika ställen genom hela designen.
Visuell repetition är ett av dina främsta verktyg i design och du borde absolut lära dig hur du kan använda den. Denna sida innehåller en hel del repetition och enligt min åsikt tar det inte för långt men skjuter det rätt till kanten. För mycket mer kan ha gått överbord och för mycket mindre kan inte ha varit lika effektiv.
Logotypen
Den första platsen du ser hummer typsnittet används är logotypen. Jag mår bra med detta eftersom det är ett starkt läsbart skript som är perfekt för logotyper. Men jag gillar definitivt inte Hummer används också som mindre typsnitt i logotypen.
Blandningstypografi kan vara knepigt och i slutändan är det en mycket subjektiv konst. Men som en allmän regel vill du helt enkelt gå på skript. De är mycket svårare att läsa än en vanlig gammal serif eller sans-serif typsnitt och bör nästan aldrig användas i varierande storlekar vid sådana närliggande områden.
I en sådan situation är den mindre teckensnittet klart upprättat som ett sekundärt meddelande och bör därför använda en sekundär teckensnitt. Låt det djärva skriptet ta det mesta av uppmärksamheten och använd något subtilt för undertexten. Här är ett snabbt exempel som jag kastade ihop.
Valbar text
Enligt min uppfattning handlar inte inbäddning av anpassade teckensnitt på en webbplats inte bara om att skära ned filstorlekar genom att minska bilder, det handlar också om användbarhet och skapa live, valbar text.
Den här webbplatsen använder Cufon för att bädda hummer in i sidan. Inte bara kräver denna lösning JavaScript för att fungera (acceptabelt men inte idealiskt), det förorsakar också kaos på textval.
Den främsta anledningen till att jag tar problem med detta är att Hummer är så lätt att bädda in med ett @ font-face-kit från FontSquirrel. @ font-face är en CSS-baserad lösning som har mycket webbläsarsupport och resulterar i vacker, valbar text. Även Cufon-webbplatsen föreslår att @ font-face är det enklaste sättet att anamma standarder.?
Vackra knappar
Jag vill ta en sekund och säga att jag älskar utformningen av den här knappen.
Det är stort och djärvt, omgivet av vitt utrymme, färgstarkt; bra design. Detta är definitivt mitt favoritelement på sidan.
Tabbed Content
Precis som bildreglaget högst upp på webbplatsen är ett bra sätt att visa mycket snyggt bilder, är innehållet i tabben nära mitten ett bra sätt att ha mycket användbar information på ett mycket litet utrymme.
Om du tittar på det här området med JavaScript inaktiverat ser du helt enkelt alla olika sektioner som visas samtidigt, staplade ovanpå varandra som du skulle på en vanlig webbplats. Detta ger en bättre upplevelse till användare som vill ha det och utesluter inte användare som inte gör det.
Slutsats
För det mesta är det här en väldesignad webbplats. I stället för större designöverraskningar föreslår jag bara att göra några tweaks och fokusera på funktionalitet och läsbarhet, särskilt med användandet av den anpassade teckensnittet.
Bara så att du kan få en känsla för webbplatsen som helhet, här är några fler bilder från några av de andra sidorna:
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 att det blir några svåra förolämpningar.