So, I'm a Visual Designer. I already worked as UX Designer, but now I'm focused on style guide search and I'm preparing assets and useful material to agile developers work, so they start using the iOS UIKit.
We're working on a iOS app. I want to export, from my hi-fi sketch files, the icons assets for developers, but then I noticed there's no great official documentation.
We (designers team) started by the iOS10 GUI sketch files from Facebook. It's such a great and complete library well organised and ready to mockup/prototype. While we were studying the interface, we also noticed this:
Great iOS documentation about the main UX and design guidelines;
Great iOS documentation/index for developers
As we have Navigation Bars, Tool bars and a Tab bar, we should care about its icons appearance and size.
Then, I couldn't find any central and official documentation about the icons assets sizes to export. As I was searching, I found there was a Matrix icons (old link) where, in previous iOS versions, I suppose it had a table of icon sizes for assets. Now it just redirects to Design Guidelines.
In official documentation, I just found in API Reference to Tab bar icons:
"If the image is too large to fit on the tab bar, it is clipped to fit. The size of a tab bar image is typically 60 x 60 pixels."
I want to export the real assets requirements, because I did the pixel perfect on icons and I don't want them to be stretched. So, I suppose the tabbar icons assets should be 30pt x 30pt, as it will export to 30px (@1x), 60px (@2x) and 90px (@3x).
Searching more about this, I found this official link where it says Navigation bar icons have about 44px by 44px and Tab bar icons have about 50px by 50px.
Comparing to the iOS10 GUI sketch files from Facebook (I suppose I should trust because it seems a ready to export file), the tabbar icons has maximum 30pt, but (image below) its represented symbols has 25pt, and the toolbar and navigation icons has 29pt (e.g. share system icon) but its represented sketch symbols (image below), it has max. 22pt.
To toolbars and navigation bars, I just found the this official link about icons assets sizes, as I told you, but not conclusive. Then I found this unofficial documentation for iOS7 saying toolbar icons is 22pt and this other unofficial doc saying toolbar icons is 20pt.
I'm truly confused. I don't want to continuously export several assets to try and refit assets. So, my questions are:
Is somewhere any updated official documentation with the real icon sizes to iOS10?
To implement icons by iOS UIKit, I have to give the system icons (share, delete, back icons) or the developers can declare it by default?
Sorry for long question. It's a technical doubt, but my design work depends on it. Thanks!