Tworzenie diagramu szkieletowego na potrzeby interfejsów użytkownika

Tworzenie diagramu szkieletowego na potrzeby interfejsów użytkownika

Szablon szkieletowy w programach Visio Professional i Visio (plan 2) został zaprojektowany do tworzenia makietów aplikacji o średniej wierności odwzorowania. Ten szablon może być używany dla szerokiej gamy typów oprogramowania, takich jak aplikacje dla Windows, Internetu i urządzeń przenośnych.

  1. Zacznij od kliknięcia wzornika Okna dialogowe i przeciągnięcie formularza aplikacji lub okna dialogowego na stronę. Dodaj inne kształty z tego wzornika, aby nakreślić podstawową strukturę interfejsu użytkownika.

  2. Kliknij wzornik Paski narzędzi, aby dodać menu i inne ikony aplikacji.

  3. Użyj kształtów z czterech pozostałych wzornikówdomyślnych (kontrolki, kursory, wspólne ikony oraz ikony stron internetowych i multimediów), aby wypełnić interfejs użytkownika i pokazać funkcje aplikacji.

Niektóre kształty szkieletów mają właściwości, które można dostosowywać. Oto kilka porad dotyczących używania tych kształtów.

Co chcesz zrobić?

Tworzenie okien dialogowych

Kształt

Porady

Formularz aplikacji

Kontener, który nadaje granice całej aplikacji. Punkt połączenia w prawym górnym rogu zawiera Windows kształtów przycisków.

Formularz okna dialogowego

Kontener do przechowywania ikon, kontrolek i tekstu dla okien dialogowych. Punkt połączenia w prawym górnym rogu zawiera Windows kształtów przycisków.

Windows przycisku

Wybierz przycisk, który chcesz reprezentować przy użyciu tego kształtu: Zamknij, Maksymalizuj, Minimalizuj lub Przywróć (przyciski, które zwykle znajdują się w prawym górnym rogu aplikacji i formularzy dialogowych). Możesz wybrać przycisk, który ma być wybierany po upuszczeeniu kształtu w formularzu, a także kliknąć kształt prawym przyciskiem myszy i kliknąć polecenie Typ przycisku, aby później go zmienić.

Zmień cieniowanie przycisku, klikając prawym przyciskiem myszy kształt, a następnie klikając polecenie Pokaż aktywne.

Pasek stanu

Kontener elementów paska stanu, ikon i podziałów. Elementy paska stanu to paski o średniej długości, do których można dodać tekst, klikając dwukrotnie. Mają również środkowy punkt połączenia umożliwiający dodanie ikony, paska postępu, suwaka lub innego kształtu. Ikony paska stanu to krótkie paski z środkowym punktem połączenia, na który można upuszczać ikony z ikon Typowych ikon lub Ikon sieci Web i multimediów. Aby widoczne działy były widoczne, można upuszczać podziały paska stanu między inne kształty.

Pasek przewijania

Kliknij prawym przyciskiem myszy, aby określić wartość pionową lub poziomą i ustawić długość suwaka (długość kciuka). Użyj żółtego uchwytu sterującego, aby przesuwać suwak wzdłuż długości paska przewijania.

Zmienianie rozmiaru uchwytu

Można używać tylko pasków przewijania i pasków stanu. Zostanie wyświetlone okno dialogowe, aby można było ustawić typ po upuszczeniu na stronie.

Tabulator

Kontener elementów karty. Po dodaniu elementu karty Górna lub Dolna możesz dodać więcej, klikając prawym przyciskiem myszy element karty lub klikając niebieską strzałkę Wstaw wyświetloną z pomarańczowym wyróżnieniem po zatrzymaniu wskaźnika myszy na rogu karty.

Aby zmienić cieniowanie karty, kliknij prawym przyciskiem myszy kształt, a następnie kliknij polecenie Ustaw aktywną kartę.

Po wybraniu paska kart można zmienić styl paska kart za pomocą karty Formatowanie w obszarze Narzędzia kontenerów.

Początek strony

Tworzenie pasków narzędzi

Kształt

Porady

