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