Przejdź do treści
memberarea memberarea.io

Projekt i wygląd

Nadaj platformie swoją markę: logo, favicon, kolory trybu jasnego i ciemnego, czcionka, nawigacja, strona logowania i ekran ładowania.

W tym artykule

Wygląd decyduje o tym, jak wygląda Twoja platforma: logo, kolory, czcionka i położenie nawigacji. Platforma w Twojej własnej marce sprawia wrażenie Twojego produktu, a nie wynajętego narzędzia, i członkowie rozpoznają ją na pierwszy rzut oka.

Otwórz ustawienia wyglądu

Aby zapisywać tu zmiany, Twoja rola potrzebuje uprawnienia Zarządzaj wyglądem platformy oprócz dostępu do Ustawień. Właściciel i Admin mają oba. Karta Społeczność jest wyjątkiem, zobacz niżej.

Przegląd ustawień

Karty

Wygląd dzieli się na Branding, Układ, Logowanie i rejestracja, Ekran ładowania, Społeczność, Kursy i Odtwarzacz wideo. Pierwsze dwie kształtują całą platformę; pozostałe nadają styl po jednym obszarze.

Logo i favicon

W Branding pola Logo i Favicon przyjmują po dwa obrazy: jeden dla Tryb jasny i jeden dla Tryb ciemny. Kliknij kafelek, aby wybrać obraz z biblioteki multimediów.

Karta Branding z logo, faviconem i paletami kolorów dla trybu jasnego i ciemnego obok podglądu na żywo.
Karta Branding z logo, faviconem i paletami kolorów dla trybu jasnego i ciemnego obok podglądu na żywo.
  • Logo najlepiej sprawdza się jako SVG lub PNG w proporcjach 5:1, najlepiej 1000 x 200 px.
  • Favicon najlepiej sprawdza się jako SVG lub PNG w proporcjach 1:1, najlepiej 512 x 512 px.

Favicon to mała ikona na karcie przeglądarki i znak na ekranie ładowania. Logo dla Tryb jasny jest też logo Twoich e-maili systemowych, dopóki nie ustawisz dla nich osobnego.

Kolory trybu jasnego i ciemnego

Kolor zawiera cztery kolory dla każdego trybu: Podstawowy, Tekst, Wyróżnienie i Tło. Każdy to sześciocyfrowa wartość szesnastkowa, na przykład #0084FF.

Gdy zmienisz kolor podstawowy, podpowiedź proponuje Dopasuj tło do koloru głównego. Zastosuj dodaje 2% koloru podstawowego do tła strony, więc nabiera ono delikatnego odcienia Twojej marki. Zamknij zostawia tło bez zmian.

Dlaczego liczą się obie palety

Każda osoba sama przełącza tryb jasny i ciemny opcją Tryb ciemny w menu swojego konta. Nowe konta startują w trybie jasnym. Nie możesz wybrać trybu za członków, więc sprawdź, czy logo, tekst i tło są czytelne w obu. Przycisk Tryb jasny/ciemny nad podglądem przełącza go dla Ciebie w trakcie pracy.

Czcionka i awatary

Typografia ustawia jedną rodzinę czcionek dla całej platformy. Szukaj czcionek filtruje listę, a każda pozycja pokazuje przykładową linię w tej czcionce. Domyślnie platforma używa czcionki Roboto.

Awatary członków określa kształt zdjęć profilowych wszędzie: Okrągły lub Kwadrat.

Układ

Układ steruje ramą wokół każdej strony.

  • Pozycja nawigacji: Panel boczny (lewy) to klasyczne pionowe menu, Nagłówek umieszcza menu u góry z treścią na pełną szerokość, a Górne mega menu pokazuje u góry pasek meta z menu głównym jako mega menu pod spodem.
  • Panel boczny pojawia się tylko przy Panel boczny (lewy) i oferuje Jasny, Ciemny, Szkło i Akcent.
  • Nagłówek jest albo Animowane, czyli kolorowym pasem z powoli dryfującymi kształtami, albo Prosty, czyli zwykłym paskiem na tle strony.
  • Styl karty określa, jak mocno karty odcinają się od tła: Ryczałt, Domyślny lub Podwyższony.
  • Narożniki zaokrągla przyciski i ramki w pięciu stopniach od Brak do Okrągły.
  • Odcień szkła i Rozmycie szkła sterują matowymi szklanymi powierzchniami, takimi jak nagłówki, panele wysuwane i listy rozwijane: jak bardzo są nieprzezroczyste i jak mocno rozmywają to, co leży za nimi.
Karta Układ z pozycją nawigacji, stylem panelu bocznego i nagłówkiem.
Karta Układ z pozycją nawigacji, stylem panelu bocznego i nagłówkiem.

Nowa platforma startuje z Panel boczny (lewy), panelem bocznym Jasny, nagłówkiem Animowane, kartami Ryczałt i narożnikami Średni.

Podgląd, reset i zapis

Podgląd obok Branding i Układ pokazuje przykładową stronę z Twoimi bieżącymi wyborami, zanim je zapiszesz. Przełączaj między Komputer i Telefon, przełącz Tryb jasny/ciemny lub otwórz go w Pełny ekran.

Gdy sekcja różni się od ustawień domyślnych, pokazuje Resetuj. Potwierdzenie przyciskiem Resetuj w oknie Przywróć domyślne przywraca w formularzu domyślne wartości tej sekcji. Nic nie zostaje zapisane, dopóki nie zapiszesz.

Zapisz przyciskiem Zapisz na pasku na dole. Nowe kolory, czcionka i narożniki działają od razu, bez przeładowania strony.

Strona logowania i ekran ładowania

Logowanie i rejestracja nadaje styl stronom, które ludzie widzą przed zalogowaniem. Wybierz układ, Karta lub Podzielony ekran, Styl karty i Typ logo: Logo, Favicon lub Brak. Obrazy tła i teksty ustawiasz dla każdej strony na tej samej karcie.

Logowanie, rejestracja i SSO

Ekran ładowania ustawia animację wyświetlaną podczas ładowania platformy. W Animacja ładowania wybierasz jedną z sześciu: Aurora, Puls, Kafelki, Szkielet, Okrąg i Konstelacja. Aurora jest domyślna, a Nagranie w podglądzie ponownie odtwarza Twój wybór.

Rada

Ustaw favicon, zanim wybierzesz styl ładowania. Każdy styl buduje animację wokół niego.

Społeczność, kursy i odtwarzacz wideo

Ostatnie trzy karty nadają styl po jednemu obszarowi. Społeczność i Kursy ustawiają Układ nagłówka tych stron wraz z Ustawienia nagłówka dla wybranego projektu. Karta Społeczność zapisuje się tylko wtedy, gdy Społeczność jest włączona w Ustawienia > Funkcje, i wymaga uprawnienia Zarządzaj ustawieniami społeczności zamiast Zarządzaj wyglądem platformy. Odtwarzacz wideo obejmuje Układ paska sterowania, narożniki Zaokrąglenie, Tło sterowania i Opcje dodatkowe dla każdego wideo na Twojej platformie.

Last updated on October 22, 2026

Czy ten artykuł był pomocny?

Powiązane artykuły