This is the messages view for an iPad app I'm working on for a client, called "Piccee" - a dating app based solely around communication through photos to enable better conversation than many other dating sites/apps. Click for Real Pixel Goodies!
- Upon tapping the messages button your stack of messages will animate to the screen/appear and you can see the convo and images you've shared with the other individual you've been conversing with.
- Swipe left and right to browse through your messages & to trash it will either be swipe down or tap/hold/drag to garbage. (undecided but suggestions welcome.)
- "Nicholas" & his age will be changed to "You" as it is not necessary to preview YOUR name for you to see. You know your name :)
- The name of the app will be replaced with the name of the screen you're currently on (i.e. Messages)
- From these messages you can tap the other individuals avatar to view their profile or you can tap outside of the messages you create a snazzy animation and your messages go back to their rightful place.
All are works in progress now & your thoughts are welcome :D
7 months ago
The only thing I'm not fan of is that slide menu icon. Send button looks lovely.
Really liking the colors and style of the app, it feels light and inviting.
On the papers that are behind the main page, shouldn't the pages be a slightly shaded grey color instead of translucent? Also, the "hamburger" menu drawer icon feels strong/heavy compared to the other soft colors and icons being used. Just my 2 cents :)
@Aleksandar Djuric Thanks! I appreciate it :D What about it don't you enjoy?
@Miguel - I really liked the style of them being translucent - It's different, and from what I know, doesn't really break any rules (that I know of). It was just there to indicate that they are not the prominent message at the time and the shadows all demonstrate the proper lighting/shadows and such. Once you slide left or right, they'll show at full opacity and so on and so forth.
Also, hamburger icon - heavy in what way aside from colors? I needed to go for a light gray for the icons because the color I used was just looking funky and I was less than satisfied haha. Maybe i'll toy with that again.
I like it a loooot Cat, but why are the stacked pages transparent?
@Oleg Stirbu haha I addressed that in the comment up top. It was a style I really enjoyed. It's different and doesn't break any rules (that I know of). I wanted to try it and it looked great to me along with others.
I like it. The checkmark could be a little smoother in its curves. The top reminds me of Pocket, but since I love it, I do not mind at all.
@Cat Smith It's too wide imo, but that's just me. I hope that helps you. :)
@Cat Smith the dark strokes along the lines adds weight to the icon, much more than you're using anywhere else. That's why it felt a bit out of place to me.
Also, the reason I asked about the translucent pages is that you have paper stacks that reflect what they would look like in real life (you can call it skeuomorphism) but then the papers behind it are translucent, which goes against the real life resemblance. The effect is confusing. Does that make sense? I realize that you liked the idea, and I like it when translucent elements are used, but having a cohesive user experience can have greater power than what you and I aesthetically like.
I really like the color palette, Cat!
I have a few thoughts:
Profile Pictures: why a different aspect ratio in the messages? I know as a user when I crop my photos, I like them to display the same. They become more rectangular in messages, yet are square in the header.
Text color overall is a bit light. Have you tried making the bolder headlines a bit darker. It does have that light and airy feel, but on full-brightness screens users may strain their eyes a bit.
I especially love your animations. I have fallen in love with the drag up/down to return. :) :)
Nice one shot .. i like it very much :)
@Cat Smith Totally forgot to give my appreciation. :) Dat button!
I like this alot :) Keep it up.
What if the icons on the top bar didn't have a button, I feel like they wouldn't need it?
@Miguel Solorio Agreed! Going to look into editing that up :)
@Brandon Hunter - Yep! You're right - Already made the text darker before you even suggested. Realized that, too. Thank you! :D
@Aleksandar Djuric @Mike Moloney @Tanvir ahmed fahim thank youuu :D
Awesome job, Cat, but you know that already.
And my two cents, I loved the transparent background pics when I first looked at them. Awesome style and not something you see every day, which makes it more than A.O.K. in my book.
I've never been a fan of loose stacks of paper, but to each their own. Thats personal preference.
I'd look at matching up the inner highlights - They seem a lot harsher on Claire Danes, and the other guy opposite.
Also the tick seems to be slightly overcurved (is this a word) at the base.
Also as an overview, the top bar seems to be very similar to Pocket.
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