Przykłady Ikony Social Media

Zobacz przykłady Ikony Social Media, aby odkryć pełen potencjał widżetu. Upewnij się, że będzie pasować do Twoich celów.

Przykład 1: Ikony Społecznościowe

Jest to jeden z najpopularniejszych wariantów widżetu. Ikony są okrągłe i ułożone w jednej poziomej linii - dzięki wbudowanemu układowi widżetu. Chociaż możesz wybrać dowolny kolor tła, tutaj zachowane są oryginalne kolory media, a ich symbole są białe. Jest to dobry wariant dla obszaru treści dowolnej strony internetowej.

Przykład 2: Pływające ikony

Jeśli wybierzesz układ pływający, widżet będzie poruszał się po stronie, podążając za zwojem, dzięki czemu będzie zawsze pod ręką. Ten typ układu można wyrównać do dowolnej strony ekranu i zostanie zmieniony na poziomy, jeśli wybierzesz wyrównanie do środka. Ikony są tutaj kwadratowe z domyślnym stylem.

Przykład 3: Ikony czarne

Te ikony wyglądają absolutnie niepowtarzalnie dzięki czarno-białemu rozwiązaniu kolorystycznemu. W ustawieniach zmieniono kolory tła i symbol sieci. Ikony są wbudowane i wyrównane do środka. Istnieje również efekt animacji po najechaniu kursorem.
Zacznij od stworzenia swojego widżetu
Zacznij od stworzenia swojego widżetu
Szybko. Łatwo. Bez kodowania.
Utwórz widżet

Przykład 4: Ikony białe

Aby dopasować widżet do ogólnej koncepcji stylu, możesz całkowicie zmienić ich wygląd. Tutaj ikony mają białe tło, a symbole mediów zachowały natywne kolory, aby zachować autentyczność. Zaokrąglony kształt i niestandardowa szerokość sprawiły, że wyglądają na czyste i minimalistyczne.

Przykład 5: Ikony schludne

Dzięki stylowi Symbol zastosowanemu do tego widżetu ikony są wyświetlane bez tła. Ikony mediów zachowały natywne kolory i wyglądają maksymalnie minimalistycznie i czysto. Animacja powiększenia pojawia się po najechaniu kursorem, a do wyboru jest więcej wariantów animacji.

Przykład 6: Więcej ikon

Możesz wyświetlić dowolną ilość ikon na stronie, a ten przykład pokazuje, że będą wyglądać świetnie - niezależnie od liczby. Tutaj 8 ikon są rozmieszczone w jednej linii i wyrównane do środka. Wszystkie mają natywne kolory tła i symboli oraz wyświetlają animację odbijania po najechaniu kursorem.

Przykład 7: Komunikatory

Ten przykład pokazuje, jak możesz kierować użytkowników do swoich kanałów w komunikatorach bezpośrednio ze strony internetowej. Ikony w tym przykładzie mają średni rozmiar 32 piksele i kształt koła. Oryginalne kolory komunikatorów są zapisane w tle, a same symbole są białe. Te opcje, a także więcej ustawień dostosowywania można łatwo zmienić w edytorze.

Dołącz do 1,078,753 klientów, którzy już korzystają z Elfsight Apps

Poznaj smak ponad 80 potężnych aplikacji od Elfsight. Bez karty kredytowej. Dołączenie jest bezpłatne!
Zacznij
Uzyskaj 20% zniżki już teraz!