I started with making some mockups on how I would like iOS to look like. I began with iMessages.
The concept is that most apps will contain two main layers. The lower layer (in this case blue) is flat and clean. No shadows, textures or anything. The colour would change per app, giving it it's own identity. The status bar is not separate anymore, and thus one with the lower layer.
The upper layer is where it all happens. It has some depth, although not as much as most current iOS apps. The white is a bit tinted to make it more human and paperlike, and would be uses throughout the OS.
Download the attachment for your (Retina Display) iPad. Any feedback is welcome!
about 1 year ago
Good work, mate. Loving many parts of it.
@Gadzhi Kharkharov thanks! feel free to mention the parts you don't like...
Looks like you put a lot of work into this, nice!
Couple of things:
1) Does this concept assume it's an iMessage-only client? I feel that the styling and coloring would clash a ton if you were texting a user, not iMessaging them. And I don't see it as an effective application if it separates SMS from iMessage.
2) The typing indicator seems to get lost in the background. I would recommend darkening it a bit more so it stands out more definitively. Same with the camera icon in the conversation.
3) Would the Search field in the far column be placed directly over the background or would you lighten the layer it lays on to stand out more?
4) Why did you round the corner on the top left of the conversation view but truncate all the other edges to a 90 degree angle? It gives the impression that it could be a side drawer. Maybe that was your intent? Slide in between list and full-screen view? Even so, the rounded corner in my opinion gives off an awkward floating impression.
Love the matte bubbles vs glossy, great concept here.
Really like the idea, but I really don't like the sidebar, most of all I don't like the colors at all. Your content (right side) is awesome but don't digg the sidebar sorry.
Thanks @Joshua, here a response
1.Tucker On iPad it only would be iMessage
2. I agree with you on the camera (and edit) button, but I actually like the subtlety of the typing indicator.
3. Exactly, with a drag down a white field would appear with a search field within.
4. It's purpose is to make the corner less harsh. The reason why the other are straight is to give the user the idea that the pane continues beyond the viewport.
@Sjors Snoeren I kind of agree with you, the color is too much like Windows 98. Others say it reminds them of Facebook. I think I'm going to experiment a bit with depth, gradients and (God forbid) noise :)
@Joost van der Ree I can understand about 4. but it's possible that not seeing both views could distort my feeling on it.
Since you mentioned you are giving the appearance that it continues on, do you plan on having a sliding panel with other features or full screen mode, or is the styling simply a choice?
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