I was playing with Photoshop last night and started tinkering with the Mockup for the Chat View. This is what I have so far after a few tries
Update: I’ve been told that the design is too bland and need more hierarchy and color pop. So far I have something like this but it’ll definitely need a lot more refining to be good enough for production.
Links that helped me out:
How to make round images in Photoshop: http://www.youtube.com/watch?v=oZ7b3HIWW_g
How to use photoshop for wireframes (I am a noob at photoshop): http://nathanbarry.com/how-to-use-photoshop-to-design-interfaces/
A Youtube Tutorial on Basic Wireframing in Photoshop: http://www.youtube.com/watch?v=YSA7bnAc1PQ