Webbdesign mallar är mycket populära bland moderna webbutvecklare. Att arbeta inom en mallkonstruktion kan spara båtbelastningar när det gäller klockslaget. Inte bara detta men de flesta källkod skapas i HTML5 / CSS-standarder och möjliggör enkla anpassningar.
Det finns några tekniker som kan användas för att utveckla de bästa mallarna. Designers och utvecklare skapar ofta mallar och erbjuder dem gratis nedladdning till samhället. Färgteori, rutnätdesign, layoutstruktur och innehållsutveckling spelar alla viktiga roller i skapandet. Kolla in några tips nedan och se hur du kan integrera dessa idéer i ditt arbete.
Webmallmarknaden
Efterfrågan på webbplatser har ökat exponentiellt de senaste 5 åren. Företagen kräver en närvaro på nätet och många är jämn förlora kunder från en brist på digital anslutning. Det här gör webbplatsmallar så attraktiva.
Inte bara är malldesign billigare och lättare att hantera men de kräver också mycket mindre underhåll och ger lukrativa specifikationer. Gemenskapen med frilans webbdesigners har vuxit och mängden talang som finns tillgänglig idag är fenomenal. Många av dessa konstruktörer kan leverera raka affärsmallar, WordPress-mallar och många andra förbyggda teman.
När vi går framåt kan jag bara föreställa mig att denna marknad kommer att expandera. Efterfrågan på prisvärd webbdesign kommer att höjas och många kunder är nöjda med en icke-unik mall. Vad som är viktigt är tillgänglighet, tydlig källkod och användbar dokumentation.
Definiera layoutområden
I enlighet med många webbsidor är det vanligt att man skapar en liten wireframe eller mockup på förhand. På så sätt kan du tydligt märka aspekter av mallen som du vill accentuera (dvs sidfot, höger sidofält, rubriknavigering).
Nätdesign kan hjälpa till med detta steg. Applikationen av ett överliggande grid kommer att sortera ut proportionerna jämnt. Rutnät kan hjälpa till att bestämma hur brett du ska göra för din primära behållare, hur många kolumner som ska köras tillsammans med andra fina tillståndsegenskaper. Titta över idéerna bakom guldförhållandet i webbdesign och det ska vara enkelt att ställa in en exakt malllayout.
Det kan hjälpa när du kodar layouten för att ställa in kommentarer i din HTML-kod. Dessa kan göras på ett systematiskt sätt så att sökning genom divisioner kan bli mycket mindre krångel. Som ett exempel har jag tagit med någon demokod nedan för att bryta upp primärt innehåll från sidfot.
Grafik och färger
Skapandet är en mångtrinnig process för webben. Digital grafik har utvecklats och många nya trender är på plats kommer i slutet av 2010. Försök att göra lite läsning på ikondesign och digital färgteori. Användning av dessa färdigheter i webbplatskartor kommer att generera unika idéer och kraftfulla trender.
Tänk på en grundläggande företagsmalluppsättning med en logotyp, lagerfoton och något innehåll på hemsidan. När du skapar en webbplatskabel du inte utformar för en enskild klient eller ett projekt, så intensifieras behovet av generalisering. Vanligtvis blues, grays, dark browns och även avlägsna färger som lila och grönt kommer att fungera. Företagen letar efter ett säkert färgschema för att backa sina produkter.
En skolblogg kan å andra sidan ha en helt annan riktning. Kanske är ljusa färger som gul och orange mer vanliga. Därför är planeringsstadierna så viktiga för malldesign. Prova att lista några gemensamma attribut och figurer som stöder din idé. Mallar är byggda för att fungera i en mängd olika scenarier så att de måste vara flexibla men ändå hålla kreativitet.
Skriftlig mallkopia
Alla webbplatser kommer att innehålla en liten mängd text. Webben används mest för digital överföring av information, så om du inte utvecklar en bildportfölj eller videoblogg kommer mycket av sidans innehåll att vara text. Detta är en annan viktig aspekt att tänka på när man utformar stilar. Vilken typ av design skapar du och hur ska typografi påverka sidlayouten?
Ett bra sätt att komma igång är att koda stora typografiska element i mallutkastet. Det här kan vara alla sidhuvud, stycken, hyperlänkar, formaterade kodblock och verkligen allt du behöver. Härifrån är det mycket lättare att manipulera CSS-egenskaper för att matcha designstilar.
Snygg text kan göra eller bryta någon bra malldesign. Se till att dina rubriktitlar verkligen sticker ut. Djärv, stor typsnitt med en komplementär färg och eventuellt andra krusiduller är viktigt för h1 och h2 taggar. Tänk på eventuella understreck, bottengränser, stilsorter och de många möjligheterna med bakgrundsbilder.
Punkttexten ska också vara stor och hålla tillräckligt med utrymme för att bli märkt. Många besökare läser inte varje stycke ner till brevet, men det är viktigt för dessa block att sticka ut. Beräkna rätt linjehöjdsargument så att textlinjer får tillräckligt med mellanrum för att andas. Bottenmarginaler hjälper också till att ta bort röran och lägga till vertikalt avstånd till din sida.
Digital Extravagance
För att verkligen sälja en malldesign kan du överväga att lägga till funktioner som inte hittades på de flesta webbplatser. jQuery är ett kraftfullt bibliotek som enkelt kan implementera dynamiska apps på sidan. Dessa kan inkludera rullgardinsmenyer, bildspel och Ajax-uppdaterade nyhetsflöden.
Kolla in några populära jQuery-tricks, eftersom du kanske hittar något värt att installera. En design kan se bra men utan funktionalitet skulle ingen webbdesigner i sitt rätta sinne stör. Företag och kundkrets förväntar sig lika mycket ansträngning att dras in i användarupplevelse.
Flash är ett annat alternativ när det gäller sid widgets. Ett automatiskt uppdaterat Twitter-flöde skulle hanteras väl via Ajax och Twitters API.Men med ett bildspel eller portföljen kan det vara enklare att designa ett Flash-baserat skript. Det enda problemet här är bristen på mobilt stöd Flash Garners, vilket i slutändan inte är för stort av en affär. Med utsikt över detta kommer tillägget av Flash-baserade element att förbättra trovärdigheten hos någon webbplatskarta.
Riktade distributionskanaler
När du framgångsrikt har utvecklat en mall har du valet av vad du ska göra med det. Många utvecklare kommer att erbjuda källkoden under Creative Commons och låta någon fritt ladda ner projektfiler. Detta är ett bra alternativ eftersom du kan få ditt namn där ute medan du visar vilken typ av arbete du kan.
Många designers kommer att starta sin egen mallaffär eller sälja till andra. Template Monster är den nuvarande branschens titan som erbjuder över 25 000 unika mallstilar från över 6 år online. Inte alla kan komma in i sitt program för att sälja mallar, även om designers som har varit i roster ett tag gör ett mycket anständigt liv.
Brightegg är en annan marknad som erbjuder belöningar till malldesigners. Trots att inte lika populär som de vanliga varumärkena kan du registrera ett konto gratis och skicka in malldesigner för granskning. När du accepterar din konst kommer att listas i ett mallbibliotek, organiserat av taggar och användarrecensioner. Mallförsäljningen kan sträcka sig upp till $ 500 för unika inköp, vilket innebär att möjligheten att tjäna några pengar är mycket högre.
Alternativet är att starta någon typ av digital kundvagn eller online blogg. Därifrån ska du kunna lista din malls design, funktioner och erbjuda skärmdumpar med nedladdningslänkar. Det här alternativet är mycket snabbare än att försöka sälja mallar någon annanstans, men lite marknadsföring krävs för att nå alla målgrupper.
Slutsats
Webbplatsmallar har visat en stor uppgång på scenen under de senaste åren. Major mall återförsäljare har raking i vinster från enkla mönster och nu är den mest lönsamma tiden att sälja. Företag runt om i världen letar efter en starkare närvaro på nätet till lägre kostnader.
Dessa tips innehåller bara några av de trender som följer på marknaden. Kolla igenom andra designnätverk för att se vilka webbdesigners som har gjort med hänsyn till de senaste designerna. Mallar kan hittas genom de otaliga webbdesignbloggarna online tillsammans med motkultursamhällen som Designmoo.
Steg in i en professionell sko och försök förstå vad de letar efter. Design med konsumenten i åtanke och mall skapande blir en mycket mer engagerande aktivitet. För att spara tid kan du överväga att arbeta med CSS och JavaScript-bibliotek förbyggda för att konfigurera vanliga webbsidor som reset.css, fonts.css och grids.css, alla finns i YUI2-biblioteket.