[Iphone] اي فون تطبيقات الرموز - الشعاع الدقيق؟


Answers

بعد تجربة بعض الإجابات في هذا المنشور ، قمت بالتشاور مع لوي مانتيا (شركة أبل السابقة ، ومربعة ، ومصمم Iconfactory) وجميع الإجابات حتى الآن على هذا المنصب خاطئة (أو على الأقل غير مكتملة). تبدأ Apple بعلامة 57px ونصف قطر مكونًا من 10 أبعاد ثم يتجهان إلى الأعلى أو الأسفل من هناك. وبالتالي يمكنك حساب نصف القطر لأي حجم رمز باستخدام 10/57 x new size (على سبيل المثال 10/57 x 114 يعطي 20 ، وهو نصف القطر المناسب لرمز 114px). فيما يلي قائمة بأكثر الرموز استخدامًا ، واتفاقيات التسمية الصحيحة ، وأبعاد البكسل ، ونصف قطر الزاوية.

  1. Icon1024.png - 1024 بكسل - 179.649
  2. Icon512.png - 512px - 89.825
  3. Icon.png - 57px - 10
  4. Icon@2x.png - 114px - 20
  5. Icon-72.png - 72px - 12.632
  6. Icon-72@2x.png - 144px - 25.263
  7. Icon-Small.png - 29px - 5.088
  8. Icon-Small@2x.png - 58px - 10.175

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

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

قراءة إضافية:

Neven Mrgan على أحجام رمز إضافية واعتبارات التصميم الأخرى: أحجام رمز التطبيق ios

Bjango's Marc Edwards على الخيارات المختلفة لإنشاء تصحيحات في Photoshop وما أهمية ذلك: roundrect

المستندات الرسمية لشركة Apple على حجم الرمز واعتبارات التصميم: IconsImages

تحديث:

لقد أجريت بعض الاختبارات في Photoshop CS6 ويبدو كما لو أن 3 أرقام بعد النقطة العشرية هي ما يكفي من الدقة لتنتهي مع نفس المتجه بالضبط (على الأقل كما هو معروض من قبل Photoshop بتكبير 3200٪). تقوم الأداة Round Rect Tool أحيانًا بتدوير الإدخال إلى أقرب رقم صحيح ، ولكن يمكنك أن ترى اختلافًا كبيرًا بين 90 و 89.825. و عدة مرات لم تقلب أداة Round Rectangle Tool وأظهرت بالفعل أرقام متعددة بعد العلامة العشرية. لست متأكدا ما الذي يحدث هناك ، ولكنه بالتأكيد يستخدم ويحفظ الرقم الأكثر دقة الذي تم إدخاله.

على أي حال ، لقد قمت بتحديث القائمة أعلاه لتشمل فقط 3 أرقام بعد الفاصلة العشرية (قبل أن يكون هناك 13!). في معظم الحالات ، قد يكون من الصعب معرفة الفرق بين رمز شفاف بحجم 512 بكسل مقنع على نصف قطر قدره 90 بكسل وأحد الملثمين عند 89.825 ، ولكن من المؤكد أن حواف الزاوية المستديرة ستنتهي بشكل مختلف قليلاً ومن المحتمل أن تكون مرئية في ظروف معينة إذا تم تطبيق قناع ثاني أكثر دقة بواسطة Apple ، في التعليمات البرمجية ، أو خلاف ذلك.

Question

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

أنا متأكد من أنني مجرد معتوه ، ولكن كيف يمكنك الحصول على الزوايا المستديرة بالضبط مع الرمز الخاص بك من Illustrator أو Photoshop؟

تصحيح:

ما هو نصف قطر جهاز آيباد ريتينا؟




يتجادل الناس حول زيادة نصف قطر الزاوية قليلاً لكن في الواقع ليس هذا هو الحال.

من هذه المدونة :

إن "سر" منتجات أبل المادية هي أنها تتجنب التماس (حيث يلتقي نصف قطر خط في نقطة واحدة) ويصنع أسطحها بما يسمى استمرارية الانحناء .

لست بحاجة إلى تطبيق نصف قطر الزاوية على أيقونات لنظام التشغيل iOS. مجرد تقديم رموز مربع. ولكن إذا كنت لا تزال تريد معرفة كيف ، فإن الشكل الفعلي يدعى Squircle الصيغة:




مهم: معادلة رمز iOS 7

مع الإصدار القادم من iOS 7 ستلاحظ أن نصف قطر الرمز "القياسي" قد زاد. لذا حاول أن تفعل ما اقترحته أنا وأبل مع هذه الإجابة.

يبدو أن الصيغة التي تمثل شكلها بشكل أفضل على نظام التشغيل iOS 7 هي بالنسبة إلى رمز 120 بكسل:

|x/120|^5 + |y/120|^5 = 1

من الواضح أنه يمكنك تغيير الرقم 120 مع حجم الرمز المطلوب للحصول على الوظيفة المقابلة.

أصلي

يجب عليك تقديم صورة ذات زوايا 90 درجة (من المهم تجنب اقتصاص زوايا الرمز الخاص بك - iOS يقوم بذلك عندما يقوم بتطبيق قناع التقريب) ( IconsImages )

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

إذا قمت بتعيين الزوايا الدائرية يدويًا لرموزك ، فمن المحتمل أن تبدو مكسورة في هذا الجهاز أو ذاك ، نظرًا لأن قناع التقريب يحدث لتغييرًا طفيفًا من إصدار iOS إلى آخر. أحيانًا تكون الرموز الخاصة بك أكبر قليلاً ، وفي بعض الأحيان (تنهد) أصغر قليلاً. سيؤدي استخدام أيقونة مربعة إلى تحريرك من هذا العبء ، وستتأكد من وجود رمز محدث وحسن المظهر دائمًا لتطبيقك.

هذا الأسلوب صالح لكل حجم رمز (iPhone / iPod / iPad / retina) ، وكذلك للعمل الفني iTunes. لقد اتبعت هذا المنهج عدة مرات ، وإذا كنت تريد أن أتمكن من نشر رابط إلى تطبيق يستخدم رموزًا مربعة أصلية.

تصحيح

لفهم هذه الإجابة بشكل أفضل ، يرجى الرجوع إلى IconsImages الرسمية IconsImages . في هذه الصفحة ، يُذكر بوضوح أن أيقونة مربع ستحصل تلقائيًا على هذه الأشياء عند عرضها على جهاز iOS:

  1. زوايا مدورة
  2. شبح الهبوط
  3. تألق عاكس (إلا إذا قمت بمنع تأثير اللمعان)

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




وثائق جديدة (صالحة كما في يناير 2018) لمتطلبات رمز التطبيق:

https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/

يشمل:

الحفاظ على رمز زوايا مربعة . يقوم النظام بتطبيق قناع يقوم بتدوير زوايا الأيقونات تلقائيًا.

و

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




إذا لم يكن النظر في السكتة الدماغية ، فإن نصف القطر الفعلي هو في الواقع 10 بكسل لكل رمز 57x57.

أحصل على هذه المعلومات من iconreference .




يبلغ نصف قطر ركني 57 × 57 بكسل أيقونة 9 بكسل.




زوايا جولة آي فون بالنسبة لك ، كل ما تحتاجه هو رمز 57.257 png مربع ويجب أن تكون جيدة




حاولت دائرة نصف قطرها 228px 1024x1024 وعملت :)