تنتشر وسائل التواصل الاجتماعي في جميع أنحاء الويب ، وهو أمر مهم جدًا يجب مراعاته عند تصميم موقع ويب. يمكن أن تؤثر طريقة عرض رموز / روابط الوسائط الاجتماعية بشكل مباشر على الاستجابة والمشاركة من المستخدمين.

موضوع وسائل التواصل الاجتماعي موجود على الويب ، ومن المهم اعتباره عند تصميم موقع ويب.

إن طريقة عرض رموز أو روابط الوسائط الاجتماعية لها تأثير مباشر على تفاعل المستخدم.

يجب عليك التفكير في العديد من التفاصيل عند وضع صفحة ، بما في ذلك التخطيط ، وتدفق المحتوى والمساحة الرئيسية للراحة على الصفحة.

وسواء انتهيت من وجود روابط طباعية في الرأس أو الأيقونات في التذييل ، يجب عليك اختبار الألوان والأشكال والطباعة والأيقونات للتأكد من أن الروابط الاجتماعية الخاصة بك يتم جمعها بعناية ، وجذابة ومصممة بشكل جيد.

سنوضح لك هنا بعض الأمثلة عن كيفية عرض مواقع الويب لروابطها الاجتماعية بحيث يمكنك مشاهدة مجموعة متنوعة من الخيارات هناك. تحقق منها ، وعلينا أن نعرف ما هو رأيك.

Contentcube

لدى شركة Contentcube ، وهي شركة حلول رقمية ، تنسيق نظيف يلفت انتباهنا بقليل من النسيج ورأس ملون. توجد روابط Twitter و Facebook في العنوان ، مع السطر "تابعنا على ..."

wdsm01
wdsm02

الغراء Isobar

الغراء Isobar ، وكالة إبداعية ، لديها أيضا تخطيط نظيف ، مع وضع الصور بشكل جميل عبر الصفحة. جميع الروابط الاجتماعية في التذييل ، مع رموز جذابة ولون خلفية قوية. وتشمل الشركة أيضا القطعة قريبة من تذييل الصفحة مع أحدث تغريدة.

wdsm03
wdsm04

مختبر التركيز

يحتوي Focus Lab ، وهو فريق صغير من مصممي ومطوري مواقع الويب ، على صفحة جميلة ونظيفة وبسيطة. يعرض روابط Twitter و Flickr على صفحة الاتصال وفي التذييل.

wdsm05
wdsm06
wdsm07

آدم

يقوم آدم بإصلاح رأسه وتذييله في مكانه أثناء التمرير لأسفل. تظهر الروابط الاجتماعية في التذييل ، ثابتة في أسفل يمين الصفحة.

wdsm08
wdsm09

المطاردة

يتميز Chase بتأثير المنظر أثناء التمرير حول الصفحة. انتقل على طول الطريق إلى أسفل للعثور على الرموز الاجتماعية.

wdsm10
wdsm11

hellofisher

hellofisher ، الموقع الإلكتروني لمصمم تجربة المستخدم والمتحدث ستيفن فيشر ، لديه أيضا تصميم نظيف ، مع الأيقونات الاجتماعية عرضت بأناقة جدا في الذيل.

wdsm12
wdsm13

Elless

إليس ، المركز الإبداعي لبول موريس ، لديه تخطيط جميل وملون يعتمد على الشكل والملمس والطباعة. توجد الرموز الاجتماعية في صفحة الاتصال ، بالإضافة إلى نموذج الاتصال.

wdsm14
wdsm15

Owltastic

تضع Owltastic رموزها الاجتماعية في أعلى يمين الشريط الجانبي ، مسبوقة بـ "Follow me". مزيج الألوان والطباعة والرسومات هنا دقيق وجميل.

wdsm16
wdsm17

كشف

Unfold هو تصميم من صفحة واحدة يمكنك التنقل فيه عن طريق التمرير أو عبر القائمة. يمكنك العثور على المعلومات الاجتماعية ضمن خيار القائمة "للمشاركة".

wdsm18
wdsm19

ألحق

Inflicted هو موقع المصمم المرئي Hugo Loning. توجد الرموز الاجتماعية في رأس الصفحة ، وتظهر باللون الأحمر.

wdsm20
wdsm21

بسيط حقا

كما هو متوقع ، يحتوي Really Simple على تصميم بسيط وأنيق. رابط Twitter الخاص به موجود في القائمة الرئيسية في العنوان ، كتربط مطبعي بسيط.

wdsm22
wdsm23

جراد جونسون

جراد جونسون ، مصمم تفاعلي ، هو الآخر الذي يقدم مزيجا جذابا من اللون والشكل والطباعة. يتم جمع رموزه الاجتماعية على صفحة الاتصال.

wdsm24
wdsm25

ما الأمر كب كيك؟

ما الأمر كب كيك؟ تتبع موضوع الكعك من خلال إعطاء رموزه الاجتماعية لونًا لطيفًا وشكلًا وإطارًا. تظهر الرموز أسفل منتصف الصفحة.

wdsm26
wdsm27

ثروة صغيرة

يحتوي Small Fortune ، وهو استوديو مبتكر ، على تصميم بسيط وجميل. روابطها الاجتماعية تستند إلى النص ولها لون خلفية جميلة.

wdsm28
wdsm29

البوب ​​الأحمر

يحتوي Red Pop على تخطيط نظيف. تختلط الخلفية الحمراء والنص الأبيض جيدًا ، كما أن الروابط الاجتماعية هي أيضًا بسيطة وتعتمد على النصوص.

wdsm30
wdsm31

زينت قوائم التشغيل

تتميز قوائم التشغيل المزينة بتصميم نظيف وبسيط وجميل. يظهر ارتباط Twitter المبني على النص الأدنى في قائمة العناوين.

wdsm32
wdsm33

عين الكبيرة

تعرض Big Eye رموزها الاجتماعية في رأس الصفحة ، أعلى القائمة الرئيسية. يتم الجمع بين الألوان ، والطباعة ، والملمس والرموز بشكل جيد للغاية.

wdsm34
wdsm35

جرة الإبداعية

تضع Creative Jar رموزها الاجتماعية في مكانين: في العنوان كقطعة Twitter متحركة ، وفي التذييل كأيقونات.

wdsm36
wdsm37
wdsm38

مارلون ميداو

يحتوي Marlon Medau على تصميم أنيق ونظيف يعرض الرموز الاجتماعية في رأسه الجميل.

wdsm39
wdsm40

تصاميم اوكتافو

يحتوي Octavo Design على عدة صور خلفية وملاحة عمودية. توجد الرموز الاجتماعية في الزاوية العلوية اليسرى.

wdsm41
wdsm42

ما هي الطريقة المفضلة لديك لعرض الرموز الاجتماعية؟ أي واحد هنا يشغلك أكثر؟