Posts Tagged ‘ Webbdesign ’

Skillnad mellan webb och tryck

By on april 27, 2011

Något jag ofta stöter på när jag gör hemsidor är att kunder tänker pappersprodukt alldeles för mycket. De kan till och med skriva ut en hemsida bara för att det är ”lättare att se” hur det egentligen ser ut. Det kan också vara svårt för dem att förstå att det finns vissa begränsninger när det gäller placering av exempelvis text och bild i ett CMS de själva ska kunna jobba med enkelt.

Det är stor skillad att arbeta med layout för tryck jämfört med layout för webb. Jag hittade en artikel som heter Bridging the gap: Difference between print and web design. Där tar de upp några av de saker som gör att det är skilland mellan webb och tryck.

Gratis hemsidor

By on juni 7, 2010

gratis hemsidorVill du skaffa en snygg hemsida men inte kan producera den själv och tycker att det är för dyrt att anlita en professionell byrå som arbetar med webbdesign? Beroende på ändamålet med hemsidan finns det olika sätt att komma undan med en gratis hemsida. Vill du enbart ha en personlig blogg finns det många olika gratisalternativ som exempelvis Blogger och WordPress.com.

Letar du gratis hemsidor till ett mer kommersiellt syfte finns det många resurser med gratis hemsidesmallar att hitta på nätet. Fördel här är dock om du på något sätt kan göra enklare justeringar såsom lägga in din egna logotyp. Du måste också givetvis kunna lägga in egen text.

Här är några ställen du kan leta efter mallar för gratis hemsidor:

Open Source Web Design

TemplateMo.com

9 snygga CSS-mallar

10 gratis hemsidemallar med PSD-filer

50 gratis hemsidor av hög kvalitet

Fler än 70 gratis maller med PSD-filer

100 gratis XHTML-mallar

Gratis mallar i HTML5 och CSS

99 XHTML/CSS-mallar

Gratis mallar för portfolio

15 templates och frameworks

Webbdesign i Photoshop

By on mars 16, 2010

webbdesign-i-photoshopDe flesta som arbetar professionellt med webbdesign och layoutarbeten vid hemsidesproduktion skapar först designen i Photoshop, för att sedan skapa delbilder som kodas in och bygger upp hemsidan. Det finns många tips och skolor som går att använda sig av för att skaffa sig inspiration och nya värdefulla kunskaper när man ska bygga en hemsida. Jag har samlat några av de sidor som tar fram och lägger ut bra guider för webbdesign i Photoshop här. Vissa av dem visar enbart hemsideslayouter och vissa av dem varvar andra Photoshop-guider.

Utöver ovanstående sidor som publicerar en stor mäng bra guider för webbdesign i Photoshop har jag också hittat några sidor som listar upp guider för snygga hemsidor framtagna i Photoshop av olika designers. Dessa sidor är Web Design Ledger, Noupe och instantShift.

Lär dig CSS

By on december 8, 2009

Vid webbproduktion finns det egentligen inget vettigt alternativ än att använda sig av CSS (Cascading Style Sheets). Med hjälp av det kan du skilja på innehållet på hemsidan och den del av koden som styr din webbdesign dit du vill ha den rent utseendemässigt. På så sätt får du en betydligt sökmotorvänligare hemsida och det är enkelt att ändra i det layoutmässiga på webbsidan.

För den som har byggt hemsidor med tabeller tidigare är det kanske inte ett naturligt sätt att koda, men det finns oändligt med resurser att ta hjälp av och om du vill lära dig att bygga hemsidor med hjälp av CSS hittar du några av dessa här:

Fler snygga webbsidor

By on november 19, 2009

fler snygga webbsidorFör ett tag sedan postade jag inlägget Snygga hemsidor, där jag tipsade om ett gäng länkar där du helr enkelt hittar ett antal snygga hemsidor att inspiraras av när du ska jobba med webbdesign. Tänkta i detta inägg tipsa om länkar till ytterligare sidor där du kan hitta en stor mängd fler snygga webbsidor. Hoppas det kan komma till användning i din webbproduktion.

Kolla på följande sidor:

Snygga hemsidor

By on oktober 26, 2009

snygga hemsidorAlla som arbetar med webbdesign vill naturligtvis producera snygga hemsidor. Givetvis kan det då vara bra med lite nya infallsvinklar, så att man inte står och stampar i samma fotspår hela tiden. Det finns mycket nytt att lära sig när det gäller kreativa lösningar för hemsidor. Titta igenom nedanstående länkar för inspiration till snygga hemsidor.

Vill du hitta fler snygga hemsidor kan du kolla in mitt inägg där jag skrev om inspiration för webbdesign.

Arbeta med CSS i Dreamwaver

By on oktober 21, 2009

arbeta med css i dreamweaverNär jag arbetar med webbdesign i Dreamweaver brukar jag till 95% sitta och knacka kod i texteditorn. Har varit nöjd med det och egentligen aldrig gått in för att lära mig ens en bråkdel av programmets alla funktioner. Hittade av en slump en Dreamweaver guide som tar upp hur man kan CSS-koda en punktlista till en snygg meny. Detta enbart med Dreamweavers inbyggda funktioner. Resultatet blir detsamma som att man kodar manuellt, men tillvägagångssättet är helt olika. Lite roligt att se hur extremt olika man kan jobba för att nå samma mål.

Grunderna i CSS

By on oktober 6, 2009

grunderna i cssVid webbdesign och produktion av hemsidor bör du använda dig av stilmallar (CSS). CSS är förkortning för Cascading Style Sheets och det är den kod som styr utseendet på hemsidan. Det är i den koden du anger färger, bakgrunder, teckensnitt, hur olika delar på sidan förhåller sig till varandra mm. En stor fördel är givetvis att du får allt detta samlat på ett ställe och bara behöver ändra på ett ställe om du exempelvis vill byta färg på alla textlänkar på en hemsida. En annan stor fördel är att du kan lägga denna kod i en separat fil och därmed minimera koden i html-filen. Det i sin tur gör att textinnehållet i html-filen framhävs bättre, vilket är en stor fördel i sökmotorerna. Detta är en grundläggande del i sökmotoroptimering.

Har du inte arbetat med stilmallar tidigare kan jag rekommendera en artikel Smashing Magazine har skrivit om hur du kommer igång med grunderna i CSS.

Förutom att de går igenom de viktigaste sakerna du behöver kunna för att bygga en hemsida med hjälp av stilmallar presenterar de även ett antal bra resurser för hur du kan komma från din Photoshopskiss av hemsidan till en färdig webbsida.

Inspiration för webbdesign

By on september 30, 2009

inspiration för webbdesignNär man jobbar med webbdesign och layoutarbeten vid hemsidesproduktion kan det vara slönt att hitta lite inspiration från olika håll och kanter. Det är ju dumt att börja om från början och uppfinna hjulet varje gång. Givetvis ska man ju inte kopiera det andra tidigare har gjort, men ser man något snyggt är det ofta enkelt att hitta en egen väga att gå och utveckla det till något som känns nytt och fräscht.

Har samlat några länkar där du kan hitta mycket inspiration för webbdesign:

Texturer för designarbeten

By on september 18, 2009

texturer för designarbetenFör att få lite mer liv i sin design, oavsett om det rör sig om webbdesign eller annan grafisk design, kan det alltid underlätta att använda sig av någon textur inbakad i till exempel bakgrunden. Det mesta av grafisk arbeten när det gäller pixelgrafik sker i Photoshop. Här tipsar jag om ett antal länkar till resurser där ni hittar texturer för era designarbeten i Photoshop eller annat bildhanteringsprogram.