Pasek menu

Kontener elementów paska menu. Po dodaniu elementu paska menu kliknij prawym przyciskiem myszy element, aby ustawić stan (na przykład włączony lub zaznaczony), typ (normalny lub rozwijany) oraz czy dodać miejsce na ikonę. Możesz także użyć menu skrótów, aby dodać więcej elementów paska menu, lub kliknąć niebieską strzałkę Wstaw.

Menu rozwijane

Kontener elementów menu. Po dodaniu elementu menu kliknij prawym przyciskiem myszy element, aby ustawić stan (taki jak włączony lub zaznaczony), typ (na przykład normalny lub radiowy) i określić, czy ma on być ustawiony na szerokość menu. Możesz również użyć menu skrótów, aby dodać więcej elementów menu, lub kliknąć niebieską strzałkę Wstaw.

Możesz połączyć menu rozwijane z elementem paska menu, aby wyświetlić otwarte menu. Elementy paska menu mają punkty połączeń w dolnym rogu, które można połączyć z górnym rogiem menu rozwijanego.

Początek strony

Dodawanie kontrolek do formularzy

Kształt

Porady

Hiperlink

Gdy upuścisz kształt Hiperlink na stronie, zostanie wyświetlone okno dialogowe Hiperlinki, aby ustawić miejsce docelowe linku.

Obraz przycisku

Kliknij prawym przyciskiem myszy kształt Przycisk, aby ustawić stan lub wygląd przycisku (na przykład włączony lub zaznaczony).

Pole listy

Kontener elementów pola listy. Kliknij prawym przyciskiem myszy pole Lista, aby ustawić kierunek listy (na przykład od góry do dołu lub od lewej do prawej). Po dodaniu elementu pola listy kliknij prawym przyciskiem myszy element, aby ustawić stan (taki jak włączony lub zaznaczony) i aby ustawić symbole zastępcze, jeśli chcesz dodać do elementu dodatkowe miejsce, na przykład w celu dodania ikony. Możesz również użyć menu skrótów, aby dodać więcej elementów pola listy, lub kliknąć niebieską strzałkę Wstaw.

Jeśli pole Lista jest zaznaczone, możesz zmienić styl pola listy za pomocą karty Formatowanie w obszarze Narzędzia kontenerów.

Pole wyboru

Kliknij prawym przyciskiem myszy pole wyboru, aby ustawić dla opcji Wybór (na przykład Wybrane lub Niewybrane)i Stan (na przykład Włączony lub Przy aktywowaniu).

Kontrolka drzewa

Kontener na elementy kontrolki drzewa. Po dodaniu elementu kontrolki drzewa kliknij prawym przyciskiem myszy element, aby sterować wcięciami, i ustaw właściwości drzewa, takie jak stan rozwinięty lub zwinięty i spacje zastępcze.

Możesz także użyć menu skrótów, aby dodać więcej elementów kontrolki drzewa, lub kliknąć niebieską strzałkę Wstaw.

Jeśli jest zaznaczona kontrolka Drzewo, możesz zmienić styl kontrolki Drzewo za pomocą karty Formatowanie w obszarze Narzędzia kontenerów.

Ikona suwaka poczty głosowej

Kliknij prawym przyciskiem myszy suwak, aby ustawić właściwości, takie jak liczba i położenie znaczników osi. Użyj żółtego uchwytu sterującego, aby przesunąć suwak.

Pasek postępu

Użyj żółtego uchwytu sterującego, aby przenieść wskaźnik postępu.

Kalendarz

Gdy upuścisz Kalendarz na stronie, zostanie wyświetlone okno dialogowe, w którym możesz ustawić miesiąc i rok. Aby później zmienić to ustawienie, kliknij prawym przyciskiem myszy kształt, a następnie kliknij polecenie Konfiguruj.

Początek strony

Potrzebna dalsza pomoc?

Rozwijaj umiejętności związane z pakietem Office
Poznaj szkolenia
Uzyskuj nowe funkcje w pierwszej kolejności
Dołącz do niejawnych testerów pakietu Office

Czy te informacje były pomocne?

×