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