Varje webbplatsägare drömmer om en unik design för sin resurs. Alla vet att en person hälsas av sina kläder. Detsamma gäller webbplatsen, eftersom besökaren först och främst uppmärksammar projektets utformning och sedan innehållet. Om designen är för ljus eller tvärtom tråkig kommer användaren snart att lämna resursen. Överfyll inte webbplatsen med onödiga element, eftersom webbresurser med minimalistisk design ofta ser mycket mer intressanta ut. Hur skapar jag en webbdesign?
Faktum är att hela designprocessen kan delas in i tre steg: att skapa en skiss, skapa en layout i en grafisk redigerare och utformningen av designen. En designskiss kan ritas i en enkel fotoredigerare eller med en vanlig penna på ett papper. När det gäller layouten använder de flesta designers Photoshop som den mest kraftfulla grafikredigeraren som finns. För layoutdesign behöver du kunskap om hypertextmarkeringsspråk och CSS. Innan du skapar din egen design, ställ dig själv ett par enkla frågor: Kan jag HTML och CSS, och kan jag också arbeta med en grafisk redigerare?
Om du svarar nej kommer designprocessen inte att gå längre än det första steget. Det är inte svårt att rita en skiss, men inte alla användare kan göra en layout och skapa den färdiga designen. Som ett resultat rekommenderas att du först lär dig grunderna i HTML | CSS, samt tittar på några självstudievideor om Photoshop, för att veta var varje verktyg finns, hur du applicerar filter och mycket mer.
Innan du börjar skissa, skapa en bild av den framtida designen i ditt huvud. Observera att varje design består av följande delar:
- "Sidhuvud" på webbplatsen - den övre delen av vilken design som helst, inklusive logotyp, webbplatsnamn och ett par knappar (kontakter, om författaren). Rubriken kan ha olika höjder, men vanligtvis överstiger denna parameter inte 300 pixlar. Sökformulär och bannerannonser finns ofta högst upp på webbplatsen.
- "Sidofält" - sidans meny på webbplatsen. Sidofältet innehåller sekundär information och ytterligare element: ett block med färska artiklar, ett sökformulär, olika omröstningar och kalendrar, länkar, annonser och resursnavigeringselement. Flera sidofält kan användas i webbdesignen, men det finns mönster utan sidofält.
- "Källare" - den nedre delen av platsen. Den innehåller vanligtvis en länk till huvudresursen och upphovsrätten i stil med "(c) 2014 Den bästa webbplatsen." Men under de senaste åren har begreppet "källar" design förändrats med tillkomsten av mobila enheter. I "källaren" började element som vanligtvis placeras i sidofält sätta sig.
- "Huvuddel" - ett block där huvudinnehållet finns. De flesta designers placerar huvuddelen av webbplatsen i mitten för att göra det lättare att läsa materialet.
Så, nu vet du vilka block webbplatsen består av. Det är dags att börja lösa frågan om hur du skapar en webbdesign själv. Öppna den enklaste fotoredigeraren (måla räcker) och skapa en ny mall med en upplösning på 1280x1024. Det är värt att påminna om direkt att när man skapar webbplatser används inte metriska mätningar. Alla block "mäts" i pixlar.
Till exempel bestämde du dig för att skissa med en sidofält. Markera sidfoten, sidhuvudet och sidofältets gränser i en grafisk redigerare.
Har du en idé att göra några sidkolumner och placera innehållet i mitten? Bra, men tänk på bredden på sidofältet och utrymmet för huvudinnehållet när du markerar. Sidkolumnerna får inte vara för breda (högst 300 pixlar), och minst 500 pixlar ska vara kvar för huvudinnehållet, annars blir texten obekväm att läsa.
Nu när huvudmärkena sprids är det dags att lägga till några element i designskissen. Lägg till upphovsrätt i sidfoten, sökrutan, titel etc. Designskissen kommer att få ett mer intressant utseende och inte vara en samling geometriska former.
Om du har lärt dig hur du arbetar i Photoshop, är det dags att konvertera skissen till en layout. Men innan det, bestämma färgerna på webbplatsen. För nyhetssajter är vita bakgrundsfärger, svarta textfärger och blå länkar lämpligare. Om designen är skapad för en dam- eller resesida använder du ljusare färger. Samtidigt bör du inte göra en julgran av designen, eftersom överflödet av blommor stör uppfattningen av huvudinnehållet.
Börja fylla varje block i layouten med grafik. Experimentera med färger och bakgrunder, skapa dina egna element och knappar. På Internet finns det dock ett stort antal olika bakgrunder, knappar för att skapa en design.
När layouten äntligen är klar, skär den i block och gör en design av den. Samtidigt, signera varje lager för att göra det enklare att skriva.
Med tillkomsten av mobila enheter har populariteten för responsiva "gummi" -designer ökat. Varje användare kan skapa ett tema för sin webbplats, men bara en riktig designer kan anpassa det för alla enheter. I början av din designkarriär, försök att börja med en enkel mall.
Kom ihåg tre enkla regler för "bra design":
- texten ska vara väl läsbar även med inaktiverade bilder i webbläsaren;
- försök att inte använda ”lösa ögon” färger;
- Skapa en användarvänlig webbplatsnavigering.
Efter att ha skapat designen och överfört den till webbplatsen, se till att testa den i olika webbläsare. Bjud in vänner och bekanta att testa, för någon annans kritik har en positiv effekt på en person. Kom ihåg den grundläggande regeln: webbplatsens design bör gillas inte bara av dig, utan också av andra användare. Lyssna därför alltid på dina projektbesökares åsikter.
.
