Znormalizuj sekcje, panely i otoczenia, aby zapewnić spójny margines
Kontener sekcji (wykazany tło pełnej szerokości, wewnętrzna maksymalna szerokość).
Panel/kontener (podobny do karty, z obramowaniem).
Strip/ ogłoszenie (pełnoekranowe z kompaktnym wypełnieniem)
Użyj tokenów odstępu: 40–64px pionowo (stacjonarne), 24–32px mobilne; panel 20–24px; przestrzenie wewnątrz bloków zgodne z siatką (24px sta, 16px mobilne).
Powierzchownie słabe z niewyraźnym obramowaniem (#e1e8f0) i cieniem-1. Promień 8–12px. W trybie ciemnym powierzchnie #111827 z obramowaniem #1f2937.
Respektuj maksymalną szerokość strony; zachowaj przestronności co najmniej 16px na mobilnym urządzeniu. Pozwól, aby treść rozszerzała się pionowo.
Zachowaj kontrast między powierzchnią a tekstem. Upewnij się, że ramki skupienia są widoczne nad brzegami kontenera.
Podaj właściwą hierarchię nagłówków wewnątrz kontenerów. Wydajność i zaimplementowanie
Często zadawane pytania
Jak mogę znowu wykorzystać komponenty kontenerowe, aby zmniejszyć różnorodność DOM?
Znowu wykorzystaj komponenty kontenerowe, aby zmniejszyć różnorodność DOM. Unikaj wciętych ciężkich cieni. Podaj narzędzia do layoutu dla tokenów marginesów/padding; utrzymuj tokeny maksymalnej szerokości (np., 1200–1280px).
Jakie jest przeznaczenie informacji o prawach autorskich dotyczących użycia AI przez kraje?
© 2024 Użycie AI przez kraje. Komponenty kontenerowe.
Kiedy została ostatnia aktualizacja tego systemu projektowego?
Ostatnia aktualizacja: 2024 | System projektowy
▶ Wypróbuj na żywo
Wszystko powyżej działa bezpośrednio w Twojej przeglądarce — otwórz Hash Function Avalanche Visualizer i zmieniaj parametry podczas działania. Nic nie jest instalowane ani przesyłane na serwer, cały model działa w jednej karcie.