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 Photofolio, ett Drupal-tema av mer än (bara) teman. Låt oss hoppa in och se vad vi tycker!
Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. Vi tar ut $ 49 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 Photofolio
Photofolio är ett lyhörd, anpassningsbart Drupal-tema med massor av bra funktioner: flera teckensnitt, superfish menyer, bildspel och mycket mer.
Här är en skärmdump av hemsidan:
Första intrycket
Min första reaktion här är ganska positiv. Photofolio är ett attraktivt tema som får mycket rätt både visuellt och funktionellt. Det känns visserligen en smula på den generiska sidan från ett designperspektiv, men med tanke på att det är en mall, kanske det inte är så dåligt. Låt oss ta en titt och se vad vi kan upptäcka.
Layout
Layout är ett område där Photofolio verkligen slår det ut ur parken. Layouten är ren och enkel. Det finns massor av innehållsslitsar, så att du kan fylla sidorna med så mycket du behöver, men det är helt perfekt organiserade på ett logiskt och okomplicerat sätt.
Som jag nämnde ovan är detta tema fullt lyhörd och ser bra ut på nästan vilken visningsportstorlek jag kan kasta på den. Det här är bra eftersom det låter mig veta att de designar för alla möjliga visningsstorlekar, inte bara några populära enheter.
Webbplatsen har en statisk bredd i de två största mediefrågorna, så när du börjar komma ner mot en mobillayout, går sakerna vätska. Det här fungerar verkligen bra för innehållet.
Inriktning
En sak som jag tycker är lite distraherande är att justeringen känns lite rörig i rubriken. I ett ögonblick kanske du inte ens märker det, men om du verkligen tittar på kan du se att de olika elementen kunde placera lite bättre i förhållande till omgivningen.
Ovanför kan du se huvuddragen på huvudelementen. Det är en subtil förändring men jag föreslår att du ändrar det här tills du har något närmare följande:
Här har jag bara infunderat lite mer konsistens med både vertikala och horisontella anpassningar förutom att lägga till lite mer andningsrum runt innehållsramen.
Färgscheman
En annan riktigt bra sak om detta tema är anpassningsalternativen. Det finns till exempel en hel del sju olika färgscheman att välja mellan.
Alla färgscheman är ganska skarpa och väl implementerade. Jag uppskattar verkligen hur drastiskt olika färgscheman ändrar webbplatsens personlighet. Oavsett om du letar efter ett roligt eller formellt utseende, kan det här temat fungera för dig.
Typ
Som standard är typen för Photofolio en avslappnad, tunn typ som känns perfekt för ljusa estetiken. Linjens höjd och ord per linje känns också rätt genom hela temat. Det här låter lite men det är faktiskt en väldigt stor sak, du vill aldrig köpa ett tema med slarvig typ!
Open Sans är den primära teckensnitt som används här. Det här är förstås en Google Web Font och Drupal är fantastisk nog att ge dig tillgång till andra stora Google Web-teckensnitt om du vill byta ut något (temat har några olika förbyggda uppsättningar att välja mellan). Kombinera detta med färgschema alternativen ovan och du kommer att upptäcka att du verkligen kan tweak det här temat för att passa din personliga stil.
Webbläsarkompatibilitet
Photofolio faktureras som fullständigt kompatibel med webbläsare, och det fungerade väl i alla webbläsare som jag försökte. Det verkar dock vara en intressant Safari quirk. När jag svävar över allt med en övergång, finns det en konstig blinkande bugg.
Jag spelade in en skärmdump av denna effekt. Du kan titta på det här.
Är designen framgångsrik?
Vi har redan etablerat att designen är både attraktiv och mycket funktionell, men dessa aspekter ensam gör inte nödvändigtvis en framgångsrik design. Framgången hos en design bygger alltid på de mål som man försöker uppnå. Oavsett om du skapar ett Drupal-tema eller ett socialt nätverk måste du skapa en uppsättning mål och hålla dem i åtanke.
Fotograf Appeal
Så vilka mål har Photofolio? Jag skulle anta att ett stort mål skulle vara att vädja till fotografer. Som fotograf själv ser jag definitivt mycket här skräddarsydd för mina behov. Fotodynsor och flera gallerilayouter att välja på tillsammans med en solid blogg betyder att jag ganska länge kan köra hela min webbplats härifrån. Jag kan effektivt visa upp mitt arbete och posta om enskilda händelser.
Mer än foton
Jag tror att ett annat viktigt mål för designen skulle vara att inte binda det för uteslutande till fotografer. Funktionerna och designen är sådana att den här webbplatsen enkelt kan användas för ett antal kreativa nischer som webbdesign. Galleri-exemplen är för tillfället fulla av bilder, men det skulle vara lätt att fylla dem med webbplatskärmar i stället.
Mångsidighet
Mallar är ett intressant djur. Normalt handlar design om beslut. Du måste välja mellan de två typsnitt som du gillar och om du vill vara avslappnad eller professionell. Ditt jobb är att rikta in designen speciellt till ett syfte, vilket givetvis beror på kunden.
Med mallar är motsatsen dock sant. Tanken här är att bygga en sak som kan användas på många olika sätt av många olika människor. Istället för att göra svåra val, spenderar du din tid på mer alternativ. Målet här är mångsidighet.Folk vill veta att om de köper din produkt kommer det att passa deras behov, även om dessa behov förändras på vägen.
I detta område är Photofolio ganska framgångsrik. Webbplatsens responsiva karaktär betyder att oavsett var publiken brukar komma åt webben kommer de att få en fantastisk upplevelse. Detta är förstås förutom flera layouter för flera av sidorna, färgval, typsnitt, och även några manuella layoutomvandlingsalternativ.
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.