تعد الرموز في تصميم الويب الحديث جزءا لا يتجزأ من واجهة المستخدم ، وهي بمثابة وسيلة مهمة للتواصل مع المستخدمين. واحدة من الرموز الأكثر شيوعا هي علامة الاختيار ، والتي تستخدم ، على سبيل المثال ، على شبكة فكونتاكتي الاجتماعية. سنتحدث اليوم عن طريقة بسيطة لإنشاء واستخدام مثل هذا الرمز على صفحة الويب.
الميزة الرئيسية لرمز علامة الاختيار كما فك هو بساطته وفعاليته. يتكون الرمز من عنصرين — علامة اختيار وخلفية مستديرة. علامة الاختيار عبارة عن خط منحني مشابه للحرف "الخامس" ، وتضيف الخلفية المستديرة التركيز وهي جزء من العلامة التجارية فكونتاكتي.
لإنشاء رمز علامة اختيار ك فك ، يكفي أن يكون لديك معرفة أساسية من هتمل و كس. أولا ، نقوم بإنشاء صفحة هتمل وتحديد محتويات العلامة ص التي سيتم وضع الرمز. ثم نضيف النمط ونضع العناصر داخل الكتلة. بالنسبة لعلامة الاختيار ، يتم استخدام العنصر الزائف ::من قبل ، والذي سيرسم خطا منحنيا ، وبالنسبة للخلفية ، يتم تصميم الكتلة باستخدام خاصية نصف قطر الحدود.
وهناك طريقة سهلة لإنشاء واستخدام رمز علامة كما كيه تساعدك على إضافة نظرة المهنية إلى صفحة الويب الخاصة بك وتحسين تفاعل المستخدم. حاول استخدام هذه التقنية وانظر كيف يمكنها تغيير تصور المحتوى!
- يتم فحص الرمز كما فك:
- طريقة سهلة لخلق
- طريقة سهلة الاستخدام
يتم فحص الرمز كما فك:
حاليا ، رمز علامة الاختيار ، كما هو الحال على موقع فكونتاكتي ، هو وسيلة شعبية من ردود الفعل البصرية على صفحات الويب. يتم استخدامه لعرض الانتهاء بنجاح من العملية أو لتأكيد إجراء المستخدم.
يمكن استخدام طرق مختلفة لإنشاء رمز علامة اختيار في تطوير الويب. واحدة من أسهل الطرق هي استخدام رمز علامة الاختيار أو رمز حرف خاص في تركيبة مع كس. خيار باستخدام صورة أو سفغ هو ممكن أيضا.
مثال على استخدام رمز القراد في هتمل:
لتأكيد التسجيل ، انقر على زر التسجيل. ثم ستظهر أيقونة علامة اختيار تشير إلى الانتهاء بنجاح من العملية.
مثال على استخدام كس لإنشاء رمز علامة اختيار:
تطبيق صورة أو سفغ لإنشاء رمز علامة الاختيار هو أيضا نهج شعبية. في هذه الحالة ، سيكون لديك لاستخدام صورة مع علامة الاختيار الجاهزة أو إنشاء ملف سفغ الخاصة بك مع الصورة المقابلة.
بغض النظر عن طريقة الإنشاء المختارة ، يجب استخدام رمز علامة الاختيار في السياق ودمجها مع النص والعناصر الرسومية المناسبة. سيسمح ذلك للمستخدمين بفهم الإكمال الناجح للعملية بسهولة وخلق تجربة إيجابية باستخدام موقع الويب.
طريقة سهلة لخلق
- إذا كنت ترغب في إنشاء رمز علامة اختيار مشابه للرمز الذي تستخدمه فكونتاكتي ، فهناك عدة طرق بسيطة لتحقيق النتيجة المرجوة. دعونا ننظر إلى واحد منهم.
- افتح محرر نصوص أو محرر شفرة هتمل.
- إنشاء جدول مع صف واحد واثنين من الخلايا.
- في الخلية اليسرى من الجدول ، أضف رمز علامة الاختيار..
في الخلية اليمنى من الجدول ، أضف النص الذي سيتم عرضه بجوار رمز علامة الاختيار.
| وفيما يلي نموذج التعليمات البرمجية: | ✅ |
النص بجوار رمز علامة الاختيار
يمكنك أيضا تغيير حجم ولون علامة الاختيار من خلال تطبيق الأنماط المناسبة على العلامات.
الآن بعد أن عرفت الطريقة الأساسية لإنشاء رمز علامة اختيار ، يمكنك تطبيقه على مشاريعك أو استخدامه لإنشاء قوائم أو عناصر واجهة أخرى.
طريقة سهلة الاستخدام
لاستخدام رمز علامة الاختيار ك فك ، يكفي إنشاء عدة عناصر من الهيكل المقابل:
انسخ رمز علامة الاختيار من مصادر المتجهات أو استخدم الرموز الجاهزة المتوفرة في المكتبات والأطر المختلفة.
الصق الرمز في المكان المناسب على صفحة الويب الخاصة بك أو في التطبيق.
تخصيص أنماط رمز باستخدام المغلق لتناسب لهم التصميم الخاص بك ونظام الألوان.
قم بتطبيق الرمز على الأماكن المناسبة في الصفحة أو التطبيق حيث تريد الإشارة إلى إجراء أو تأكيد ناجح.
| مثال على استخدام علامة اختيار في الجدول لتمييز المهام المكتملة: | المهمة |
|---|---|
| الحالة | إعداد تقرير |
| ✔ | طلب المنتجات |
| ✔ | لقاء مع عميل |
✔