Inspiratie HTML-sjablonen

Aanpasbare Inspiratie HTML-sjablonen voor visuele en creatieve projecten

Een Inspiratie HTML-sjabloon wordt geleverd als een kant-en-klare HTML-pagina, waarbij secties, afbeeldingsblokken en de volgorde van de inhoud al op hun plaats staan voordat u zelf iets toevoegt. Inspiratie is een breed begrip in deze categorie, en fotoprojecten, creatieve portfolio's en reisverhalen maken vaak gebruik van dezelfde lay-out. Het meeste werk bestaat uit het bewerken van wat er al staat, en de geëxporteerde bestanden blijven toegankelijk voor directe wijzigingen wanneer de pagina moet worden ingepast in een bestaand project.

Stem de HTML-lay-out af op uw inhoud

Beeldgerichte projecten en portfolio's hebben verschillende blokken nodig. Een galerij voor interieur of mode werkt goed met brede afbeeldingen en korte bijschriften, terwijl een portfolio prettiger leest wanneer elk project in hetzelfde herhaalbare blok staat. Lay-outs in deze categorie combineren vaak enkele herkenbare patronen:

• een brede, beeldgerichte openingssectie;
• herhaalbare project- of galerijblokken;
• rijen met beeld en tekst voor collecties;
• redactionele secties voor langere verhalen.

Als het merendeel van uw materiaal visueel is, begin dan met een sjabloon waarin afbeeldingen al de volledige breedte beslaan, aangezien dat achteraf het lastigst toe te voegen is. Grid-lay-outs zijn ideaal voor collecties van projecten of referenties waarbij elk item hetzelfde blok vereist.

Het Nicepage Grid-element groepeert afbeeldingen, tekst en links in consistente cellen, zodat herhaalde blokken netjes uitgelijnd blijven naarmate de pagina groeit. De Grid Element-documentatie beschrijft hoe deze cellen zich gedragen.

Een kant-en-klare paginastructuur aanpassen

De volgorde van de secties in een sjabloon is een uitgangspunt. Blokken kunnen worden verplaatst, gedupliceerd of verwijderd naarmate het project vorm krijgt, en de pagina blijft na elke wijziging naar behoren functioneren.

Een ontwerper kan bijvoorbeeld een galeriegerichte lay-out openen, de demobeelden vervangen door een voltooide fotoshoot en de inleidende tekst onder de eerste galerij plaatsen. Vervolgens kunt u dezelfde pagina toevoegen aan een bestaande site. De demografie in deze sjablonen is meestal sterker dan de afbeeldingen die ervoor in de plaats komen; beoordeel daarom vooral de blokformaten en de tussenruimte.

Kies de structuur die het grootste deel van uw materiaal al kan bevatten, want elk blok dat u opnieuw moet opbouwen kost meer tijd dan de blokken die u behoudt.

Houd visuele inspiratie overzichtelijk op elk scherm

Beeldgerichte pagina's merken een verandering in breedte sterker dan tekstpagina's. Grote foto's, projectgrids en rijen met afbeeldingen en tekst moeten in balans blijven wanneer meerdere kolommen samenvallen tot één enkele kolom.

Met de responsieve modi van Nicepage kunt u dezelfde lay-out controleren van grote beeldschermen tot mobiele telefoons. Let op hoe beelduitsneden, het aantal kolommen en de volgorde van de blokken veranderen op een smal scherm. Een galerij met drie kolommen die er op een desktop rustig uitziet, leest op een telefoon vaak beter als één verticale reeks. Bepaal die volgorde dus voordat u de definitieve afbeeldingen toevoegt.