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