iphone تحميل - اي فون تطبيقات الرموز-الشعاع الدقيق؟




ايقونات الايفون (14)

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

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

تصحيح:

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


Answers

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

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

يشمل:

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

و

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


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


عند تصميم رموز تطبيقاتي باستخدام Photoshop ، وجدت أن نصف قطر صغير لا يلائم قناع الجهاز تمامًا .

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


كما قال الآخرون ، لا تريد تقريب أركانك. تريد شحن رسومات مربعة (بدون طبقات أو ألفا). قامت شركة Apple بتغيير القناع الذي تستخدمه لتقريب زواياك في iOS7 ثم مرة أخرى في iOS8. يمكنك العثور على هذه الأقنعة داخل حزمة تطبيق Xcode. يتغير المسار مع كل إصدار SDK جديد يتم إصداره. لذا ، سأوضح لك كيف يمكنك العثور عليها دائمًا.

find /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs -name 'MobileIcons.framework'

في هذه اللحظة بالذات ، يكون المسار الذي تم العثور عليه بواسطة هذا الأمر هو /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator.sdk/System/Library/PrivateFrameworks/MobileIcons.framework ولكن لا على ثقة من ذلك. استخدم الأمر للعثور عليه بنفسك.

يشير هذا المسار إلى دليل يحتوي على هذه الملفات (مرة أخرى ، في وقت نشر هذه المشاركة)

./AppFolderBadgeIconMask-128_1only_.png
./AppFolderBadgeIconMask-16_1only_.png
./AppFolderBadgeIconMask-256_1only_.png
./AppFolderBadgeIconMask-32_1only_.png
./AppFolderBadgeIconMask-512_1only_.png
./AppFolderBadgeIconOverlay-128_1only_.png
./AppFolderBadgeIconOverlay-16_1only_.png
./AppFolderBadgeIconOverlay-256_1only_.png
./AppFolderBadgeIconOverlay-32_1only_.png
./AppFolderBadgeIconOverlay-512_1only_.png
./AppFolderBadgeIconShadow-128_1only_.png
./AppFolderBadgeIconShadow-16_1only_.png
./AppFolderBadgeIconShadow-256_1only_.png
./AppFolderBadgeIconShadow-32_1only_.png
./AppFolderBadgeIconShadow-512_1only_.png
./[email protected]~ipad.png
./[email protected]~iphone.png
./[email protected]~iphone.png
./AppIconMask~ipad.png
./AppIconMask~iphone.png
./CarAppIconMask.png
./CarNotificationAppIconMask.png
./DefaultIcon-20.png
./[email protected]
./[email protected]
./DefaultIcon-29.png
./[email protected]
./[email protected]
./DefaultIcon-40.png
./[email protected]
./[email protected]
./[email protected]~iphone.png
./[email protected]~iphone.png
./[email protected]~ipad.png
./DefaultIcon-76~ipad.png
./DocumentBadgeMask-145.png
./[email protected]
./DocumentBadgeMask-20.png
./[email protected]
./[email protected]
./[email protected]~ipad.png
./DocumentBase-320~ipad.png
./DocumentBase-48.png
./[email protected]
./[email protected]
./[email protected]~ipad.png
./DocumentMask-320~ipad.png
./DocumentMask-48.png
./[email protected]
./[email protected]
./[email protected]
./[email protected]
./[email protected]
./[email protected]
./[email protected]
./[email protected]
./[email protected]
./[email protected]
./[email protected]
./[email protected]
./[email protected]
./[email protected]
./NewsstandDefaultMagazine_1only_.png
./NewsstandDefaultNewspaper_1only_.png
./NewsstandMaga[email protected]~ipad.png
./[email protected]~iphone.png
./NewsstandMagazineGradientLeft~ipad.png
./NewsstandMagazineGradientLeft~iphone.png
./[email protected]~ipad.png
./[email protected]~iphone.png
./NewsstandMagazineGradientRight~ipad.png
./NewsstandMagazineGradientRight~iphone.png
./NewsstandMagazineSwitcherGradientLeft.png
./[email protected]
./[email protected]~ipad.png
./[email protected]~iphone.png
./NewsstandNewspaperGradientBottom~ipad.png
./NewsstandNewspaperGradientBottom~iphone.png
./[email protected]~ipad.png
./[email protected]~iphone.png
./NewsstandNewspaperGradientLeft~ipad.png
./NewsstandNewspaperGradientLeft~iphone.png
./[email protected]~ipad.png
./[email protected]~iphone.png
./NewsstandNewspaperGradientRight~ipad.png
./NewsstandNewspaperGradientRight~iphone.png
./NewsstandNewspaperSwitcherGradientBottom.png
./[email protected]
./NewsstandNewspaperSwitcherGradientLeft.png
./[email protected]
./NewsstandNewspaperSwitcherGradientRight.png
./[email protected]
./[email protected]~ipad.png
./[email protected]~iphone.png
./NewsstandThumbnailShadow~ipad.png
./NewsstandThumbnailShadow~iphone.png
./NotificationAppIconMask.png
./[email protected]
./[email protected]
./SpotlightAppIconMask.png
./[email protected]
./[email protected]
./TableIconMask.png
./[email protected]
./[email protected]
./TableIconOutline.png
./[email protected]
./[email protected]

كما ترون ، هناك الكثير من الأقنعة المختلفة ، ولكن يتم تسميتها بشكل واضح. هذه هي الصورة [email protected]~iphone.png :

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


جميع الإجابات السابقة على هذا السؤال أصبحت الآن قديمة. منذ مايو 2015 على الأقل ، تطلب منك شركة Apple توفير رموز مربعة بدون تقريب:

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

https://developer.apple.com/ios/human-interface-guidelines/graphics/app-icon/


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

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

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

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


لست بحاجة إلى تطبيق نصف قطر الزاوية على رمز تطبيقك ، يمكنك فقط تطبيق رموز مربعة. يقوم الجهاز تلقائيًا بتطبيق نصف قطر الزاوية.


بعد تجربة بعض الإجابات في هذا المنشور ، قمت بالتشاور مع لوي مانتيا (شركة أبل السابقة ، ومربعة ، ومصمم 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. [email protected] - 114px - 20
  5. Icon-72.png - 72px - 12.632
  6. [email protected] - 144px - 25.263
  7. Icon-Small.png - 29px - 5.088
  8. [email protected] - 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 ، في التعليمات البرمجية ، أو خلاف ذلك.


هناك نوعان من الإجابات المتضاربة كليًا مع عدد كبير من الأصوات واحد 160px @ 1024 والآخر هو 180px @ 1024. حتى ساحرة واحدة؟

جريت بعض التجارب وأعتقد أنه من 180px @ 1024 حتى drbarnard هو الصحيح.

لقد قمت بتنزيل أيقونة iTunes U من متجر التطبيقات 175x175px لقد قمت بتحديثها في Photoshop إلى 1024px ووضع شكلين عليها ، واحد مع دائرة نصف قطرها 160px وواحد مع 180px.

كما ترون أدناه الشكل (الخط الرمادي الرقيق) مع 160 بكسل (الأول) هو قليلاً ، في حين أن واحد مع 180 بكسل تبدو جيدة.

هذا ما أفعله الآن في PhotoShop:

  1. أقوم بإنشاء 1026x1026px بحجم القماش مع قناع 180px للتصميم الرئيسي Smart Object .
  2. أقوم بتكرار Smart Object 5 مرة الرئيسية وقم بتغيير حجمها إلى 1024 بكسل و 144 بكسل و 114 بكسل و 72 بكسل و 57 بكسل.
  3. أضع "شريحة مستندة طبقات جديدة" على كل كائنات ذكية وأعيد تسمية الشرائح وفقًا لحجمها (على سبيل المثال ، icon-72px).
  4. عندما أقوم بحفظ العمل الفني ، اخترت "All User Slices" و BANG! لدي جميع الرموز اللازمة لتطبيقي.

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


تحتوي الإجابة من dbarnard على الصيغة لحساب نصف القطر الصحيح ، ولكن بما أنك كنت تبحث عن القوالب ، يمكن العثور على جميع الأقنعة والتراكبات في هذا الدليل:

/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator5.1.sdk/System/Library/PrivateFrameworks/MobileIcons.framework

(المسار للإصدارات الحديثة من XCode. بالنسبة للإصدار الأقدم ، ربما يكون داخل / Developer /).

كما لاحظ الآخرون ، لا يجب عليك أن تحجبهم بنفسك ، ولكن يمكنك استخدام هذه للتحقق من كيفية ظهور الرموز الخاصة بك مرة واحدة ملثمين.

(الاعتمادات لهذه النتيجة تذهب إلى Neven Mrgan IIRC)


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


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

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


مجرد إضافة إلىJamie McDaniel ، في حال لم يكن الأمر واضحًا على الفور ، فأنت بحاجة إلى إضافة القيد الذي يقترحه لإنشاء:

NSLayoutConstraint *buttonTopConstraint = [NSLayoutConstraint constraintWithItem:self.button
                                 attribute:NSLayoutAttributeTop
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:self.topLayoutGuide
                                 attribute:NSLayoutAttributeBottom
                                multiplier:1.0
                                  constant:20.0];
[self.view addConstraint:buttonTopConstraint];




iphone ios ipad icons