Osoba Szablony HTML

Wydajne szablony HTML osób dla stron prezentujących sylwetki i zespoły

Szablon osoby to układ skoncentrowany wokół jednego człowieka: zdjęcia, nazwiska i roli określającej jego miejsce. Katalogi w tej kategorii łączą różne formaty. Niektóre pozycje to pełne profile osobiste, inne to sekcje kadry zarządzającej, wizytówki zespołu lub historie klientów.

Samodzielne profile a karty członków zespołu

Strona poświęcona jednej osobie i powtarzana karta w sekcji zespołu to zupełnie inne zadania, choć bywają oznaczane w ten sam sposób. Łączy je ten sam zestaw grup treści:

• tożsamość: zdjęcie portretowe, imię i nazwisko oraz stanowisko lub tytuł znajdujący się poniżej;
• kontekst: biogram, zakres obowiązków w organizacji lub krótka historia;
• potwierdzenie: wybrane realizacje, referencje lub opinia zleceniodawcy;
• kolejny krok: dane kontaktowe, linki do profili społecznościowych lub przycisk rozpoczynający kontakt.

Samodzielny profil może zaprezentować wszystkie cztery elementy w logicznej kolejności. Karta w siatce mieści zwykle tożsamość i jedno zdanie kontekstu, podczas gdy reszta kryje się pod odnośnikiem. Szablony obsługujące oba warianty pozwalają na rozwinięcie karty w pełniejszy układ bez konieczności tworzenia drugiego projektu.

Tożsamość prezentowanej osoby zmienia priorytety

Profil kadry zarządzającej i portfolio fotografa mają zupełnie inne cele. W pierwszym nazwisko, tytuł i firma muszą być czytelne od pierwszej sekundy, a formalny portret nie może przeszkadzać w odbiorze tekstu. W drugim zdjęcie autora można zmniejszyć do rogu strony i oddać ekran pracom, bo to obrazy stanowią główny argument.

Pomiędzy nimi znajdują się typowe przypadki. Przychodnia prezentująca czterdziestu pracowników potrzebuje jednakowych kart, podczas gdy firma publikuje biogramy założycieli o skrajnie różnej długości. To tutaj spójność ulega zachwianiu w pierwszej kolejności. Jeśli jedna osoba przygotuje cztery zdania, a inna dwanaście, karta zaplanowana na cztery natychmiast to uwypukli.

Portrety i biogramy na ekranie telefonu

Układy prezentujące ludzi zawodzą na małych ekranach w przewidywalnych miejscach. Portret dopasowany do sekcji hero na komputerze zdominuje cały pierwszy widok, a nazwisko może oddalić się od stanowiska po przejściu kolumn w układ pionowy. Długie biogramy spychają odnośniki do kontaktu poniżej granicy przewijania.

Tryby responsywne Nicepage umożliwiają podgląd tego samego układu w widokach dla komputerów, tabletów i telefonów. Dokumentacja trybów responsywnych wyjaśnia, jak dostosować każdy widok i jak sprawdzić układ dwukolumnowy z portretem i biogramem po zwinięciu do pojedynczej kolumny.

Zanim przejdzie się do warstwy wizualnej, warto ustalić, ile postaci ma pomieścić układ i ile tekstu przypada na każdą z nich. Pojedyncza, długa biografia i katalog trzydziestu zwięzłych wpisów rzadko sprawdzają się w tym samym szablonie, a wybór niewłaściwego generuje więcej pracy przy edycji, niż wyniosła oszczędność na pobraniu.