Person HTML-mallar

Högpresterande HTML-mallar för personer för webbplatser som visar personer

En personmall är en layout som är byggd kring en person: ett fotografi, ett namn och en roll som anger var den individen passar in. Kataloger under denna rubrik blandar flera saker. Vissa poster är kompletta personliga profiler; andra är ledarskapsavsnitt, teamkort eller kundberättelser.

Fristående profiler kontra teamkort

En sida som ägnas åt en individ och ett kort som upprepas längs en personalsektion är olika jobb, även om båda anländer märkta på samma sätt. Det de delar är en liten uppsättning innehållsgrupper:

• identitet: porträtt, namn och rollen eller titeln som finns under det;
• kontext: en biografi, ett ansvar inom ett företag eller en novell;
• bevis: valt arbete, meriter eller ett citat från någon som anställde dem;
• Nästa steg: kontaktuppgifter, sociala länkar eller en knapp som startar en konversation.

En fristående profil kan hantera alla fyra i följd. Ett kort inuti ett rutnät får vanligtvis en identitet plus en rad kontext, och resten väntar bakom en länk. Mallar som hanterar båda gör att ett kort öppnas i en mer fullständig layout utan en andra design.

Vem som är avbildad ändrar prioriteten

En chefsprofil och en fotografs portfolio drar i motsatta riktningar. Den första vill att namn, titel och företag ska vara läsliga i första sekunden, med ett formellt porträtt som håller sig ur vägen för texten. Den andra kan krympa porträttet till ett hörn och ge skärmen till arbetet, eftersom bilderna är argumentet.

Mellan dessa ligger de vanliga fallen. En klinik med fyrtio anställda behöver kort som är konsekventa, och ett företag publicerar grundarbiografier av väldigt ojämn längd. Konsekvensen bryts först här. En person skriver fyra meningar, en annan skriver tolv, och ett kort designat kring fyra kommer att tillkännage det.

Porträtt och biografier på en telefon

Personlayouter misslyckas på små skärmar på förutsägbara platser. Ett porträtt i storlek för en datorhjälte sväljer den första vyn, och ett namn kan glida från sin titel när kolumner kollapsar. Långa biografier trycker kontaktlänkar under den punkt där någon scrollar.

Nicepages responsiva lägen låter dig öppna samma layout i dator-, surfplatte- och telefonvyer. Dokumentationen för responsiva lägen förklarar hur varje vy justeras, där porträttet och biografin med två kolumner kontrolleras när de hopfälls till en.

Frågan som är värd att ställa sig innan den visuella är hur många ansikten layouten har och hur mycket var och en har att säga. En enda lång biografi och en katalog med trettio korta finns sällan i samma mall, och att välja fel kostar mer redigering än den sparade nedladdningen.