Jak zaprojektować efektywny układ bazy
  • 31 Oct 2023
  • 1 Minuta do przeczytania
  • Współtwórcy

Jak zaprojektować efektywny układ bazy


Streszczenie artykułu

Przegląd

:::(Info) (UWAGA) Przed przeczytaniem tego artykułu upewnij się, że zapoznałeś się z"Jak używać układu podstawowego" :::

Układ podstawowy jest sercem formatowania aplikacji. Prawidłowe formatowanie układu bazowego usprawni rozwój każdego kroku.

Jak zaprojektować efektywny układ podstawowy

Podczas projektowania aplikacji, jedną z pierwszych rzeczy, które należy zrobić, to zdecydować, jak będzie wyglądał układ podstawowy.

Układ bazowy to projekt, który jest stosowany do każdego kroku w aplikacji. Wszelkie widżety dodane do układu podstawowego są domyślnie obecne we wszystkich kolejnych krokach.

Dostęp do układu podstawowego można uzyskać w lewym dolnym rogu edytora aplikacji.

:::(Info) (UWAGA) Jeśli do układu podstawowego zostaną dodane wyzwalacze, będą one miały zastosowanie do wszystkich kroków w aplikacji, jednak nie będzie można uzyskać do nich dostępu z żadnego kroku innego niż układ podstawowy :::

Ponieważ układ podstawowy jest szablonem dla pozostałych kroków w aplikacji, sensowne jest rozmieszczenie widżetów układu podstawowego na obrzeżach kroku.

Poniższe kroki opisują tworzenie przykładowego układu podstawowego i dają wyobrażenie o tym, jak zaprojektować własny.

  1. Zdecyduj, które widżety będą potrzebne na każdym (lub prawie każdym) kroku.

Niektóre rozsądne przykłady to: przyciski przechodzące do następnego lub poprzedniego kroku, logo firmy i licznik czasu, aby śledzić, jak długo operator spędza na każdym kroku.
2. Zdecyduj, gdzie powinny zostać umieszczone widżety układu podstawowego.

Dobrym punktem wyjścia jest utworzenie nagłówka i/lub stopki dla aplikacji. Poniżej możesz zobaczyć wizualny układ nagłówka i stopki skonstruowany przy użyciu prostokątów, przycisków, tekstu i przesłanego obrazu.

  1. Pozostaw dużo miejsca na nową zawartość na każdym kroku.

Widżety w układzie podstawowym powinny być rozmieszczone w taki sposób, aby zapewnić maksymalny obszar wizualny na środku kroku.

  1. Zwróć uwagę, które widżety chcesz lub musisz odblokować z układu podstawowego.

Podczas projektowania układu podstawowego ważne jest, aby pamiętać, które widżety należy odblokować w określonych krokach. Postaraj się wizualnie oddzielić te widżety od innych aspektów układu podstawowego, aby stworzyć mniej drastyczne przejścia.
2. Rozważ rozszerzalność projektu układu podstawowego.

Na koniec należy rozważyć rozszerzalność projektu. W powyższej przykładowej aplikacji przycisk Menu może zajmować większość szerokości stopki; jednak pozostawiłoby to wiele pracy przy przeprojektowywaniu, jeśli zdecydujesz się dodać kolejny widżet. Pozostawiając miejsce na dodatkowe widżety, zmniejszasz potrzebę rekonfiguracji istniejących w przyszłości.


Czy znalazłeś to, czego szukałeś?

Możesz również udać się na stronę community.tulip.co, aby opublikować swoje pytanie lub sprawdzić, czy inni mieli do czynienia z podobnym pytaniem!


Czy ten artykuł był pomocny?