Grafisk design av hemsidor

hej. Det första du ska göra är att skriva ner kravlistan, vilka funktioner man ska ha, vilka färger man ska ha, och vilken slags sida det är, det får du bedöma själv efter vilken sida du gör, så att du inte väljer disney färger för en begravningsbyrå..typ.

Sen så är det alltid bra att skissa ner layouten och strukturen på sidan, hur många roots du kommer att ha och att du gör allt i samma stil men med liten förändring för varje kategori. Sen så om du kan css rätt bra kan du alltid göra olika stylesheets och det kan du alltid ändra.

hade varit lättare att ge tips om man ser vad du gör, du kanske har jättesnygga sidor. Men en sak är säker det blir alltid funktionalitet vs design, skitsnygga och fräcka sidor blir sällan användarvänliga, och funktionella sidor är bäst att ha en "stilren" design utan många flashiga grejer.

För att få en bra start på grunddesignen så kan man använda ett gridsystem, exempelvis 960gs och använda deras template i Photoshop/Illustrator/InDesign (vad man nu är van att jobba med). Med hjälp av en grid så blir det lättare att disponera objekten enhetligt till varandra.

Färg och form är ju alltid lurigt, som tur är går det att träna upp det ögat. När det gäller kommunal/offentlig sektor och företags-sidor så måste sidan präglas av en formalitet, här styr innehållet totalt över layout, vilket du redan har koll på enligt vad jag förstått.

Jag brukar alltid försöka börja med associationer till innehållet, låt säga att det är ett flygbolag för att göra det enkelt. Associationerna går direkt till blå himmel, moln, landningsbanor, flygtorn och polerade vita ytor, frihet och resor.
Därför skulle det antagligen passa med en ljus layout som känns "fri" med vissa blå toner, även polerade vita ytor som kanske styr sektionsindelningar.
Sidan bör även inge ett lugnt intryck (alltså INTE som exempelvis Ryan Air..). Därför är det extra viktigt här med luft i texten och jämna avstånd till allt.
Även här bör det passa med en artikelartad layout där informationen har en bild i topp eller insprängd vänster/höger-ställt.

Nyckeln är att använda samma rubrik/ingress och brödtext-storlekar, samma avstånd hela tiden från bilder och layoutdelar. Om det är en vit sida, att inte använda helt svart text utan kanske #333 för att inte göra kontrasterna för hårda. Om det är helt vita fält som blir kanske det istället kan passa med en svag övertoning.

Designprocessen är alltid lurig, vad jag fått erfara i vilket fall, men det blir som tur är lättare för varje ny layout man gör att se helheten. Skulle vara roligt att se några layoutförslag sen så kan du få vidare hjälp med vad som kan förbättras, men ta det när du känner att layouten är mogen för fallande dom.

För inspiration till logotyp kanske http://logopond.com/ kan vara något att kika på sen.

Lustigt att du säger det, just rubriker och textinnehåll mot vänstermenyer har jag alltid tyckt är förvånansvärt bökigt. Det bästa man kan göra där är antagligen att prova allt mot skissen innan man tar det till koden. Mest för att storlek på text i en meny kan variera ganska kraftigt beroende på vad layouten styr den till, gäller bara inte att man glömmer läsbarheten förstås .

Tycker fontblandningen låter bra, det finns en uppsjö med sidor där man kan testa fonterna hur väl de fungerar på webben, tex http://www.typetester.org/ Men för min egen del så brukar jag göra ett textblock i skissen där man kan gå loss samtidigt som man har layouten bakom.
Större textstorlekar med mer sparsmakat innehåll är ju förutspått som en av designtrenderna 2010, så varför inte börja tidigt?

Det kan vara bra att tänka på att bibehålla samma font i textflödet, så att nya fonter bryter av till något 'nytt', men att hålla nere olika typer av fonter på sidan så mycket som möjligt, gränsen mellan kreativt välsmakande och rörigt designmonster är ju hårfin.

För rubriker och kortare texter (ex. menytext) så kan man oftast vara lite fri vad gäller sök och markeringsmöligheter tycker jag. Därför kan Cufon vara något att kika på om man har ett typsnitt man gillar men som inte är standard. Cufon gör en js-fil av fonten så den kan skrivas ut som bilder istället direkt i webbläsaren, skillnaden på laddningstiden är verkligen minimal.

Rent designmässigt så är det bra att tänka på att objekten har en vikt och att webbsidan fungerar som en vågskål. Ett stort "tungt" objekt som är placerat långt till vänster måste vägas upp med något till höger och får då mittpunkten för det viktiga i layouten att förändras. Hittade en liten artikel om detta: http://www.vanseodesign.com/web-design/web-design-balance/

Jag gillar grunden! Det är helt klart något att bygga vidare på. Några saker som jag reagerar på (även om det egentligen är mindre saker),

Menyn:
Den skulle kännas mer harmonisk om du fick in den på en rad och kanske någon påvisande grafik för den aktiva delen istället för understrykningen. Exempelvis en pil (ned eller upp) eller ljusare bakgrund. Menyn skulle även kunna linjera med logotypen.
Är lite osäker på hur du menar med bilden som är relaterad till menyvalet, men jag tror på att köra fast höjd på header och låta en bild som relaterar till menyvalet ligga i den vita ytan (där du nu har ett bildspel). På det sättet så bibehåller du kontinuitet på sidan.
Här kan du även linjera allt innehåll till höger i och med att det endast blir den blå slutramen för menyn som kommer att ligga "utanför", vilket kommer se underligt ut när det fylls på med innehåll.

Artiklar:
Artikeln är just nu lite inklämd, nyhetsflödet skulle kunna vara kortare i bredd, så vänsterkanten linjerar med det blå i menyn. Även mer luft till vänster så den linjerar med det första objektet i menyn.

Puffar:
Om det tillkommer puffar så tycker jag layouten fungerar, däremot om det endast kommer bli en "Kontakt"-puff så skulle du kunna kombinera den med nyhetsflödet och lägga den i botten. På det sättet gör du även mer luft för artiklar.

Angående text och färgval för sidan har jag inga invändningar, ser riktigt bra ut.

Trevligt! Flödet på sidan blev mycket mer konkret nu. Då förstår jag varför du vill göra så med menyn. För att djupdyka in på detaljer, hur löser du nyhetsflödet, ska den ha max 4 st nyhetspuffar eller fler? Rent tekniskt så kommer puff 2 i datumordningen att lägga sig till höger istället för under som du har i layouten nu. Se även över marginal för rubriken "Nyhetsflöde" och padding för rubriken i puff 3.

Kanske det skulle passa med en (väldigt) svag bakgrundsgrafik för header, kanske fisken i logotypen väldigt förstorad uttonad i vit.

Kommer bli en riktigt snygg sida!

Angående logotypinspiration / design så har jag en liten favorittutorial som kanske kan ge dig inspiration:
http://www.layersmagazine.com/artistic-expression-logo-design...