2# Podstrony w Axure | DailyWeb.pl - codziennie o sieci

2# Podstrony w Axure

Opublikowano 3 lata temu - 3


Witaj!
Czas na drugą część kursu. W zeszłym tygodniu pojawił się pierwszy tekst, prezentujący Axure: #1 Poznaj Axure

Dziś krótko, zwięźle i na temat, zadanie mamy następujące: interesuje nas zrobienie linków przenoszących nas pomiędzy głowną, pierwszą stroną i podstroną.

Wpierw usuwam domyślne page nadane na początku nowego pliku i tworzę „dzieci“ strony głównej ( Add  > Child pages).

1

Nasza struktura drzewka powinna wyglądać podobnie do tego:

2

Nazywam narazie wszystko roboczo, edytuję nazwę klikając F2.
Z lewego panelu Widgets wyciągam dwa elementy – Heading  1 oraz Button Shape.

3
Teraz najważniejsze - mojemu przyciskowi nadam nową funkcję - link do storny - uwaga, dzieje się:
4
Zaznaczyłam przycisk, kliknełam w Create link i wybrałam która strona mnie interesuje.
Voila!

5
Jeśli się pomylę, dwuklikiem wszystko naprawiam – zawsze mogę zmienić miejsce dokąd ma mnie nieść link :)
Pamietaj adepcie – jeśli podepniesz jakąś akcję, na elemencie powinna wyświetlić Ci się błyskawica. 6
Dokładnie to samo robię na podstronie, Heading 2 i dwa przyciski – jeden będzie kierował nas na stronę kolejną, a kolejny będzie wracać na stronę główną.

8
Zostaje nam ostatnia strona. Axure jest inteligentnym stworzeniem i można skopiować przycisk z poprzedniej strony, a jego właściwości przeniosą się razem z nim.

9

Jak mówiłam w poprzednim odcinku, można edytować w zasadzie wszystko. W zasadzie wstępnie da się ostylować stronę.
Tu efekt:
10 11 12

Z tyłu wrzuciłam Image (dwukrotny klik pyta nas skąd wziąć zdjęcie), zmieniłam kolor napisów i font na Segoe UI.
To jak, pochwalisz się pracą domową? ;)

Tutorial Axure

Tutaj znajdziesz pozostałe odcinki naszego tutoriala Axure.