Ultimate magazine theme for WordPress.

كيف تجعل تطبيقك يبدو رائعًا على كل شاشة – اكتشف

7


تخيل للحظة: لقد اكتشفت للتو زوجًا مثاليًا من الأحذية على الإنترنت. إنها اللون المناسب ، وقد تم تصميمها بدقة ، ولا يمكنك الانتظار حتى يتم تسليمها على قدميك. ما عدا ، انتظر – فهي مصنوعة فقط بالحجم 7. وللأسف ، بينما قد تتمكن من حشر قدميك وارتدائها في بعض الأحيان ، فإنها لن تكون مريحة بما يكفي للاستخدام اليومي.

الآن ، لا يقدم معظم مصنعي الأحذية أحذيتهم بمقاس واحد فقط. بدلاً من ذلك ، عند إنشاء نموذج جديد للأحذية ، فإنهم يقدمون مجموعة من الأحجام بنفس التصميم والوظائف بحيث يمكن للعميل الاستمتاع بما يناسبه بشكل أفضل.

إنه نفس الشيء بالنسبة للتطبيقات الرائعة حقًا: عند التطوير ، تريد إنشاء واجهة تتكيف مع مجموعة من أحجام الشاشات بنفس التصميم والوظائف للجميع. بهذه الطريقة ، سواء كان شخص ما يستخدم iPhone SE أو iPad Pro لعرض تطبيقك ، فسيظل يتمتع بتجربة ممتعة ومريحة.

أدناه ، قمنا بتجميع بعض أفضل الطرق التي يمكنك من خلالها تعديل واجهة تطبيقك بحيث تبدو رائعة ، بغض النظر عن الجهاز.

تصميم عالمي

بينما يمكنك التصميم فقط لأنظمة أساسية معينة مثل iPhone أو iPad أو Mac ، ففكر في إنشاء إصدار عالمي من تطبيقك يدعم أجهزة متعددة. يتيح هذا لعميلك اختيار الطريقة التي يتناسب بها تطبيقك مع حياتهم ، وهي التجربة الأكثر تكيفًا التي يمكنك تقديمها. سواء أكنت تنشئ تطبيقات مصممة لمنصة واحدة أو أجهزة متعددة ، يجب أن تدعم جميع أحجام الشاشات وفئات الأحجام المتوفرة لتلك الأجهزة.

استعداد لإطلاق

تبدأ تجربة التطبيق الرائعة بشاشة تشغيل عالمية: يمكن أن يؤدي تصميم التطبيق المناسب إلى إحداث فارق كبير في السرعة التي يمكنك من خلالها دمج الأشخاص في واجهة المستخدم الخاصة بك. استخدم Xcode لإنشاء لوحة قصة لشاشة الإطلاق – فهي مرنة وتدعم جميع أحجام شاشات الأجهزة ، مما يسمح لك باستخدام لوحة عمل واحدة لإدارة شاشات التشغيل الخاصة بك على كل منصة تدعمها.

تعرف على المزيد حول تصميم شاشات الإطلاق لبداية سلسة>

الدخول في التخطيط التلقائي

عند تصميم واجهتك ، يمكن أن يساعدك التخطيط التلقائي على التكيف مع أي حجم شاشة. يوفر إرشادات لتطبيقك تربط تحديد موضع جزء واحد من المحتوى بأي محتوى أو طرق عرض أخرى. يتيح ذلك إمكانية قياس المحتوى الخاص بك وإعادة التدفق بالطريقة التي تريدها. تجنب استخدام الإحداثيات المطلقة للشاشة ، حيث قد ينتج عن ذلك أزرار خارج المركز أو تدفق محتوى محرج على أحجام شاشات مختلفة.

تعرف على المزيد حول التخطيط التلقائي في مكتبة المطور>

اكتشف SwiftUI

إذا كان تطبيقك مصممًا لنظام التشغيل iOS 13 أو iPadOS 13 أو watchOS 6 أو tvOS 13 أو macOS Catalina ، فقد ترغب أيضًا في التفكير في تطبيق SwiftUI. تضمن الطبيعة التعريفية لـ SwiftUI أن المحتوى الخاص بك قابل للتكيف خارج الصندوق ، وغالبًا ما يكون هذا الرمز أيضًا قابلاً لإعادة الاستخدام عند إنشاء تطبيقات لمنصات Apple الأخرى.

