الروابط الإبداعية
يقوم رابط التسطير الأزرق القياسي بعمله، لكنه ينسى ترك انطباع. في شبكة الإنترنت اليوم، يعد كل تفاعل فرصة للمشاركة. يقوم Master Addons Creative Links Element بتحويل الروابط النصية العادية إلى أعمال فنية مصغرة. اختر من بين أكثر من 22 تأثيرًا فريدًا للتمرير، بدءًا من شرائح التسطير الدقيقة وحتى التحويلات الديناميكية ثلاثية الأبعاد، ثم قم بتطبيقها في أي مكان في صفحتك المقصودة. قم بتصميم كل جزء من التأثير، وتحكم في الأيقونة، وقم بإنشاء تجربة صغيرة تجعل النقر يبدو جديدًا ومتعمدًا.
مكتبة واسعة من تأثيرات التحويم
هذا هو قلب العنصر. تجاوز تغييرات الألوان البسيطة. اختر من قائمة منسقة من التأثيرات المتطورة التي يتم تشغيلها عند التمرير. هل تريد شريحة سفلية كلاسيكية؟ كشف ثلاث نقاط مرحة؟ تأثير مثير لشريحة ثلاثية الأبعاد أو ملء النص؟ يطبق كل تأثير رسمًا متحركًا مميزًا لـ CSS على نص الرابط وعناصره الزائفة، مما يؤدي إلى إنشاء كل شيء بدءًا من التفاعلات الأنيقة وحتى التفاعلات الجريئة. تتيح لك هذه المكتبة إضافة شخصية وصقل قوائمك أو جدول المحتويات أو قوائم الميزات دون كتابة سطر واحد من التعليمات البرمجية.
- 22+ تأثيرات معدة مسبقًا: قم بتطبيق الرسوم المتحركة على الفور مثل Border Switch وScale Down وCircle وCross وMove Up.
- مجموعة من الأنماط: من الدقة (تكبير الحد السفلي) إلى الغامق (تأثير ثلاثي الأبعاد، النص الثاني وكشف الحدود).
- تطبيق سهل: حدد تأثيرًا من التكوين المعقد للانخفاض المطلوب للبدء.
التصميم لجميع حالات الارتباط
تحقيق تصميم مثالي للبكسل من خلال تصميم كل مكون من مكونات تأثير الارتباط. اضبط الطباعة الأساسية، وحشو الارتباط، والعرض الإجمالي. ثم تعمق في تصميم الحالة. حدد لون النص ولون الخلفية لكل من اللون العادي والتحليق. والأهم من ذلك، تصميم العناصر الملونة المستخدمة في التأثيرات: لون Span BG، وقبل لون BG، وبعد لون BG. تتحكم هذه العناصر في خلفيات العناصر الزائفة المتحركة التي تعمل على تشغيل التأثيرات مثل الخطوط المنزلقة أو الخلفيات المملوءة أو الدوائر الموسعة. أضف نصف قطر الحدود وظل الصندوق لإكمال المظهر.
- تصميم الحالة المزدوجة: تحكم بشكل مستقل في الألوان والخلفيات للحالتين العادية والحاملة.
- تصميم مكونات التأثير: قم بتصميم الخلفيات قبل وبعد وامتداد مباشرة لإنشاء صور الرسوم المتحركة.
- التحكم الكامل في الطباعة: اختر الخط والحجم والوزن والمسافات لنص الرابط.
- الشكل والعمق: استخدم Border Radius وBox Shadow لتنعيم حاوية الرابط أو رفعها.
الأسئلة المتداولة للروابط الإبداعية
ما الفرق بين "نص الارتباط" و"نص الارتباط البديل"؟
نص الارتباط هو ما يكون مرئيًا دائمًا بشكل افتراضي (على سبيل المثال، “خدماتنا”). نص الارتباط البديل هو ما يظهر أو يتفاعل أثناء تأثير التمرير. في تأثيرات مثل “Text fill” أو “Border Switch، قد ينزلق هذا النص البديل أو يستبدل أو يحرك بجانب النص الأصلي، مما يؤدي إلى تغيير ديناميكي.
هل يمكنني استخدام هذه الروابط الإبداعية كوسيلة تنقل رئيسية في موقع الويب الخاص بي؟
قطعاً! إنها مثالية لقوائم الرأس، خاصة لتصميمات المواقع البسيطة أو الإبداعية حيث تريد أن يكون التنقل نفسه ميزة مرئية. ما عليك سوى إضافة كل عنصر قائمة باعتباره “Item” منفصلاً في مكرر المحتويات.
ما هي دواعي "قبل لون BG" و"بعد لون BG"؟
هذه هي المكونات السرية. تستخدم تأثيرات تحويم CSS الأكثر تقدمًا ما يلي:: قبل و:: بعد العناصر الزائفة لإنشاء الأشكال المتحركة أو الخطوط أو حشوات الخلفية. تتيح لك عناصر التحكم في الألوان هذه تصميم تلك العناصر المخفية مباشرةً، مما يسمح لك بمطابقة ألوان التأثير مع علامتك التجارية. على سبيل المثال، في تأثير شريحة الخط السفلي، قد يتحكم لون After BG في لون التسطير المنزلق.
هل تعمل التأثيرات على الأجهزة المحمولة (شاشة اللمس)؟
نعم، فهي تعمل بكامل طاقتها. على الأجهزة التي تعمل باللمس، يتم عادةً تشغيل تأثير التمرير عند النقر الأول (حالة “hover”)، ويتم اتباع الرابط عند النقر الثاني. هذا هو السلوك القياسي لتأثيرات التمرير على الهاتف المحمول. تحصل على تعليقات الرسوم المتحركة قبل تغيير الصفحة.
كيف أختار التأثير الصحيح؟
خذ بعين الاعتبار شخصية موقعك:
- احترافي/مؤسسي: استخدم تأثيرات دقيقة مثل شريحة السطر السفلي أو ترجمة الحدود.
- Creative/Portfolio: اختر تأثيرات أكثر جرأة مثل 3D Slide أو Circle أو Text fill.
- حديث/بسيط: تكبير الحدود السفلية أو تصغيرها تعمل بشكل جميل.
معاينة عدد قليل من ing، أفضل تأثير يعزز الارتباط دون الشعور بالتشتيت.
هل يمكنني تطبيق تأثيرات مختلفة على روابط مختلفة في نفس الأداة؟
تُظهر لقطات الشاشة انخفاضًا واحدًا للمؤثرات العامة، مما يشير إلى أن جميع الروابط في مثيل عنصر واجهة مستخدم واحد تشترك في نفس التأثير المختار. للحصول على تأثيرات مختلفة (على سبيل المثال، رابط واحد بتأثير دائرة، وآخر بتأثير شريحة)، من المحتمل أن تحتاج إلى وضع عدة عناصر واجهة مستخدم منفصلة للارتباط الإبداعي.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
