iHMahmoodi
Visual Designer

چطور طرح‌ رابط کاربری را در اختیار برنامه نویس و کارفرما قرار دهیم؟

Handoff Tools for Designers and Developers

چطور طرح‌ رابط کاربری را در اختیار برنامه نویس و کارفرما قرار دهیم؟
چطور طرح‌ رابط کاربری را در اختیار برنامه نویس و کارفرما قرار دهیم؟

پل ارتباطی بین طراح رابط کاربری و برنامه نویس

در این فیلم من به شما نشان می دهم که چطور طراحی رابط کاربری ( UI/UX ) که انجام داده اید را در اختیار برنامه نویس با کارفرما قرار دهید تا بتوانند کد های آن را بنویسند و یا اینکه بر روی روند طراحی نظارت داشته باشند.
این 3 ابزار که در این فیلم به شما معرفی می‌کنم در واقع یک پل ارتباطی بین طراح و برنامه‌نویس است و بوسیله آن ها شما طراح رابط کاربری ( UI/UX ) که انجام داده اید را بر روی این سرویس ها آپلود می کنید و برنامه نویس می توانید جزئیاتی از قبیل فاصله، سایز، رنگ و… عناصر را بگیرد و در کدش استفاده کند و یا اینکه عناصری از قبیل آیکان را دانلود کند.
در این فیلم من ابزار داخلی برنامه Figma را به شما معرفی میکنم و سپس دو ابزار دیگر را که بصورت کلی شما می توانید برای همه ی برنامه های طراحی از قبیل فیگما، Adobe XD , Sketch و حتی فتوشاپ آن ها را به کار ببرید.
به این نوع از ابزار ها Hand Off گفته می شود.

 

چه مطالبی در این فیلم آموزشی یاد خواهیم گرفت؟

همه ی این ابزار های Hand Off که معرفی می شود بصورت کامل رایگان و یا دارای حالت رایگان با محدودیت پروژه هستند که کار شما را برای یک پروژه انجام می دهد.

  1. معرفی ویژگی های ابزارهای Hand off
  2. معرفی ابزار Hand off داخلی نرم افزار فیگما
  3. معرفی ابزار Hand off اول و نحوه کارکرد آن
  4. معرفی ابزار Hand off دوم و نحوه کارکرد آن
  5. نکاتی مربوط به ارائه کار به کارفرما و برنامه نویس

 

(برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید و در یوتیوب ویدیو را تماشا کنید)

لینک آموزش در یوتیوب

چطور طرح‌ رابط کاربری را در اختیار برنامه نویس و کارفرما قرار دهیم؟

 

طراحی رابط کاربری ( UI/UX ) را از صفر از کجا یاد بگیرم؟

شما می توانید با عضویت در کانال یوتیوب من آموزش های دیگر طراحی رابط و تجربه کاربری ( UI / UX ) را دنبال و یاد بگیرید.

عضویت در کانال آموزشی یوتیوب : Youtube.com/AsteriXarts

اگر سوالی در مورد طراحی رابط کاربری UI داشتید، می توانید در قسمت نظرات بپرسید تا به آن ها جواب دهم.

 

 

نمونه کارهای طراحی رابط و تجربه کاربری ( UI/UX )

3 تا از مهمترین منابع نمونه کارهای طراحی رابط کاربری یعنی دریبل، بیهنس و اینستاگرام هست که شما می توانید کارهای مختلف طراحی رابط و تجربه کاربری را ببینید و از آن ها برای استفاده در کارهای خود ایده بگیرید.

همچنین می توانید نمونه کارهای من را ببینید و من را در این شبکه ها دنبال کنید.

  1. Dribbble.com/iHMahmoodi
  2. Behance.net/iHMahmoodi
  3. Instagram.com/iHMahmoodi

 

 

در صورتی که سوالی داشتید در قسمت نظرات بپرسید و حتما جواب خواهم داد.

عضویت در کانال آموزشی: Youtube.com/AsteriXarts

در صورتی که این ویدیو برای شما مفید بود, لطفا با دوستانتون در شبکه های اجتماعی به اشتراک بگذارید.

 

 

لینک آموزش ها و مقالات فارسی دیگر طراحی رابط کاربری ( UI/UX ) در وبلاگ من:

 

آموزش UI/UX : طراحی رابط کاربری را از صفر چطور و از کجا یاد بگیریم؟

آموزش UI/UX : وایرفریم چیه و چطور آن را طراحی کنیم؟

لندینگ پیج چیست و چطور باید رابط کاربری UI/UX آن را طراحی کرد؟

اصطلاحات طراحی رابط کاربری – بخش اول: رنگها

آموزش UI/UX : اصول طراحی رابط کاربری برای تلویزیون

طراحی رابط کاربری موبایل 101: pixels, points و resolutions

آموزش UI/UX : تفاوت pt و px در طراحی رابط کاربری

طراحی رابط کاربری موبایل 101: Strokes در فتوشاپ

نمونه کار: رابط کاربری صفحه اعضای تیم – Team members page UI/UX

خبرنامه هفتگی دیزاین DeXigner News
خبرنامه هفتگی دیزاین DeXigner News
هر هفته آموزش‌ها، مطالب و لینک های مفید در زمینه دیزاین را در ایمیل خود داشته باشید!
شما در هر زمانی می‌توانید ارسال خبرنامه را لغو کنید.

 

 

 

در خبرنامه ما عضو شوید
در خبرنامه ما عضو شوید
آخرین مطالب آموزش های ما را هر هفته در ایمیل خود داشته باشید.
شما می توانید در هر زمان عضویت خود را لغو کنید.
عضویت
اطلاع از
guest
0 نظرات
Inline Feedbacks
نمایش همه‌ی نظرات