2

I'm creating an iOS 8 app icon in Sketch 3. For learning purposes, I've only set the color of the icon shape and I haven't added any other layers to it.

What I did:

  • Create app icon from iOS template
  • Remove all the sizes except for 1024x1024
  • Set a nice gradient background color
  • Export to 58x58 using by clicking make exportable then entering 58x58 in the size field and exporting.
  • Add the icon to the far-left "window" in Xcode (Images.xcassets) in the 2x window over iPhone.

The edges of the app icon seems kind of choppy and blurred out on the phone, it isn't clear and sharp like every other icon, do you have any idea why this is and how I can fix it?

Thanks!

  • Hi Erik, welcome to GDSE and thanks for your question. If you want to know more about the site, please see the help center or ping one of us in Graphic Design Chat once your reputation is sufficient (20). Keep contributing and enjoy the site! – Vincent Apr 6 '15 at 12:37
1

Have a look at the following Apple document: https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html

This lists all pixel sizes you should use for icons... Where did you come up with 58x58 for an application icon? Try adding the correct format for your phone to see whether that solves the problem.

Once you make a real app you should of course add the correct sizes for any device you want to support...

  • I'll be sure to take a look at that! I heard 58x58 in a video. I'm actually at the edge of finalising my app but I just need to familiarise myself with icons first. – Erik Apr 6 '15 at 21:06

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.