Mozaika Projekty witryn internetowych
Dla studiów, fotografów i marek wizualnych, witryna mozaikowa potrzebuje rozpoznawalnych reguł, a nie osobnej siatki na każdej stronie. Powtarzalne proporcje kafelków, typografia i relacje kolorystyczne utrzymują zróżnicowaną treść w ramach jednego, spójnego języka projektowania.
Więcej Projekty witryn internetowych z kategorii Sztuki projektowania
-
Darmowe oprogramowanie do tworzenia witryn internetowychŚciągnij
Inny Sztuki projektowania Projekty witryn internetowych
Kompletna strona internetowa z nowoczesnym, mozaikowym projektem
Strona internetowa agencji projektowej rzadko ogranicza się do jednego ekranu. Zawiera stronę główną, listę prac i podstronę dla każdego przypadku. Sekcje „O mnie” i „Kontakt” znajdują się za tą samą nawigacją. Mozaikowy projekt strony internetowej to element, który spaja te elementy: jedna skala czcionek, jedna paleta barw, jeden sposób prezentacji obrazów od punktu wejścia do najgłębszej sekcji.
Style globalne, które przemieszczają się między stronami
Odwiedzanie identycznych stron byłoby męczące, dlatego powtarzalność tkwi w stylach, a układy pozostają swobodne. To, co rozpoznają odwiedzający, jest ustalane raz, na poziomie witryny.
System projektowania mozaikowego zazwyczaj reguluje kilka kwestii w całej witrynie:
- nagłówki, tekst główny i informacje o autorach zaczerpnięte z jednej skali czcionek
- paletę, która pojawia się w tłach, przyciskach i nakładkach graficznych
- proporcje i odstępy, które pojawiają się ponownie w każdym wpisie
- jeden wspólny sposób obsługi głównej akcji, od „Uzyskaj wycenę” do „Kontakt”
Nicepage przechowuje tę warstwę w Ustawieniach motywu, gdzie czcionki i kolory są definiowane dla całej witryny. Nagłówek i stopka znajdują się w tym samym miejscu, więc wprowadzona raz zmiana jest widoczna wszędzie.
Ze strony głównej do głębszych sekcji
Odwiedzający rzadko zatrzymują się na stronie głównej. Droga zazwyczaj prowadzi do wpisu, następnie do jednej sprawy, a następnie do kontaktów, a witryna wydaje się spójna, gdy każdy krok wygląda jak kontynuacja poprzedniego.
Agencja może zachować najgęstszy układ przy wejściu i pozwolić, aby sekcje wewnętrzne pozostały spokojne. Strona fotograficzna często robi odwrotnie, zachowując największe zdjęcia dla głębszych sekcji. Prezentacja produktu może umieścić mozaikę na ekranach kategorii i przejść do prostych rzędów, gdzie istotne są ceny.
Kompletne projekty stron internetowych łatwiej oceniać jako całość. Strona główna prezentuje charakter, a sekcje wewnętrzne pokazują, czy zachowuje on dłuższy tekst i mniejsze obrazy.
Nagłówek, stopka i stabilna nawigacja
Nawigacja ma tu większe znaczenie, ponieważ większość ruchu odbywa się poprzez klikanie obrazów. Menu pozostaje w tym samym miejscu, a stopka powtarza główne sekcje, dzięki czemu dalsze działania pozostają przewidywalne.
Powtarzające się elementy spajają resztę. Styl karty zdefiniowany raz pojawia się w liście prac, w elementach powiązanych i w bloku wiadomości, a wszystkie one czytają się jak jedna rodzina.
Gęstość to element, który zmienia się między sekcjami. Strona główna może być zatłoczona, strona usług może być prawie pusta, a różnica nadal wygląda jak pojedynczy projekt, z typografią, odstępami i obróbką obrazów.
Późniejsze dodatki podlegają tym samym zasadom. Nowe studium przypadku, nowa usługa lub sezonowa sekcja lądowania dziedziczą nagłówek, skalę czcionki i proporcje ustalone na początku.



















































