Przejdź do treści

Dla design engineers

Podjęcie decyzji projektowych przed pierwszym projektem.

Polerowany interfejs zaczyna się od konkretnych wyborów. Zdefiniuj układ, język wizualny i zachowanie stanu, aby twój budowniczy miał coś konkretnego do naśladowania.

Zobacz przepływ pracy
Przykład brief3 decyzje

Projekt

Przestrzeń pracy dla spokojnej analityki

  • Użyj kompaktowego paska bocznego i czytelnej szerokości treści
  • Zachować typ, odstępy i wybór kolorów spójny
  • Zaprojektuj puste, ładowanie i błędy razem

Punktem wyjścia do przystosowania się do projektu.

Zacznij od

Wizualny kierunek, który trudno opisać

Zostaw

Projekt, CSS żetony i matryca stanowa

Praktyczne przejście.

Trzy kroki · Darmowe narzędzia · Brak rejestracji

  1. 01

    Zamień kierunek w skrót od projektu

    Wybierz układ i szczegóły wizualne celowo. Eksportuj interfejs użytkownika prompt oraz CSS które opisują interfejs, którego naprawdę chcesz.

    Kreator promptów interfejsu
  2. 02

    Udziel powtarzającym się decyzjom wspólnej wartości

    Zbuduj zestaw CSS żetony dla kierunku projektowania. Przed wprowadzeniem nowych wartości należy dokonać ich przeglądu pod kątem istniejącego systemu projektowego.

    Generator tokenów projektowych
  3. 03

    Projekt poza ekranem zaludnionym

    Określić, jak każda część interfejsu użytkownika zachowuje się podczas ładowania, gdy jest pusta, a gdy żądanie nie jest skuteczne. Uwzględnienie tych państw w sprawozdaniu z realizacji.

    Generator macierzy stanów interfejsu

Kilka szczegółów.

Zanim zaczniesz.

Czy mogę skorzystać z istniejącego systemu projektowania?

Tak. Użyj obecnych komponentów i żetonów jako punktu wyjścia. Narzędzia te tworzą edytowalne skróty i CSS; nie zastępują ani nie instalują biblioteki składowej.

Mogę sprawdzić kontrast i rozmiar?

Tak. W katalogu darmowych narzędzi znajduje się kontroler kontrastu kolorów, plac zabaw na skalę typograficzną i reagujący konstruktor układu.

Czy Interfejs prompt Budowniczy stworzył obraz?

Nie. To przypomina tekst zwięzły i CSS od twoich wyborów. Skopiuj wyjście do swojego budowniczego lub podziel się nim jako wskazówką dotyczącą wdrażania.

Trzymaj kontekst projektu blisko.

Używaj darmowych narzędzi na własną rękę, lub wprowadź swoje streszczenie do Archly do przygotowania prompty dla twojego budowniczego sztucznej inteligencji.

Zbadaj Archly