Introduction
Build your chat client with Sketch and InVision Design System Manager (DSM)
()
What you should know
()
1. Initial Research
Set up Sketch, Craft, and InVision DSM
()
Visual inspiration for the project
()
Ideas and mockups
()
Finalize mockups
()
2. Design the Main Chat List
Create initial symbols
()
Create the list view
()
Add the list of people
()
Create the message area
()
3. Design the Conversation Screen
Create the chat text input
()
Create the simulated chat
()
Multiply the simulated chat
()
Reorganize the prototype
()
4. Manage Designs with DSM
Overview of InVision DSM
()
Manage the colors section
()
Manage the components section
()
Manage the text and other sections
()
Practical overview of DSM usage
()
Ex_Files_Sketch_InVision_DSM_Chat.zip
(30.6 MB)