Apple approved Gridlee yesterday (https://itunes.apple.com/ca/app/gridlee/id595117070?mt=8). It runs on imame4all, whose developer actually released a version that could run on non-jailbroken devices: http://code.google.com/p/imame4all/ so it doesn't really matter if (more like when) Apple pulls Gridlee. Anyone now can get some old school arcade action going on iOS.
This is a reworking of the default skin. The d-pad is heavily based on the best damn controller ever made: SEGA's Genesis controller. All buttons and the d-pad (a joystick is also included) include all the various push states.
This is pretty much another go at: http://drbl.in/cEJn (which I did about a year ago).
Hit up the Action attachment for a shot of it on the iPad. RealPixels for an unabashed 1:1 shot of the entire UI.
10 months ago
The real pixel attchment is just stunning. Looks really real :D
When working on UI for iPad do you generally work at 100% zoom? How do you manage to organize the layout correctly for such a massive canvas?
By the way, the subtle gradient on the MAME logo is great.
@Sebastian Hager Thanks. I really got lucky with the texture I think. It just popped as soon as I applied the gradient and the overall texture (which is a pattern I had saved from another project). I really wish Dribbble was my friend in the previews. Either that or I suck at showcasing (I'm thinking the latter).
@Eli Schiff Thanks. I struggled a bit with what to do for the logo. My other choice was to either stamp it in (like Nintendo did with their logo on the SNES) or make a cheapo plastic logo like the Apple on the Mac Classic. But none suited the overall "pro" feel.
I tend to go in deep on my monitor and then zoom to 100% on the iPad (I use a combination of LiveView and Xscope) to see the final result. My monitor is a 1920x1080 so it's a bit constrained, but bearable. This one wasn't so bad, but doing full screen apps on the iPad is a song and dance. Even with a 2560x1600 it's not a cakewalk (and dual monitors do nothing). This period of transition from normal screens to Retina is a real Burgess Shale.
I tend to use a lot of guides to organize layouts. First thing I do is grab the numbers of what I'm going to be working on and fire up calc. From there I work out where everything should be. Sort of like architects do I imagine. Build a foundation and then paint everything in. Even if you don't have the luxury of seeing it all on screen at once, there's no reason you can't layout things out pixel perfect (no excuse either).
Wow I cant wait to play with those buttons. I like the shine on the buttons (you havnt used the standard 90degrees direction and thats great) The matte grainy plastic texture on the base is very cool. (looks very realistic). Maybe some signs of use would be cool (scratches or dust for example). congrats man
@William Szilveszter man those buttons look gorgeous..
@William Szilveszter I think I'll have to get myself a setup w/ LiveView and Xscope once I get the retina iPad mini. Also I have heard good things about Skala preview by Bjango, which is probably a similar setup. Thanks for sharing your work setup. It truly is an agonizingly slow transition to retina. I'm personally working on an external 1920x1080 monitor connected to my 1280x800 macbook pro. It's both hilarious and sad opening up retina wallpapers and interfaces on it.
@Eli Schiff Xscope is probably the best of the bunch (tho you do have to fight with it a bit). The problem with Skala (and others like it) is that it uses Ps's built in connectivity feature. This means no live updating on the device when you move sliders or change elements in layer styles. It will only update the image once you finalize whatever task you're on. That's a +huge+ drawback. LiveView is great but it's a one trick pony that can be pretty slow at times. But it is free.
@William Szilveszter Thanks! That's super helpful. Live update is too crucial not to have.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter