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