Designer News
Where the design community meets.
This turned out really well Nathan; nice work. One unrelated thought: Have you considered labeling the transition animations for links? It's pretty hard to tell what they do from the icon alone. I've gotten used to them now but I made a couple mistakes setting up the sample flinto app, and I don't think I would have ever guessed the last icon was for cross-fade.
This is definitely an important problem to solve. From the perspective of a developer who worked very closely with designer Meng To, part of the problem is that you can't communicate details like animations and sound effects via a flat PNG. You can have the designer sit next to the developer as they make perfecting changes, but this is inefficient and not equivalent to being able to iterate yourself.
At Heyzap, Meng To was working on solving this by making high-fidelity prototypes using Xcode Storyboards, as well as doing sound effects and basic animations himself. We didn't get a chance to see how effectively this works in practice, but I suspect it'd be a big help.
Finally, make sure to communicate details that aren't visible in your mockups. Details like button selected/hover states and how to handle edge cases like overly long text are crucial to implementing a design.
Sketch has very poor performance at high zoom levels on my retina MBP, even with smaller amounts of layers. When zooming, there's a noticeable pause before the zoom actually happens. Other than that Sketch is fantastic, but I have to fall back to photoshop when I need a high zoom level for measuring spacing or measuring nine-slice dimensions.
Would people be interested in more resources/tutorials on this?
Wanted to add: I bet Meng To (designer where I work at Heyzap, who's used it) would answer questions you have about it.
It's still in beta, but you should check out https://www.flinto.com/. It's incredible -- the animations are so good that it looks like a native app.
It would be really nice if links didn't open in a new tab. In addition to not being typical behavior, it's very annoying on Mobile Safari because I have a limited number of tabs.
On that note, anyone have any experience with PaintCode, and how it might compare to this?
Maximilian hasn't upvoted anything yet.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Love this site! The version information is really helpful. Also you'll notice none of the font names have spaces in them -- they're PostScript format. Using another name for the font on iOS can either fail to create the font or have performance implications.