Przykłady Przyciski Społecznościowe

Ten przypadek użycia zawiera cztery prostokątne przyciski służące do udostępniania informacji w najpopularniejszych mediach. Zachowali autentyczne kolory i pokazują nazwy i symbole mediów. Jest to dobry przykład dostosowywania w przypadkach, w których chcesz, aby przyciski zostały umieszczone w strefie zawartości, na przykład w artykule.

W ten sposób tworzysz przyciski przydatne dla wszystkich użytkowników - układ pływający sprawia, że podążają za przewijaniem w górę iw dół strony i zawsze pozostają pod ręką. Nie ma szans, że użytkownicy przegapią je z widoku. Projekt jest minimalistyczny, z kwadratowym kształtem i tylko ikonami mediów na przyciskach.

Korzystając z opcji dostosowywania, możesz uzyskać w pełni unikalny wygląd widżetu. Te przyciski zostały zaprojektowane tak, aby odzwierciedlały ogólny styl i kolory witryny. Są czarno-białe, geometryczne i minimalistyczne dzięki posiadaniu na nich samych ikon mediów - bez nazw.

Te ładne i małe przyciski wyglądają naprawdę czysto i schludnie na stronie. Mają kształt koła i styl material, pokazując symbole wybranych mediów. Ładny efekt animacji slajdu po najechaniu kursorem dodaje trochę życia doświadczeniu użytkownika. Przyciski są wyrównane do środka, ale możesz także wybrać warianty do lewej i prawej strony.

Przyciski te mają kształt okrągły, ale dzięki responsywnej szerokości zmieniono wartość, aby były owalne i bardziej istotne. Użytkownik wybrał płaski wariant stylu i pozostawił oryginalne kolory mediów, ale dodał czarny kolor i animację odbicia po najechaniu kursorem.

Ikony w kształcie prostokąta są ładnie ułożone w siatkę i pokazują zarówno ikony, jak i tekst z nazwami mediów. Będą pasować do strefy treści, końcowej jednostki jakiegoś artykułu lub na dole strony. Atrakcyjna animacja suwaka jest aktywna na symbolach, a ikony stają się czarne po najechaniu kursorem.

Autor edytował etykiety przycisków i do każdego z nich dodał wezwanie do działania. Nie ma ikon mediów - zamiast nich są dodawane ich nazwy. Tło przycisków zostało zmienione na białe, a kolor tekstu jest tym samym oryginalnym dla każdego z nośników, aby stworzyć wizualne skojarzenie.

Aby ułatwić użytkownikom udostępnianie treści, w tym przykładzie znajdują się przyciski dla najpopularniejszych komunikatorów. Przyciski zachowują oryginalne kolory i pokazują razem nazwę i ikonę. Mają zaokrąglony kształt, a dzięki szerokości Auto wypełniają dokładnie odpowiednią przestrzeń na stronie.