Szyk Web to prosty wizualny przewodnik pokazujący, jak powinna wyglądać strona internetowa. Sugeruje strukturę strony bez użycia grafiki lub tekstu. Szkielet witryny internetowej wyświetliłby całą strukturę witryny - w tym strony, do których prowadzą linki.
Web wireframes to świetny sposób na rozpoczęcie prac projektowych. I choć możliwe jest tworzenie złożonych modeli siatkowych z dużą ilością szczegółów, planowanie można rozpocząć od serwetki i długopisu. Kluczem do stworzenia dobrych szkieletów jest pominięcie wszystkich elementów wizualnych. Użyj pól i linii do przedstawienia obrazów i tekstu.
Co należy umieścić w kracie strony WWW:
- pudełka dla podstawowych elementów graficznych
- umieszczanie nagłówków i pod-głowic
- prosta struktura układu
- wezwania do działania
- bloki tekstu
Jak zbudować prosty szkielet sieciowy
Utwórz szkielet strony internetowej za pomocą dowolnego kawałka papieru, który masz pod ręką. Oto, jak to zrobić:
- Narysuj duży prostokąt - może to reprezentować całą stronę lub tylko widoczną część. Zwykle zaczynam od widocznej części, a następnie rozszerzam ją, aby uwzględnić elementy, które byłyby pod spodem.
- Naszkicuj układ - czy to są 2 kolumny, 3 kolumny?
- Dodaj pole do grafiki nagłówka - Narysuj kolumny, jeśli chcesz, aby był pojedynczym nagłówkiem nad kolumnami lub po prostu dodaj go tam, gdzie chcesz.
- Napisz "Nagłówek", gdzie chcesz umieścić nagłówek H1.
- Napisz "Sub-Head", gdzie chcesz H2 i niższe nagłówki. Pomaga, jeśli robisz je proporcjonalne - h2 mniejsze niż h1, h3 mniejsze niż h2, itd.
- Dodaj pola do innych zdjęć
- Dodaj w nawigacji. Jeśli planujesz zakładki, po prostu rysuj pola i napisz "nawigacja" na górze. Lub umieść listy wypunktowane w kolumnach, w których chcesz nawigować. Nie pisz treści. Wystarczy napisać "nawigacja" lub użyć linii do przedstawienia tekstu.
- Dodaj dodatkowe elementy do strony - określ, czym są tekst, ale nie używaj faktycznego tekstu treści. Na przykład, jeśli chcesz przycisk wezwania do działania w prawym dolnym rogu, umieść tam pole i nadaj mu nazwę "wezwanie do działania". Nie pisz "Kup teraz!" w tym pudełku.
Po napisaniu swojego prostego szkieletu i nie powinno to zająć więcej niż 15 minut, aby je szkicować, pokaż komuś innemu. Zapytaj ich, czy czegoś brakuje, i na inne opinie. Na podstawie tego, co mówią, możesz napisać kolejny szkielet lub zachować ten, który masz.
Dlaczego druty papierowe są najlepsze w przypadku pierwszych szkiców
Chociaż możliwe jest tworzenie szkieletów przy użyciu programów takich jak Visio, podczas początkowych sesji burzy mózgów, należy trzymać się papieru. Papier nie wydaje się być trwały, a wielu ludzi założy, że zrzuciłeś go w 5 minut i nie wahaj się dać ci dobrego odzewu. Ale kiedy używasz programu do tworzenia fantazyjnych krawędzi z doskonałymi kwadratami i kolorami, ryzykujesz, że wpadniesz w sam program i spędzasz całe godziny na doskonaleniu czegoś, co nigdy nie zostanie wprowadzone na rynek.
Papierowe makiety są łatwe do zrobienia. A jeśli ci się nie podoba, po prostu zgniot papier, wyrzuć go do recyklingu i weź nowy arkusz.
