Łukasz Fedorowicz. 5 zasad tworzenia skutecznej strony internetowej to nie budowa rakiet!

Wielkość: px

Rozpocząć pokaz od strony:

Download "Łukasz Fedorowicz. 5 zasad tworzenia skutecznej strony internetowej to nie budowa rakiet!"

Paweł Bukowski
8 lat temu
Przeglądów:

1 Łukasz Fedorowicz 5 zasad tworzenia skutecznej strony internetowej to nie budowa rakiet!

2 Skuteczność wynika z jasnego celu. Co chcesz osiągnąć? Przykładowe cele: Kliknięcia w reklamy Kontakt z działem handlowym Zapoznanie z artykułem Udostępnianie na facebooku

3 Poznaj zasady 1. Hierarchia: co jest najważniejsze? 2. Przestrzeń: pozwól na oddech 3. Czytelność tekstu: niech będzie zrozumiały 4. Obrazki: zilustruj to, o czym piszesz 5. Interakcje: wyróżnij aktywne linki

4 1. Hierarchia: Co jest najważniejsze? Zrób listę tego, co ma być na stronie. Które elementy są ważniejsze od innych? Wyraźnie oddziel nagłówki i sekcje. Naszkicuj to (stwórz makietę).

5 1. Hierarchia: Co jest najważniejsze? Brak wyraźnej hierarchii:

6 1. Hierarchia: Co jest najważniejsze? Wyraźna hierarchia wizualna:

7 1. Hierarchia: Co jest najważniejsze? Przykład makiety (szkicu strony)

8 2. Przestrzeń: Pozwól na oddech Odstępy pomiędzy elementami Marginesy Równowaga Puste miejsce to wartościowe miejsce

9 2. Przestrzeń: Pozwól na oddech Za ciasno!

10 2. Przestrzeń: Pozwól na oddech Ufff, lepiej

11 3. Czytelność tekstu: Nadaj blokom tekstu przejrzystą formę Zacznij od szerokości akapitu: około 60 znaków. Tutaj jest za szeroko:

12 3. Czytelność tekstu: Nadaj blokom tekstu przejrzystą formę Zacznij od szerokości akapitu: około 60 znaków. Tutaj czyta się dobrze:

13 3. Czytelność tekstu: Nadaj blokom tekstu przejrzystą formę Dobierz interlinię ( wielkości znaku) Za ciasno Wygodnie

14 3. Czytelność tekstu: Nadaj blokom tekstu przejrzystą formę Sprawdź fonty w przeglądarce

15 3. Czytelność tekstu: Nadaj blokom tekstu przejrzystą formę Sprawdź fonty w przeglądarce

16 3. Czytelność tekstu: Nadaj blokom tekstu przejrzystą formę Sprawdź fonty w przeglądarce

17 3. Czytelność tekstu: Nadaj blokom tekstu przejrzystą formę Sprawdź fonty w przeglądarce

18 4. Obrazki: zilustruj to, o czym piszesz Po co używać obrazków?

19 4. Obrazki: zilustruj to, o czym piszesz Skąd wziąć darmowe zdjęcia? Pomocne linki od Jacka Kłosińskiego: klosinski.net/banki-z-darmowymi-zdjeciami

20 4. Obrazki: zilustruj to, o czym piszesz Niech obrazki wspomagają treść:

21 5. Interakcje: wyróżnij aktywne linki Za małe wyróżnienie:

22 5. Interakcje: wyróżnij aktywne linki Dobre wyróżnienie:

23 5. Interakcje: wyróżnij aktywne linki Pozwól mi zauważyć zmianę (reakcja na kursor)

24 Pytania? Chętnie odpowiem!

25 Dziękuję!

Podobne dokumenty

Jak założyć stronę na blogu?

Jak założyć stronę na blogu? lewej stronie widzisz menu: 1. Po zalogowaniu na blog znajdziesz się w panelu administracyjnym. Po 2. Klikasz Strony, a następnie Dodaj nową i otwiera się taki ekran: 1 3.