Databases
StackOverflow2013
Postsdbo
POHow to make good looking custom ui in mobile and tablet devices?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to make good looking custom ui in mobile and tablet devices?
    primarykey
    data
    text
    <p>I'm looking for an intro into designing and making a custom and dynamic UI on mobile specific platforms. As I understand Nokia(Qt), Android, and iOS all use OpenGL ES (2.0?). I haven't looked into Windows phone 7 yet so not sure what that uses. So I think OpenGL would be a pretty good place to start. While OpenGL is mostly about 3D, I'm also open to 2d ways of creating dynamic UI. </p> <p>I've never really been big on designing interfaces or coming up with cool concepts but now I have an idea for a mobile app that really needs a good looking user-interface. It's sort of a half app, half game type of thing. It really targets people in the gaming community who I think are used to a bit more polish and advanced UI. I could still probably get away with a simple UI(simple not being a bad thing) but I think I at least should learn <em>some</em> design techniques for future reference.</p> <p>Of course I realise that excessive eye candy which hurts usability, like bloated graphics that slow down the mobile, are of no use at all. I'm trying to make a sleek UI that while looking good allows the user to interact well with the app effectively.</p> <p>Any suggestions, resources, experience you can share would be most helpful.</p> <p>EDIT: While I'm looking for ways to use 3D graphics, I'm more concerned with how to come up with a sleek UI in a mobile. I come from a mostly web developer background, with some experience in Photoshop(CSS is the furthest I've gone in designing). I have never really had to design a dynamic interface that reacted to touch and moved all around the screen with some laws of physics attached. There are lots of such effects, such as the carousal effect, which gives the user an enhanced experience. I have no idea how to incorporate these effects into a mobile device. For example, one of the things I need this app to do is take a glassy circular object(a button) that moves around, then turn it into a sort of convex glass lens so it's sort of zooming in on the image underneath to make it look like its actually a magnifying glass. I looked around and this effect is created by a "grid warp" or a "mesh warp". Suffice it to say I have no idea how to do it.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USAbid Ullah
    1. USAbid Ullah
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to make good looking custom ui in mobile and tablet devices?
      1. USChris Kooken
      1. VTFavorite
    2. VO
      singulars
      1. POHow to make good looking custom ui in mobile and tablet devices?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POHow to make good looking custom ui in mobile and tablet devices?
      1. USMarius Butuc
      1. VTFavorite
    1. COConsider consistency. Only do this if your app is a game. If not, rewrite the UI for each platform with the appropriate frameworks.
      singulars
      1. POHow to make good looking custom ui in mobile and tablet devices?
      1. This table or related slice is empty.
    2. COWell its sort of a game, rather, supplementary to a game. The UI is important in this case, because the placement of buttons on the screen are fixed. Most users will spend a lot of time pressing virtual buttons on screen while not actually looking at the screen. I have to make the placement of the buttons ergonomic and easy to find without having to look. So the structure of the app will not change with the platform. I can however make this app look as I feel like, so I want it to look quite good, as for the target audience a better looking UI will give the app an edge.
      singulars
      1. POHow to make good looking custom ui in mobile and tablet devices?
      1. USAbid Ullah
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload