

أي شخص عمل في تصميم مواقع الويب أو حتى فكر في ذلك من قبل يدرك أنه ليس من السهل لكي التوازن الصحيح بين التصميم الجميل والجذاب. كما أنه ليس لكي تصميم يوفر تجربة مستخدم بسيطة وفعالة. ينطبق هذا على جميع عناصر موقع الويب، وفي هذه المقالة، لكي أكثر لكي التركيز على أزرار تبديل اللغة.
بالإضافة إلى كونه حلاً لترجمة محتوى الويب، Weglot بل إنه يتيح أيضًا نشر موقع بعدة لغات من منظور تجربة المستخدم، بفضل زر تبديل اللغة. بمجرد دمج Weglot في موقع ويب، ستجد زرًا افتراضيًّا يتميز بالبساطة والفعالية في آن واحد. ولكن إذا كنت تشعر بالإبداع، فربما ترغب في شيء أكثر تخصيصًا. في هذه الحالة، يمكنك الاستفادة من بعض ميزات الإعدادات الأساسية، أو استخدام القوالب، أو حتى تصميم زر خاص بك إذا كنت خبيرًا في فن CSS.
في هذه المقالة، لكي قوالب مبدل اللغة هذه، والتي يمكنك العثور عليها في معرض Switcher الخاص بنا. أكثر ألق نظرة على مجموعتنا، التي تم إنشاؤها بالتعاون مع Finsweet.
قبل عدة سنوات، تعاونا مع Finsweet، وهي وكالة ويب معروفة في Webflow في تصميم عدة أدوات لتبديل اللغة يمكن نسخها وإعادة استخدامها على أي Webflow . وهي متاحة لكي على أي تقنية. وقد حققت نجاحًا كبيرًا، حيث تم نسخ أدوات تبديل اللغة هذه أكثر 8000 مرة على جميع أنواع المواقع!
ومع ذلك، بدأ أكثر أكثر ولا سيما فرق وكالات الويب، لكي خارج الصندوق من لكي تعديل أو حتى تصميم أدوات التبديل الخاصة بهم لكي تجربة فريدة لكي المواقع الإلكترونية التي يطورونها.
وهذا هو الحال بوضوح مع Digidop. تأسست هذه الوكالة المتخصصة في تصميم المواقع الإلكترونية عام 2021، وهي الوكالة الفرنسية الأولى والوحيدة المتخصصة في « Webflow » التي حصلت على ثلاث شهادات اعتماد: « Webflow Expert»، و«Client-First»، و« Webflow Global Leader». ومنذ ذلك الحين، أنجزت الوكالة أكثر من 60 مشروعًا إلكترونيًّا لعملاء في مجموعة واسعة من القطاعات، وشاركت خبرتها من خلال محتوى مجاني وأكاديمية عبر الإنترنت. وكان فلوريان وتوماس، مؤسسا الوكالة، من بين Weglotالشركاء الأكثر نشاطًا منذ البداية. فقد قاما بمشاركة خبراتهما Weglot مع مجتمعهم عبر وثائق ومقاطع فيديو متنوعة ، لكن الأهم من ذلك هو استعدادهما الدائم لتقديم ملاحظات بناءة حول Weglot، مما مكننا من تحسين أداتنا باستمرار.
عندما في تقديم مجموعة جديدة من أدوات تبديل اللغة بالتعاون مع إحدى الوكالات، كنا على يقين من أن خبرة فريق Digidop ونظرته النقدية والتقنية ستؤدي لكي مثمر.
لذا كانت الخطوة الأولى هي أن Weglot فريق التطوير وفريق Digidop التفكير في كيفية تحسين التكامل التقني وأداء أدوات التبديل لجعلها سلسة قدر الإمكان. بعد ذلك، استعان فريق Digidop بمواهبه الفنية والتصميمية لابتكار 5 تصاميم لأدوات تبديل اللغة، والتي سنقدمها لكم بالتفصيل هنا.
أصبح أسلوب البساطة والخطوط الأنيقة اتجاهاً سائداً على شبكة الإنترنت في الآونة الأخيرة. وهذا الاتجاه بالذات هو ما تتبعه مجموعة أدوات تبديل اللغة الأولى من Digidop. إنها قائمة منسدلة بسيطة، تشبه إلى حد كبير تلك التي يقدمها بشكل افتراضي موقع Weglot، ولكن بخطوط بسيطة للغاية. سهلة الاستخدام للمستخدم، ولكن الأهم من ذلك أنها عالمية للغاية، حيث تتكيف مع جميع تصميمات المواقع الإلكترونية.

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

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


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

على نفس المنوال، تعتمد بعض المواقع نهجًا ثنائي اللون وخشنًا باستخدام خطوط كبيرة، وأحيانًا جريئة، إلى درجة لكي الأحرف الكبيرة. هذا ما يقدمه ما Citadium. استنادًا إلى هذا الاتجاه، ابتكر فريق Digidop هذا المبدل الخامس والأخير. يمكن استخدامه لغتين أو لعدد كبير من اللغات ويضمن سهولة الوصول إليه من قبل المستخدم.

تم تصميم أدوات تبديل اللغة هذه لكي تتلاعب بها أو حتى تستلهم منها. يمكنك نسخها وتخصيصها لكي تصميمك وتجربة المستخدم الخاصة بك. في هذا التعاون الجديد، وبناءً على توصيات Digidop، قمنا بتطوير هذه المجموعة خطوة إلى الأمام من خلال منحك الفرصة لكي في الواجهة الأمامية. كما يمكنك لكي خلال مرحلة النموذج الأولي لمشاريعك.
يكشف توماس لابون، المؤسس المشارك لـ Digidop، جميع أسرار هذا التعاون ويشرح لكي أدوات تبديل اللغة مباشرة على Figma في هذا الفيديو. ستجد هنا ملف Figma.
ثم، إذا كنت ترغب لكي قدماً وإعادة استخدام قوالب مبدل اللغة هذه مباشرة على Webflow الخاص بك، فستجد هنا جميع المكونات القابلة للنسخ، وسأتركك مع Florian Bodelot، المؤسس المشارك لـ Digidop، الذي سيرشدك إلى كيفية استخدام مبدلات اللغة هذه.
الآن لكي بإعادة استخدام هذه المكونات في مشاريع تصميم مواقع الويب الخاصة بك. نود لكي فريق وكالة Digidop على ملاحظاتهم ودعمهم الفني ومهاراتهم الرائعة في التصميم. لا لكي على محتواهم التعليمي، الذي سيساعدك لكي قدماً لكي مشاريعك.
نظرًا لأن تصميم المواقع الإلكترونية في تطور مستمر، فإننا نخطط لكي مجموعات جديدة من أدوات تبديل اللغة. لذا، إذا كانت لديك أي أفكار تصميمية، فلا تتردد لكي بها.
أفضل طريقة لفهم قوة Weglot هي أن ترى ذلك بنفسك. جربه مجانًا وبدون أي التزام.
يتوفر موقع إلكتروني تجريبي في لوحة التحكم الخاصة بك إذا لم تكن مستعدًا لربط موقعك الإلكتروني بعد.