I've designed an UITabBar icon for my Application.
The HIG for iOS 7 states that UITabBar icons should be about 55x55 pixel (for a retina device).
Unfortunatly my Icon does not seem to render correctly:
Original Icon:
How it is Rendered in Xcode and the iOS Simulator:
Has Anyone Experienced something similar, or has any Ideas how to fix this?
EDIT://
Nevermind, I already solved it.
Illustrator just filled the rectangles with white instead of making them transparent which resulted in a fine looking icon on white but a odd looking icon when used in an UITabBar.
Related
The icon I'm using with my app looks fine everywhere on my iPhone X except for when it is listed within Suggestions.
At first I thought this was a cached image from when my version 1 app icon did have curved edges resulting in Xcode automatically adding the black border. I deleted the app from my phone before installing the latest version. Unfortunately, even though I am now on version 2 of my app icon which is completely square the black border still lingers within Suggestions.
What am I missing in order to remove this black border from Suggestions?
Using my version 2 app icon
no black border - good
black border - not good
Xcode icon setup
Im using a UISearchBar in my iOS app, but there is some problem with the UI. If you look at this image, the icons (cross icon and search icon) inside the search bar are blurry/pixelated. I tested this on an iPhone 6 device as well. Can someone tell me if I missed something or why this could be happening?
It seems I was using a wrong tabbar icon image which was causing the search bar to be rendered like this. It looks fine after using a correct size tab bar icon image.
I am running my test app on the 4s simulator and iPhone 4s(device). Any ideas why the vibrant text disappears on the device?
Here are the photos with the problem:
simulator:
device:
Any help appreciated!
I have this problem too, with image view as content. Somehow I got it works after changing my image color to white (it's black before). Try changing your text color to pure white.
I was scratching my head for the same problem. The solution has been given in the comments by #TonyMkenu : the flag UIAccessibilityIsReduceTransparencyEnabled() prevents the blur and vibrancy to work (rendering as an opaque very light ugly gray).
PLease tell me how can I create app icon for iOS 7 with perfect quality?
Now my two app icons have black artifacts on corners..
Original iPad desktop icon for retina 144x144px without artifacts
I also check "iOS icon is pre-rendered"
What I'am doing wrong? Why Xcode or iOS render my icon with ugly corners?
Please, help..
I generally make my icons square in the first place and then let Xcode handle the curved corners. That way you don't end up with ugly curved black lines.
Your red background is to big, when re-rendering the corners some of the red comes inside the app icon, it looks dark because it is mixed up with the blue.
Create a completely squared app icon, xcode will do the rest and it won't look screwed.
(remove the red background)
This is because your app icon's corner radius and apple's standard corner radius are mismatching. So they filling the gap with black backgound. I suggest you to make a squred icon and dont check iOS icon is pre-rendered unless there is a particular requirement. Another solution is to adjust the icon with some image editor. May be adjusting your corner radius will help you.
I have been trying to solve this app icon color issue all morning. I am still experiencing this after going through both of these highly recommended photoshop/iOS design articles:
http://davidmckinney.com/blog/2013/12/31/designing-iphone-apps-how-to-setup-photoshop
http://bjango.com/articles/photoshop/
Here is the problem that I am having:
When creating my app's icon, the color that I see in Photoshop is the exact same color that I see in xcode's asset catalog. It is also perfect when I run the app on the iOS simulator.
However, when I run my app on my iPhone the app icon's color is always darker.
What's weird, is if I take a screenshot of my iPhone's screen and email it to myself, the color is correct! So for some reason the color is only darker when you are actually looking at the iPhone's screen.
Pardon my ignorance, but this is the first design I have ever done for an iOS app and I don't understand why this is happening or how to fix it.
EDIT: I am now using LiveView after reading this answer: https://stackoverflow.com/a/3597221/3344977
What's funny is no matter how hard I try I cannot get the color I see on my screen to appear on my iPhone screen. It's as if this shade of Pink I'm trying to use just isn't possible to render on an iPhone display.
This is because your iPhone and Monitor screens have different color calibrations (if that's the right term)
You're going to want to setup a color profile on your computer that matches the iPhone screens as closely as possible, and use that when developing icons.
for some reason the color is only darker when you are actually looking at the iPhone's screen
Consider turning up the brightness on your iPhone. Go to Settings->Wallpapers & Brightness to adjust it.
In any case, the issue isn't that the value of the color is changing on your device, it's just that that color value is being rendered differently.
Its because the resolution of your screen is different than your iOS device try it on other device