iHMahmoodi
Visual Designer

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

How and where to Learn UI design from zero?

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

طراحی رابط کاربری چیست؟

ما در این آموزش به سراغ این می رویم که شما هیچ تجربه ای از طراحی رابط کاربری ( UI/UX ) ندارید و قصد دارید از صفر خودتان این موضوع را یاد بگیرید. همه‌ی این موارد در فیلم زیر توضیح داده شده که پیشنهاد می دهم ابتدا فیلم را از اول تا آخر ببینید و نوت برداری کنید و سپس توضیضحات این مطلب را تا آخر نیز بخوانید و لینک های مختلف را دنبال کنید.

رابط کاربری یا UI مخفف User Interface می باشد. در واقع UI عامل تعامل سیستم مورد نظر با کاربر است. عامل UI در حالتهای مختلفی بر روی انواع سیستم ها وجود دارد. از سایت گرفته تا نرم افزار، سیستم عامل و … همگی به نوعی دارای رابط کاربری هستند. ابزاری که امکان کار را با سیستم مورد نظر در اختیار ما قرار می دهد به نوعی می توان از آن به عنوان رابط کاربری یاد کرد. بهبود رابط کاربری یکی از اساسی ترین مباحث در دنیای IT می باشد. به اینصورت که ابزار تعاملی را بگونه ای بهبود داد که کاربر بتواند خیلی راحت و بدون مشکل با سیستم مورد نظر کار کند.

 

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

همانطور که گفتم تمام مراحل و مسیرهایی که من برای یادگیری طراحی رابط کاربری (UI/UX) را رفتم به شما نشان دهم تا در مسیر یادگیری طراحی رابط کاربری (و همچنین تجربه کاربری) دچار سردرگمی نشوید.
در این فیلم در ابتدا توانایی هایی که شما باید داشته باشید برای اینکه تبدیل به یک طراح شوید را میگم و در مراحل بعدی به ترتیب:

  1. معرفی ابتدایی محتوای فیلم
  2. یادگیری زبان برای یادگیری طراحی
  3. اصول و دانش ابتدایی طراحی گرافیک و طراحی رابط کاربری
  4. ابزار های طراحی UI
  5. سرویس هایی برای نمایش نمونه کارهای UI/UX که طراحی کرده اید
  6. معرفی وبسایت و راه هایی برای تمرین طراحی رابط کاربری در چلنج های روزانه
  7. دستورالعمل های طراحی رابط کاربری موبایل شرکت های اپل و گوگل
  8. معرفی وبسایت هایی برای خواندن مقالات مرتبط با طراحی رابط کاربری
  9. کتاب برای یادگیری نکات طراحی UI/UX
  10. معرفی منبع فیلم های آموزشی رایگان
  11. نمایش کارها و گرفتن نظرات دیگر طراحان برای رفع اشکال

 

آیا ما در این آموزش، طراحی رابط کاربری (UI/UX) را از صفر یاد می گیریم؟

همانطور که در لیست موضوعات این فیلم می بینید، تمام چیز هایی که شما نیاز دارید برای اینکه یک تبدیل به یک طراح رابط کاربری شوید را از صفر به شما نشان داده می شود و این شما هستید که با پشتکار به دنبال یادگیری این مسیر بروید.

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

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

 

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

بعد از روشن کردن VPN یا فیلترشکن، بر روی تصویر یا لینک یوتیوب پایین کلیک کنید تا ویدیوی آموزش را ببینید

 

 

چه چیزهایی رو باید در گوگل جستجو کنیم؟

به عنوان مثال برای یادگیری تایپوگرافی در طراحی رابط کاربری یا تئوری رنگ ها می توانید موارد زیر را در گوگل جستجو کنید.

پیشنهاد می دهم اگر تجربه قبلی در طراحی گرافیک (بصورت کلی) ندارید، اول اصول ابتدایی طراحی گرافیک را بیاموزید و سپس شروع به یادگیری طراحی رابط کاربری (UI) بکنید. (مورد 3)

  1. How to use typography in UI Design
  2. How to use Color theory in UI Design
  3. Graphic design Principles
  4. UI Design Principles

 

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

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

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

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

 

کتابی که در فیلم معرفی می شود را چطور بدست بیاوریم؟

در حال حاضر کتابی که در فیلم آن را معرفی میکنم فقط به زبان انگلیسی موجود است (پیشنهاد میدم کتاب های حوزه تخصصی UX/UI را بصورت انگلیسی بخوانید) و می توانید با وارد شدن به کانال تلگرام من و جستجوی نام آن در کانال و #کتاب ، کتاب هایی که معرفی کرده ام را ببینید و مطالعه کنید.

لینک کانال تلگرام برای دانلود کتاب های آموزش طراحی UI/UX:
https://t.me/AsteriXarts

#کتاب
را در کانال جستجو کنید

 

آموزش های Adobe XD موجود در کانال یوتیوبم

 

رابط کاربری نرم افزارها

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

  • سبک طراحی متناسب با نرم افزار
  • تعیین ابزارهای شاخص و پراهمیت
  • دسترسی آسان به بخش های پراستفاده
  • پرهیز از شلوغی بخصوص در اپلیکیشن های موبایل
  • آنالیز رفتار کاربران و بهبود UI در آپدیت های بعدی
  • آنالیز رقبا و استفاده از سبک های موفق

کاربران چه چیزی می خواهند؟

پاسخ به این سوال بسیار مهم و اساسی است. چرا که فلسفه وجودی UI برای کاربران است. اگر بدانیم کاربران واقعا چه چیزهایی می خواهند بخش مهمی از کار را با موفقیت انجام داده ایم. برای مثال:

  • طرح ظاهری و الگوی گرافیکی
  • سرعت و کارایی حداکثر
  • دسترسی آسان به بخش های دیگر
  • توجه به نیازهای آتی کاربران
  • تاثیر بهبود رابط کاربری

 

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

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

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

 

لینک مقالات فارسی طراحی رابط کاربری در وبلاگ من:

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

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

طراحی رابط کاربری موبایل 101: pixels, points و resolutions
آموزش UI/UX : تفاوت pt و px در طراحی رابط کاربری
طراحی رابط کاربری موبایل 101: Strokes در فتوشاپ

عضویت
اطلاع از
guest
0 نظرات
Inline Feedbacks
نمایش همه‌ی نظرات