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