Page 1 of 1

Transparent gaps in UI Design allowed?

Posted: Wed Apr 09, 2014 8:40 am
by roxanne628
Hi there,

I am currently updating the skin of an app. With this new design we have created an 8px spacing as the 'golden rule' between UI elements, buttons, etc.

The developers I am working with said that the transparent pixel spacing is a "no-no". They are in Shanghai so I'm waiting a full day to hear back on why it is a "no-no".

The idea of the UI design is to have the illusion of floating buttons, but in reality if the elements are exported with a transparent border of 4px (creating in reality a rigid structure) I don't see why this won't work. I'm not a developer so I understand I may be blind to rules or code that interferes with this.

Is this something that iOS has a rule about? I've seen in several design mock-ups online with people doing this so I am hoping for some clarity from some of you as to why this won't work or if it could. I've attached two files to explain what the dev's are saying won't work and what the designers are proposing to create the illusion.

We've just done 5 days of tedious design execution so trying to figure out if we have to start over :banghead:

Thanks!

Re: Transparent gaps in UI Design allowed?

Posted: Wed Apr 09, 2014 11:56 am
by Christopher
Is this a native app or web app?

Re: Transparent gaps in UI Design allowed?

Posted: Fri Apr 11, 2014 9:42 am
by pickle
They likely said it was a "no-no" because the spacing can (and should) be done in code. What happens if after everything is done, the pixel spacing needs to be 4px, or 9px? If the spacing is set into the images, you'll have to re-render them all, whereas the developers can just tweak it once in code.

Re: Transparent gaps in UI Design allowed?

Posted: Wed Jan 07, 2015 1:06 am
by jeminacrown
No transparent gaps is not allowed because it defects on pixel or it can be add on coding if it it correct..

Re: Transparent gaps in UI Design allowed?

Posted: Thu Mar 10, 2022 6:14 am
by Skilltology
No, transparent pages are not allowed in UI Design.