آموزش Photoshop CC و Design Systems: طراحی یک مشتری گپ

Photoshop CC and Design Systems: Designing a Chat Client

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: نحوه طراحی یک رابط کاربری مشتری گپ کاربر پسند را کشف کنید. در این دوره ، استاد امانوئل هنری نشان می دهد که چگونه می توان با استفاده از Photoshop CC برای طراحی بصری و InVision برای نمونه سازی اولیه ، طرحی را برای مشتری چت در یک تیم تیمی یا آژانس تصور کرد. در این راه ، او بهترین شیوه های UX را به اشتراک می گذارد که می توانید با استفاده از آنها محصولی ایجاد کنید که کاربران از آن لذت ببرند و استفاده از آنها آسان باشد. بیاموزید که چگونه از پروژه خود الهام بگیرید ، ایجاد ماکت کنید و یک صفحه مکالمه طراحی کنید. بعلاوه ، نحوه دستیابی به نمونه سازی اولیه با InVision ، از جمله نحوه راه اندازی Craft در فتوشاپ و افزودن نقاط داغ به نمونه اولیه خود را ببینید.
موضوعات شامل:
  • دریافت الهام بصری برای یک پروژه
  • طراحی لیست اصلی چت
  • ایجاد صفحه پاششی
  • طراحی صفحه مکالمه
  • نمونه سازی اولیه با InVision
  • راه اندازی صنایع دستی در فتوشاپ
  • افزودن نقاط اتصال سریع به نمونه اولیه

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

مقدمه Introduction

  • مشتری گپ شخصی خود را ایجاد کنید Create your own chat client

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

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

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

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

  • نهایی mockup Finalize mockups

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

  • صفحه چلپ چلوپ ایجاد کنید Create splash screen

  • نمای لیست را بسازید Build the list view

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

  • منطقه پیام را توسعه دهید Develop the message area

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

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

  • چت شبیه سازی شده را بسازید Build the simulated chat

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

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

4. نمونه اولیه با InVision 4. Prototype with InVision

  • Craft را در فتوشاپ تنظیم کنید Set up Craft in Photoshop

  • نقاط مهم را با InVision اضافه کنید Add quick hotspots with InVision

  • نمای کلی در استفاده از InVision Overview of InVision usage

نتیجه Conclusion

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

نمایش نظرات

آموزش Photoshop CC و Design Systems: طراحی یک مشتری گپ
جزییات دوره
1h 4m
17
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
2,499
- از 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.