Sketch and InVision DSM: Designing a Chat Client

Sketch and InVision DSM: Designing a Chat Client

Sketch and InVision DSM: Designing a Chat Client is an Intermediate level tutorial on Web, produced by an expert, Emmanuel Henri. This tutorial is a critical step for anyone who needs to excel in his/her Web talent. It provides you a strong understanding on Web, User Experience, Sketch, Web, User Experience and Sketch.

Free Download - Sketch and InVision DSM: Designing a Chat Client
Author Emmanuel Henri
Publish Date 3/26/2019
Skill Intermediate
Duration 1h 15m
Topic Sketch
Video Tutorials 22
Last Update N/A

Discover how to leverage the power of Sketch and InVision Design System Manager (DSM) to design a user-friendly chat client interface. Instructor Emmanuel Henri shows how to conceive a design for a chat client in a team or agency environment using Sketch for visual design and journey mapping, as well as InVision DSM for managing project assets and interaction. Along the way, he shares UX best practices that you can implement to create products that users find enjoyable and easy to use. Learn how to get visual inspiration for your project, create mockups, and design the conversation screen. Then, see how to manage your designs with DSM, including how DSM can be used with stakeholders.

Topics include:

  • Getting visual inspiration for a project
  • Designing the main chat list
  • Creating initial symbols
  • Designing the conversation screen
  • Managing the colors, components, and text sections
  • Managing designs with Design System Manager

Sketch and InVision DSM: Designing a Chat Client : Video Lessons

  • Build your chat client with Sketch and InVision Design System Manager (DSM)1m 9s
  • What you should know40s
  • Set up Sketch, Craft, and InVision DSM2m 37s
  • Visual inspiration for the project2m 38s
  • Ideas and mockups4m 11s
  • Finalize mockups5m 31s
  • Create initial symbols2m 45s
  • Create the list view3m 39s
  • Add the list of people5m 11s
  • Create the message area6m 50s
  • Create the chat text input4m 30s
  • Create the simulated chat3m 54s
  • Multiply the simulated chat4m 55s
  • Reorganize the prototype3m 26s
  • Overview of InVision DSM3m 7s
  • Manage the colors section5m 3s
  • Manage the components section4m 54s
  • Manage the text and other sections4m 2s
  • Practical overview of DSM usage5m 2s
  • Next steps56s

Recommended video tutorials from YouTube.

  • Sketch + InVision DSM — Best Practices
  • Assuring your sketch files are organized is an essential first step to your team being ready to take advantage of using DSM as a single source of truth. This video ...

  • DateTime : 2019-06-06 17:43:22
  • Source : Joseph from
  • What should I include in my design system? A perspective using DSM by InVision
  • Ever thought about what you should include in your design system? I think about it all the time and wanted to share a session where I talk about DSM.

  • DateTime : 2018-12-01 13:59:07
  • Source : Drew Bridewell
  • Designing a responsive component card in sketch and leveraging InVisions Design System Manager
  • Hey there design community! I've been getting a ton of questions about setting up responsive components inside of #Sketch and how to leverage InVision's ...

  • DateTime : 2018-09-19 17:05:42
  • Source : Drew Bridewell

Please consider buying this course - Sketch and InVision DSM: Designing a Chat Client directly from the author - Emmanuel Henri. This way you could help the author create more great content, also you may get personal help.

The links being shared are only for poor students who really cannot afford to pay. So, if you are capable of paying please do consider it once before trying the free download links.

Categorised in: , ,

Kindly note, we have recently migrated to a new server. In case of download links not working at all it means that we are undergoing maintenance at the backend. In such case please try after 24 hours. Also make sure your internet connection is persistant else the file may endup corrupted.