Osoba Szablony HTML

Wydajne szablony HTML dla osób na stronach prezentujących osoby

Szablon osoby to układ zbudowany wokół jednej osoby: zdjęcia, imienia i nazwiska oraz roli, który wskazuje, gdzie dana osoba się wpisuje. Katalogi pod tym nagłówkiem łączą kilka elementów. Niektóre wpisy to kompletne profile osobiste; inne to sekcje dotyczące przywództwa, karty zespołu lub historie klientów.

Profile samodzielne a karty zespołu

Strona poświęcona jednej osobie i karta powtarzana w sekcji personelu to różne stanowiska, choć oba są oznaczone w ten sam sposób. Łączy je niewielki zestaw grup treści:

• tożsamość: portret, imię i nazwisko oraz funkcja lub tytuł pod nim;

• kontekst: biografia, zakres obowiązków w firmie lub opowiadanie;

• dowód: wybrane stanowisko, referencje lub cytat od osoby, która ją zatrudniła;

• Następny krok: dane kontaktowe, linki społecznościowe lub przycisk rozpoczynający rozmowę.

Profil samodzielny może zawierać wszystkie cztery elementy po kolei. Karta w siatce zazwyczaj zawiera identyfikator i jedną linię kontekstu, a reszta czeka za linkiem. Szablony obsługujące oba elementy pozwalają na otwarcie karty w pełniejszym układzie bez konieczności tworzenia drugiego projektu.

To, kto jest na zdjęciu, zmienia priorytet

Profil dyrektora i portfolio fotografa idą w przeciwnych kierunkach. Pierwszy wymaga, aby nazwisko, stanowisko i firma były czytelne w pierwszej sekundzie, a formalny portret nie zasłaniał tekstu. Drugi może zmniejszyć portret do rogu i umieścić go na ekranie, ponieważ zdjęcia są argumentem.

Pomiędzy tymi przypadkami znajdują się typowe przypadki. Klinika z listą czterdziestu pracowników potrzebuje spójnych wizytówek, a firma publikuje biografie założycieli o bardzo nierównej długości. Spójność zostaje tu na pierwszym miejscu. Jedna osoba pisze cztery zdania, inna dwanaście, a wizytówka zaprojektowana z myślą o czterech zdaniach to zasygnalizuje.

Portrety i biografie na telefonie

Układy osób nie sprawdzają się na małych ekranach w przewidywalnych miejscach. Portret dostosowany do pulpitu zajmuje niewiele miejsca, a imię i nazwisko mogą znikać z tytułu po zwinięciu kolumn. Długie biografie umieszczają linki kontaktowe poniżej miejsca, w którym przewija się strona.

Tryby responsywne Nicepage pozwalają na otwieranie tego samego układu w widokach na komputerze, tablecie i telefonie. Dokumentacja trybów responsywnych wyjaśnia, jak dostosowywany jest każdy widok, gdzie dwukolumnowy portret i biografia są sprawdzane w momencie zwinięcia w jedną.

Pytanie, które warto zadać przed pytaniem wizualnym, brzmi: ile twarzy zawiera układ i ile każda z nich ma do powiedzenia. Jedna długa biografia i katalog trzydziestu krótkich biografii rzadko znajdują się w tym samym szablonie, a wybór niewłaściwej opcji kosztuje więcej edycji niż zaoszczędzone pobieranie.