Introduction
Create your own chat client
()
What you should know
()
1. Initial Research
Visual inspiration for the project
()
Ideas and mockups
()
Finalize mockups
()
2. Design the Main Chat List
Create splash screen
()
Build the list view
()
Add the list of people
()
Develop the message area
()
3. Design the Conversation Screen
Create the chat text input
()
Build the simulated chat
()
Multiply the simulated chat
()
Reorganize the prototype
()
4. Prototype with InVision
Set up Craft in Photoshop
()
Add quick hotspots with InVision
()
Overview of InVision usage
()
Ex_Files_Photoshop_CC_Chat_Client.zip
(120.8 MB)