نعلم جميعا أن الصورة يمكن أن تقول أكثر من ألف كلمة. ولكن ماذا لو كان بإمكانك إضافة رابط إلى هذه الصورة لجعلها تفاعلية وغنية بالمعلومات? في فيجما ، يتم ذلك بسهولة باستخدام الارتباطات التشعبية للصور.
يمكن أن تكون إضافة رابط إلى صورة مفيدة في العديد من المواقف. على سبيل المثال ، إذا كنت تقوم بتصميم الويب وترغب في إضافة تفاعل إلى عملك ، فيمكنك إنشاء رابط صورة يفتح علامة تبويب جديدة تحتوي على معلومات أو خدمات إضافية.
الرابط إلى الصورة في فيغما يسمح لك لخلق نماذج ديناميكية والعروض والمظاهرات التفاعلية.
إضافة رابط إلى صورة في فيجما بسيط جدا. حدد الصورة التي تريد النقر عليها وانقر بزر الماوس الأيمن. في قائمة السياق ، حدد"إضافة ارتباط تشعبي". ثم ، في النافذة التي تظهر ، أدخل عنوان ورل أو حدد صفحة أو إطار موجود في ملف فيجما الخاص بك.
باستخدام رابط الصورة في فيجما ، يمكنك جعل مشاريعك أكثر سهولة في الاستخدام وتفاعلية وغنية بالمعلومات. لا تتردد في تجربة إضافة روابط إلى صورك وإنشاء عروض تقديمية مرئية فريدة وجذابة.
- إنشاء رابط في محرر نصوص فيجما
- اختيار صورة للارتباط
- تثبيت ارتباط تشعبي إلى صورة
- إضافة وصف نصي للارتباط
- نص بديل للارتباط في صورة فيجما
- سمات رابط الصورة في فيجما
- التحقق من وظيفة الرابط في الصورة
إنشاء رابط في محرر نصوص فيجما
لإنشاء ارتباط في فيجما ، اتبع الخطوات التالية:
- حدد النص أو الصورة التي تريد تحويلها إلى ارتباط.
- اضغط كمد + ك (على ماك) أو السيطرة + ك (على ويندوز) لاستدعاء وظيفة إنشاء الارتباط.
- في مربع الحوار الذي يفتح ، أدخل عنوان ورل الذي تريد الارتباط به في حقل الارتباط.
- اضغط على مفتاح" إدخال "أو الزر" تطبيق " لإكمال عملية إنشاء الارتباط.
بعد الانتهاء من هذه الخطوات ، يجب أن يصبح النص أو الصورة روابط قابلة للنقر. الآن ، عند النقر عليها ، سيتم إعادة توجيه المستخدمين إلى عنوان ورل المحدد.
يرجى ملاحظة أنه في فيجما لن تتمكن من إضافة رابط إلى صورة فردية ، فقط إلى صورة المكون بالكامل.
إنشاء روابط في محرر نص فيجما يجعل التصميم الخاص بك تفاعلية وسهلة الاستعمال. بهذه الطريقة يمكنك إضافة وظائف إلى التصميم الخاص بك وإدارة الانتقالات بين الصفحات والموارد بسهولة.
اختيار صورة للارتباط
عند اختيار صورة لربطها بالفيجما ، من المهم مراعاة عدة عوامل:
- محتوى الصورة: يجب ربط الصورة بسياق الرابط ونقل المعلومات أو المعنى الضروري. يمكن أن تكون صورة أو رسم توضيحي أو عنصر تصميم.
- الجاذبية: يجب أن تكون الصورة جذابة وتثير اهتمام المستخدمين. يجب أن تكون ذات جودة عالية ومشرقة بما يكفي لجذب الانتباه.
- نمط: يجب أن تكون الصورة وفقا للنمط العام وتصميم الصفحة التي سيتم وضعها. يجب أن تسير بشكل جيد مع الألوان والخطوط وعناصر التصميم الأخرى.
- الحجم: يجب أن تكون الصورة كبيرة بما يكفي بحيث يكون من الملائم النقر عليها ورؤية التفاصيل ، ولكن في نفس الوقت يجب ألا يستغرق تحميلها وقتا طويلا. يعتمد حجم الصورة الأمثل على سياق الاستخدام.
- الأصالة: من الأفضل اختيار صورة لا تتكرر في سياقات أخرى أو على صفحات أخرى. ستساعد الصورة الأصلية في إنشاء تجربة فريدة لا تنسى للمستخدمين.
بالنظر إلى هذه العوامل ، يمكنك اختيار الصورة المناسبة للرابط في فيجما.
تثبيت ارتباط تشعبي إلى صورة
لتثبيت ارتباط تشعبي إلى صورة ، ستحتاج إلى اتباع بعض الخطوات البسيطة:
- حدد الصورة التي تريد الارتباط بها.
- افتح محرر فيجما وحدد المشروع الذي تحتاجه.
- حدد أداة الارتباط (رمز السلسلة) على شريط الأدوات.
- انقر على الصورة المحددة لإنشاء منطقة ارتباط.
- أدخل وضع التحرير لمنطقة الارتباط بالنقر فوقه مرة أخرى أو مرتين.
- في حقل" ورل " ، أدخل عنوان صفحة الويب التي يجب أن يؤدي إليها الرابط.
- اضغط على "أدخل" أو " تم " لتطبيق التغييرات.
بعد الانتهاء من هذه الخطوات ، ستحتوي الصورة على ارتباط تشعبي إلى عنوان ورل المحدد. الآن ، عند النقر على الصورة ، سيتم إعادة توجيه المستخدم إلى صفحة الويب المحددة.
إضافة وصف نصي للارتباط
عند إضافة ارتباط تشعبي إلى صورة باستخدام فيجما ، من المهم أيضا تقديم وصف نصي حتى يتمكن المستخدمون من فهم المكان الذي سيذهبون إليه.
يساعد الوصف النصي في وصف محتوى الرابط أو الغرض منه وقد يكون مفيدا للمستخدمين الذين لا يستطيعون عرض الصورة. كما أنه يساعد في تحسين محرك البحث لأن محركات البحث لا يمكنها فهرسة محتويات الصور.
يمكنك إضافة وصف نصي للارتباط باستخدام السمة "البديل". على سبيل المثال:
في هذا المثال ، سيتم عرض النص "وصف الارتباط" بدلا من الصورة إذا تعذر تحميلها ، وهو بديل نصي للارتباط.
يجب أن تكون أوصاف الارتباط موجزة وغنية بالمعلومات وتصف الغرض من الارتباط ، بالإضافة إلى أن تكون في متناول المستخدمين الذين يستخدمون التقنيات المساعدة مثل قارئات الشاشة. تذكر أن النص يجب أن يكون مفهوما بطريقة هادفة حتى يتمكن المستخدمون من فهم المكان الذي سيذهبون إليه بعد النقر على الرابط.
نص بديل للارتباط في صورة فيجما
يعد النص البديل سمة مهمة لإمكانية الوصول ويحسن إدراك المعلومات من قبل المستخدم الذي لا يستطيع رؤية صورة أو لديه قدرات بصرية محدودة. كما أنه مفيد لمحركات البحث ويساعدهم على فهم محتوى الصورة.
عند إضافة ارتباط تشعبي إلى صورة فيجما ، من المهم تحديد نص بديل يصف الصورة بشكل صحيح. يمكن أن يكون هذا وصفا موجزا للمحتوى أو كلمة رئيسية أو اسم الكائن. على سبيل المثال ، إذا كانت الصورة شعار الشركة ، قد يكون النص البديل "شعار الشركة شيز".
لإضافة نص بديل إلى الرابط في صورة فيجما ، يجب عليك استخدام السمة " ألت " في العلامة. للقيام بذلك ، حدد صورة فيغما نفسها باستخدام عنوان ورل وإضافة السمة ألت مع الوصف المناسب:
مع نص بديل معين ، يصبح الرابط إلى صورة فيجما أكثر سهولة لجميع المستخدمين ويساعدهم على فهم محتوى الصورة ، حتى لو كانت غير متوفرة أو لا يمكن عرضها.
سمات رابط الصورة في فيجما
فيجما يسمح لك بإضافة ارتباطات تشعبية إلى الصور لإنشاء نماذج تفاعلية وتزويد المستخدم بالقدرة على الانتقال إلى صفحات أخرى أو فتح روابط خارجية. للقيام بذلك ، يتم استخدام سمات خاصة في خصائص كائن الصورة.
- فيما يلي السمات الرئيسية التي يمكن استخدامها لإنشاء روابط لصورة في فيجما:
- عنوان ورل: يحدد العنوان الذي سيتم تنفيذ الانتقال عند النقر على الصورة.
- لون الرابط: يسمح لك بتعيين لون النص أو مخطط الارتباط بحيث يكون مرئيا في الصورة.
- تأثير تحوم: يضيف تغييرا مرئيا عندما يحوم مؤشر الماوس فوق الصورة ، على سبيل المثال ، تغيير في اللون أو الحجم.
تلميح الأدوات: يعرض تلميح الأدوات عند التمرير فوق صورة حتى يعرف المستخدم أنها كائن قابل للنقر.
باستخدام هذه السمات ، يمكنك إنشاء نماذج تفاعلية في فيجما مع روابط للصور وتوفير سهولة التنقل للمستخدمين.
التحقق من وظيفة الرابط في الصورة
عند إضافة رابط إلى صورة فيجما ، من المهم التأكد من أن الرابط يعمل ويمكن للمستخدمين الوصول إلى الصورة. للقيام بذلك ، اتبع عدة خطوات:
1. تأكد من صحة الرابط.
تأكد من أن رابط الصورة يؤدي إلى الملف الصحيح. تحقق من أن الرابط يبدأ بالبادئة" هتبس:// "وأنه يؤدي إلى ملف بامتداد صورة مثل".بابوا نيو غينيا "أو".جبغ".
2. تحقق من توفر الملف.
انقر فوق الارتباط وتأكد من فتح الصورة في المتصفح أو تنزيلها على الجهاز. إذا كان التفويض مطلوبا للوصول إلى الملف ، فتأكد من إدخال بيانات الاعتماد الصحيحة.
3. تحقق من وظائف الرابط على الأجهزة والمتصفحات المختلفة.
افتح الرابط على أجهزة مختلفة مثل الكمبيوتر والكمبيوتر اللوحي والهاتف الذكي ، وفي متصفحات مختلفة مثل كروم وسفاري وفايرفوكس. تأكد من أن الصورة تفتح بشكل صحيح ولا توجد أخطاء.
4. تحقق من وظيفة الرابط من أماكن مختلفة.
تأكد من فتح الرابط وإمكانية الوصول إليه من مواقع مختلفة ، على سبيل المثال ، باستخدام اتصالات الإنترنت الأخرى أو شبكة خاصة افتراضية (فين). سيؤدي ذلك إلى التأكد من أن الرابط يعمل بشكل موثوق ويمكن لجميع المستخدمين الوصول إليه.