Inhoud
- Held heeft structuur nodig
- Typografie
- Kleuren zijn belangrijk
- Gebruik prachtige afbeeldingen
- Gebruik knoppen
- Inpakken
Ik ben een web- en grafisch ontwerper met meer dan 3 jaar ervaring.
Wanneer u begint met het ontwerpen van een website, is de eerste en belangrijke sectie de heldensectie. Het moet mooi zijn, goed ontworpen en een verhaal vertellen over de website. Er zijn ook enkele ontwerpregels die u moet volgen.
U moet de juiste afbeeldingen, kleuren, typografie, enz. Kiezen. Ook weet u van witruimte, hiërarchie en ontwerptheorie in het algemeen. Er zijn er ook veel ontwerpmiddelen dat zal u helpen en uw werk gemakkelijker maken.
In dit artikel bespreek ik de belangrijke punten en stappen om een mooie hero-sectie te maken en deze methoden zijn ook van toepassing op design in het algemeen. Dus maak je klaar en laten we beginnen.
Held heeft structuur nodig
Zoals alles heeft een held een structuur nodig en een goede. Je kunt er geen dingen in gooien. Het moet op de juiste manier worden gebouwd. Er zouden kolommen, rijen moeten zijn. Tekst en afbeeldingen moeten gescheiden zijn en mogen niet oververzadigd zijn.
De held kan een kolomindeling hebben of deze kan worden gecentreerd. Aan de linkerkant kan er bijvoorbeeld tekst en een soort knop staan, en aan de rechterkant afbeeldingen of vectorafbeeldingen.
Of het kan worden gecentreerd waar de tekst en de knop in het midden staan. Het kan een afbeelding of een video-achtergrond hebben, of alleen een kleur.
Afhankelijk van de website kan deze een andere structuur hebben. Online winkels, bestemmingspagina's van apps, een bedrijfswebsite kunnen een op kolommen gebaseerde structuur hebben en blogs en eenvoudige sites kunnen een gecentreerd ontwerp hebben.
Creatievere of portfoliowebsites kunnen een complexer ontwerp hebben, maar onthoud dat het eenvoudig en gemakkelijk te begrijpen moet zijn.
Typografie
Een ander belangrijk ding bij het ontwerpen van helden is typografie. Het is erg belangrijk om moderne lettertypen te kiezen die mooi zijn. Kies geen oude lettertypen. Het zal slecht zijn voor het ontwerp.
Je hebt veel gratis tools om geweldige lettertypen te vinden, zoals Google-lettertypenU kunt serif, sans serif, display of andere lettertypestijlen gebruiken. En het moet passen bij een ontwerp. Als u bijvoorbeeld een stijlvolle website heeft, kies dan niet voor cartoonachtige lettertypen. Je snapt het wel.
Er kunnen ook een paar lettertypen zijn. Twee lettertypen die goed samenwerken. Maar wees voorzichtig, niet alle lettertypen werken goed in paren. Lettertypeparen zijn geweldig voor koppen en alinea's.
Kop of titel kan één lettertype zijn en de alinea kan een ander lettertype zijn. Titels moeten ook vetter en groter zijn dan kleine teksten. Het is geweldig voor hiërarchie. Overweeg ook witruimte. Witruimte is een opening tussen alinea's en titels.
Kleuren zijn belangrijk
Ja. In het ontwerp doen kleuren er echt toe. Het kan je held verfraaien of hem gewoon helemaal verpesten. Kies dus verstandig. Beginnende ontwerpers gebruiken kleuren niet goed en ze gebruiken geen tools zoals kleurenwielen of paletgeneratoren. Ze zijn een grote hulp.
En het is niet een must om veel kleuren te kiezen. U kunt 2 of 3 kleuren kiezen en prachtige ontwerpen maken. Eén kleur kan de hoofdkleur zijn en de andere twee kleuren kunnen accentkleuren zijn.
Verzadig een heldensectie niet met te veel kleur, want dan heb je een soort afbeelding of vector die zijn kleur heeft. Gebruik kleuren dus verstandig en zorg ervoor dat ze bij het ontwerp passen.
Gebruik prachtige afbeeldingen
Afbeeldingen zijn erg belangrijk op elke website. En het is ook belangrijk in heldensecties. Elke heldensectie heeft afbeeldingen nodig, of het nu een achtergrond of een element is. En u kunt gewone afbeeldingen of grafische afbeeldingen invoegen, of zelfs 3D-renderingen.
Maar u moet afbeeldingen en vectoren van hoge kwaliteit gebruiken. Want als je een goed ontwerp, goede lettertypen, kleuren, maar slechte afbeeldingen hebt, zal dit het hele ontwerp verpesten. U maakt zelf afbeeldingen of maakt vectoren en bewerkt deze in verschillende software, of u kunt tools zoals Unsplash om mooie afbeeldingen te vinden.
U kunt afbeeldingscombinaties gebruiken als u creatiever wilt worden. U kunt zelfs enkele vectoren, blobvormen of andere details invoegen om het mooier te maken.
Gebruik knoppen
Het gebruik van knoppen is ook erg belangrijk. Knoppen in heldensecties zijn Call To Action (CTA). Dit is de knop die bezoekers naar een andere pagina of sectie leidt. Op deze manier kun je bezoekers doorverwijzen naar een productpagina of verkooppagina.
Het is een geweldige manier om gebruikers naar specifieke, belangrijke pagina's te verwijzen.Werkt goed met eCommerce-websites. Ook geweldig voor bestemmingspagina's waar ze de app of andere producten onmiddellijk kunnen downloaden.
Ook gebruiken veel websites e-mailabonnementen in plaats van knoppen en is het ook een soort CTA. Op deze manier verzamel je gebruikersmails en kun je beginnen met e-mailmarketing. Of stuur het nieuws naar mensen.
Zowel de knop als de e-mailnieuwsbrief zijn een geweldige manier om bezoekers te trekken en producten te verkopen. CTA is dus een must.
Inpakken
Dus om een mooie en boeiende heldensectie te maken, moet je deze stappen overwegen en dienovereenkomstig bouwen. U kunt ook de basisprincipes van het ontwerp leren, die u veel zullen helpen.