Media społecznościowe są w całym Internecie i jest to bardzo ważne przy projektowaniu strony internetowej. Sposób wyświetlania ikon / linków w mediach społecznościowych może bezpośrednio wpłynąć na reakcję i zaangażowanie użytkowników.

Temat mediów społecznościowych znajduje się w całej sieci i należy wziąć to pod uwagę podczas projektowania strony internetowej.

Sposób wyświetlania ikon lub linków w mediach społecznościowych ma bezpośredni wpływ na zaangażowanie użytkowników.

Podczas układania strony należy uwzględnić wiele szczegółów, w tym układ, przepływ treści i główny obszar odpoczynku na stronie.

Niezależnie od tego, czy w nagłówku lub ikonach w stopce pojawiają się linki typograficzne, powinieneś przetestować kolory, kształty, typografię i ikonografię, aby upewnić się, że twoje linki społecznościowe są starannie połączone, angażujące i dobrze zaprojektowane.

Tutaj pokażemy kilka przykładów pokazujących, jak witryny wyświetlają swoje linki społecznościowe, aby zobaczyć różnorodność dostępnych opcji. Sprawdź je i daj nam znać, co myślisz.

Contentcube

Contentcube, agencja rozwiązań cyfrowych, ma przejrzysty układ, który przyciąga naszą uwagę dzięki odrobinie tekstury i kolorowemu nagłówkowi. Zarówno linki na Twitterze, jak i na Facebooku znajdują się w nagłówku, z linią "Follow us on ..."

wdsm01
wdsm02

klej Isobar

klej Isobar, agencja kreatywna, ma również przejrzysty układ, z obrazami umieszczonymi pięknie na całej stronie. Wszystkie linki społecznościowe znajdują się w stopce, z atrakcyjnymi ikonami i silnym kolorem tła. Firma zawiera również widget zbliżony do stopki z najnowszym tweetem.

wdsm03
wdsm04

Focus Lab

Focus Lab, niewielki zespół projektantów stron internetowych i programistów, ma piękną, czystą i minimalną stronę. Wyświetla linki na Twitterze i Flickr na stronie kontaktowej i stopce.

wdsm05
wdsm06
wdsm07

Adam

Adam naprawia nagłówek i stopkę podczas przewijania w dół. Linki społecznościowe pojawiają się w stopce, w prawym dolnym rogu strony.

wdsm08
wdsm09

Pościg

Podczas przewijania strony Chase ma efekt paralaksy. Przewiń całą drogę na dół, aby znaleźć ikony społecznościowe.

wdsm10
wdsm11

hellofisher

hellofisher, strona internetowa projektanta user experience i głośnika Steven Fisher, ma również czysty design, a ikony społeczne są bardzo elegancko przedstawione w stopce.

wdsm12
wdsm13

Elless

Elless, kreatywne centrum Paula Morrisa, ma piękny i kolorowy układ oparty na kształcie, fakturze i typografii. Ikony społecznościowe znajdują się na stronie kontaktowej wraz z formularzem kontaktowym.

wdsm14
wdsm15

Owltastic

Owltastic umieszcza swoje ikony społecznościowe w prawym górnym rogu paska bocznego, poprzedzone "Follow me". Połączenie kolorów, typografii i grafiki jest tutaj subtelne i piękne.

wdsm16
wdsm17

Rozwijać się

Rozwiń to projekt jednostronicowy, który można nawigować, przewijając lub korzystając z menu. Informacje społeczne można znaleźć w opcji menu "Udostępnianie".

wdsm18
wdsm19

Zadane

Zadaniem jest strona internetowa projektanta wizualnego Hugo Loninga. Ikony społecznościowe znajdują się w nagłówku, wyróżniają się na czerwono.

wdsm20
wdsm21

Naprawdę proste

Jak można się domyślić, Really Simple ma czysty i minimalny design. Jego link na Twitterze znajduje się w głównym menu w nagłówku, jako prosty link typograficzny.

wdsm22
wdsm23

Jarad Johnson

Innym, który oferuje atrakcyjne połączenie koloru, kształtu i typografii, jest projektant interaktywny Jarad Johnson. Jego ikony społecznościowe są gromadzone na stronie kontaktowej.

wdsm24
wdsm25

What's Up Cupcake?

What's Up Cupcake? podąża za tematem swoich babeczek, nadając swoim ikonom społecznym ładny kolor, kształt i ramkę. Ikony pojawiają się na środku strony.

wdsm26
wdsm27

Mała fortuna

Small Fortune, kreatywne studio, ma prosty i piękny układ. Jego linki społecznościowe są oparte na tekście i mają ładny kolor tła.

wdsm28
wdsm29

Czerwony Pop

Red Pop ma czysty układ. Czerwone tło i biały tekst dobrze się mieszają, a linki społecznościowe są również proste i oparte na tekście.

wdsm30
wdsm31

Udekorowane listy odtwarzania

Udekorowane listy odtwarzania mają czysty, minimalny i piękny wygląd. W menu nagłówkowym pojawia się minimalny link tekstowy na Twitterze.

wdsm32
wdsm33

Duże oko

Big Eye prezentuje swoje ikony społecznościowe w nagłówku powyżej głównego menu. Kolory, typografia, tekstura i ikony są bardzo dobrze połączone.

wdsm34
wdsm35

Creative Jar

Creative Jar umieszcza swoje ikony społecznościowe w dwóch miejscach: w nagłówku jako animowany widget na Twitterze, a w stopce jako ikony.

wdsm36
wdsm37
wdsm38

Marlon Medau

Marlon Medau ma elegancki i czysty układ, który prezentuje ikony społeczne w pięknym nagłówku.

wdsm39
wdsm40

Projekty Octavo

Octavo Design ma kilka różnych obrazów tła i pionową nawigację. Ikony społecznościowe znajdują się w prawym górnym rogu.

wdsm41
wdsm42

Jaki jest twój ulubiony sposób prezentowania ikon społecznościowych? Który z nich najbardziej Cię angażuje?