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