آموزش Sketch and InVision DSM: طراحی سرویس گیرنده چت

Sketch and InVision DSM: Designing a Chat Client

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: بیاموزید چگونه از قدرت Sketch و InVision Design System Manager (DSM) برای طراحی یک رابط مشتری گپ کاربر پسند استفاده کنید. امانوئل هنری مربی نشان می دهد که چگونه می توان با استفاده از Sketch برای طراحی بصری و نقشه برداری سفر و همچنین InVision DSM برای مدیریت دارایی های پروژه و تعامل ، طرحی را برای مشتری گپ در یک تیم یا محیط آژانس تصور کرد. در این راه ، او بهترین شیوه های UX را به اشتراک می گذارد که می توانید با استفاده از آنها محصولی ایجاد کنید که کاربران از آن لذت ببرند و استفاده از آنها آسان باشد. بیاموزید چگونه از پروژه خود الهام بگیرید ، صفحه نمایش مکالمه ایجاد کنید و صفحه مکالمه را طراحی کنید. سپس ، نحوه مدیریت طراحی های خود را با DSM ، از جمله نحوه استفاده از DSM با سهامداران ، ببینید.
موضوعات شامل:
  • دریافت الهام بصری برای یک پروژه
  • طراحی لیست اصلی چت
  • ایجاد نمادهای اولیه
  • طراحی صفحه مکالمه
  • مدیریت رنگ ، م componentsلفه ها و بخشهای متن
  • مدیریت طراحی ها با Design System Manager

سرفصل ها و درس ها

مقدمه Introduction

  • مشتری گپ خود را با مدیر سیستم طراحی Sketch و InVision (DSM) بسازید Build your chat client with Sketch and InVision Design System Manager (DSM)

  • آنچه باید بدانید What you should know

1. تحقیقات اولیه 1. Initial Research

  • Sketch ، Craft و InVision DSM را تنظیم کنید Set up Sketch, Craft, and InVision DSM

  • الهام بصری برای پروژه Visual inspiration for the project

  • ایده ها و نقشه ها Ideas and mockups

  • نهایی mockup Finalize mockups

2. فهرست اصلی چت را طراحی کنید 2. Design the Main Chat List

  • نمادهای اولیه را ایجاد کنید Create initial symbols

  • نمای لیست را ایجاد کنید Create the list view

  • لیست افراد را اضافه کنید Add the list of people

  • منطقه پیام را ایجاد کنید Create the message area

3. صفحه مکالمه را طراحی کنید 3. Design the Conversation Screen

  • ورودی متن گپ را ایجاد کنید Create the chat text input

  • گپ شبیه سازی شده را ایجاد کنید Create the simulated chat

  • چت شبیه سازی شده را چند برابر کنید Multiply the simulated chat

  • نمونه اولیه را دوباره سازماندهی کنید Reorganize the prototype

4. طراحی ها را با DSM مدیریت کنید 4. Manage Designs with DSM

  • نمای کلی InVision DSM Overview of InVision DSM

  • بخش رنگ ها را مدیریت کنید Manage the colors section

  • بخش مؤلفه ها را مدیریت کنید Manage the components section

  • متن و بخش های دیگر را مدیریت کنید Manage the text and other sections

  • نمای کلی کاربرد DSM Practical overview of DSM usage

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

آموزش Sketch and InVision DSM: طراحی سرویس گیرنده چت
جزییات دوره
1h 15m
20
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
2,156
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Emmanuel Henri Emmanuel Henri

مدیر اجرایی با بیش از 20 سال تجربه در برنامه نویسی و طراحی

امانوئل هنری یک توسعه دهنده فول استک با 20 سال تجربه در برنامه نویسی، فناوری و طراحی است.

> امانوئل مسئول تمام جنبه های پروژه های وب و تلفن همراه مبتنی بر مشتری، از جمله جدول زمانی و محدوده بوده است. این پروژه‌ها از ابزارهای JIRA/Atlassian، متدولوژی‌های چابک، و زبان‌ها و چارچوب‌هایی مانند React، Angular، Node، Meteor، GraphQL، JavaScript، Swift، HTML، CSS (Sass)، MongoDB و MySQL استفاده کرده‌اند. او همچنین در دنیای بازی های سه بعدی با استفاده از ابزارهایی مانند Unreal، ZBrush، Maya و چندین ابزار دیگر کار می کند. او علاقه زیادی به ایجاد برنامه‌ها و بازی‌هایی دارد که از جدیدترین فناوری‌ها در ابزارها، چارچوب‌ها و زبان‌های فوق استفاده می‌کنند.

برای اطلاعات بیشتر، به mannyhenri.com.