إتقان تعدد المهام

إذا كنت تطور تطبيقًا يدعم iPad ، فتذكر أنه يمكن للأشخاص استخدامه بعدة طرق: يمكنهم تصفح التطبيق بملء الشاشة ، أو وضعه بجوار تطبيق آخر في Split View ، أو سحبه لأعلى في Slide Over ، أو (إذا كان التطبيق الخاص بك يدعمه) حتى اعرض النوافذ المتعددة جنبًا إلى جنب. ضع في اعتبارك كل فئة من فئات الحجم هذه وكيف يمكن أن تتكيف واجهتك بنجاح لتقديم أفضل تجربة.

احصل على بدأت مع تعدد المهام>

اجعل المحتوى الخاص بك قابلاً للقراءة

قد يكون من الصعب تصميم تجربة قراءة رائعة على جميع الأجهزة إذا كان لديك محتوى نصي أو صورة ثقيلة في تطبيقك. دع “دليل المحتوى المقروء” يقوم بالرفع الثقيل لك: يحدد دليل التخطيط منطقة يمكن قراءتها بسهولة دون بذل جهد إضافي.

تعرف على المزيد حول دليل المحتوى المقروء>

بالإضافة إلى ذلك ، تأكد من إمكانية الوصول إلى تجربة القراءة الخاصة بك. يفضل العديد من الأشخاص تغيير حجم النص إلى شيء آخر غير الافتراضي. يضمن دعم النوع الديناميكي تغيير حجم النص الخاص بك إلى ما أشار إليه عميلك أنه يريده. كما أنه يضمن أنه كلما أصبح النص أكبر أو أصغر ، تتحرك العناصر الأخرى على الشاشة ديناميكيًا لاستيعاب هذه التغييرات.

تعرف على المزيد حول التصميم بوزن النص وحجمه العقل>

تعرف على المزيد حول ضبط حجم النص في خط مخصص>

استخدم المناطق الآمنة عند تصميم واجهتك للتأكد من أن طرق العرض الخاصة بك لن تتخطى أو تتداخل مع المحتوى أو عناصر الأجهزة الأخرى ، بغض النظر عن الجهاز.

تعرف على المزيد حول المناطق الآمنة و safeAreaLayoutGuide >

صياغة استفساراتك بشكل فعال

في حين أنه من المفيد – وغالبًا ما يكون بالغ الأهمية – معرفة إمكانات الجهاز الذي يعمل عليه تطبيقك حاليًا ، فاحرص على تجنب البحث عن مجموعة معروفة من الأجهزة وسلوكيات التجميع بناءً على تلك النتائج. بدلاً من ذلك ، يمكنك الاستعلام عن توفر الميزة وتوفير مسارات شرطية بناءً على نتائج هذا الفحص.

على سبيل المثال ، عند إنشاء تطبيق AR ، يمكنك استخدام ملف isSupported الخاصة بالفئة الفرعية المناسبة لتكوين ARC لمعرفة ما إذا كان الجهاز يدعم تكوينًا معينًا.

class var isSupported: Bool { get }

معاينة عملك

في Xcode 11 ، يمكنك إجراء الكثير من اختبارات الواجهة الأساسية مباشرةً في المعاينات. يتيح لك ذلك معرفة كيفية تعامل واجهتك مع الظروف والأجهزة وحالات الاستخدام المختلفة. يمكنك أن ترى تلقائيًا كيف يمكن عرض Dynamic Type إذا كان تطبيقك يعمل على iPhone SE ، على سبيل المثال ، أو عرض خيارات الترجمة المختلفة.

بينما تم تصميم المعاينات للعمل مع SwiftUI ، يمكنك أيضًا استخدامها مع طرق العرض Swift أو Obj-C الحالية للتأكد من أن واجهة المستخدم الخاصة بك تظل قابلة للتكيف أثناء تغيير الرمز الخاص بك.


مصادر

راقب “إتقان معاينات Xcode”>

تعلم المزيد حول SwiftUI>

تعلم المزيد عن التصميم للواجهات التكيفية>

تعرف على المزيد حول استخدام الطباعة على جميع احجام الشاشات>



Source link

اترك رد

لن يتم نشر عنوان بريدك الإلكتروني.