بهترین منابع یادگیری طراحی رابط کاربری برای تازه کارها

بهترین منابع یادگیری طراحی رابط کاربری برای تازه کارها

من تصمیم گرفتم ui design یا همون طراحی رابط کاربری رو یاد بگیرم. چطوری یاد بگیرم؟ از کجا یاد بگیرم؟ آخه رشته دانشگاهی که تو ایران نداریم. دوره های فارسی هم که هست یا خیلی گرونن یا قوی نیستن. پس من که دوست دارم یوآی دیزاینر بشم برای یادگیری چکار باید بکنم؟ بهترین منابع یادگیری طراحی رابط کاربری کدوم‌ها هستن؟

تو این مطلب بهت میگم که چطور از یه تازه کار به یه طراح رابط کاربری حرفه‌ای تبدیل بشی، اونم بدون هیییچ هزینه‌ای. بقیه اش به خودت بستگی داره که چقدر زمان بگذاری برای یادگیری و تمرین.

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

نکته‌ای که باید بگم اینه که برای دانلود دوره‌ها و کتابها، خودت تو ایران زندگی میکنی. میدونی چطور رایگان گیرشون بیاری. همونطور که من گیر آوردم. متاسفانه به دلیل پایین بودن ارزش پول کشورمون اکثر ما ها توانایی خریدشون رو نداریم. خب بزن بریم.

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

برای طراح رابط کاربری شدن هم زمان در کنار یادگیری اصول طراحی یوآی باید حداقل یکی دوتا نرم افزار مربوط رو بلد باشی. پس قبل از همه چیز از برنامه‌ها شروع می کنم. خب حالا چه برنامه ای لازمه که یاد بگیری؟ فیگما و  ادوبی ایکس دی

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

تو این تصویر چندتا از تفاوتهای اولیه فیگما و ادوبی ایکس دی رو میتونی ببینی.

بهترین منابع یادگیری رابط کاربری تفاوتهای اولیه فیگما و ادوبی ایکس دی

کتاب‌ها – بهترین منابع یادگیری رابط کاربری

باید خودت بدونی که با مطالعه کتاب راحتی یا دیدن ویدیو؟ اکثر مردم با دیدن ویدیو راحتترن اما باید توجه کنیم که برای نوشتن یه کتاب خوب باید کلی انرژی و وقت گذاشت. درسته سرعت کتاب خوندن کمتره، تعامل کردن باهاش سخت تره. ولی محتوای باکیفیت تر و کامل تری رو ارائه میده. خودم شخصن کتاب رو ترجیح میدم چون کیفیت محتواشون خیلی بالاتر از بقیه منابع آموزشیه. خب حالا کتاب چی بخونم؟

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

UI Design Principles – Michael Filipiuk

UI-Design-Principles-by-Michael-Filipiuk

Designing User Interfaces – Michal Malewicz & Diana Malewicz

Designing-User-Interfaces-(Michał-Malewicz--Diana-Malewicz)

این دوتا کتاب حرف ندارن. تازه نگارش شدن و خیلی از زمان انتشارشون نمیگذره. متنشون خیلی روون و ساده‌ست. تازه انقدر عکسهای خوبی دارن که اگر زبانت ضعیف هم باشه، با دیدن عکس ها متوجه توضیحات و نکات نوشته شده میشی. کافیه یکم سرچ کنی تا سایتهایی که کتابهای پولی رو رایگان برای دانلود گذاشتن پیدا کنی. در ضمن آقای Michal Malewicz یه کانال یوتوب خوب هم داره که جلوتر معرفی می کنم.

حالا یه منبع کاملن رایگان که استارت یادگیری ui design رو از کتابهای اینجا زدم!

یو ایکس پین یه نرم افزار پروتو تایپه (مثل همین فیگما و ایکس دی) اما من و تو با نرم افزارش کاری نداریم. از قضا یه کتابخونه عالی از ده ها کتاب با موضوعات مختلف تو زمینه طراحی ui و ux داره. همه شون هم رایگانن. فقط کافیه آدرس ایمیلت رو وارد کنی تا لینک دانلود رو بهت بدن. تنها نکته این کتاب ها زبانشونه که انگلیسیه. همونطور که اول گفتم باید انگلیسیت حداقل در سطح دبیرستان باشه تا متن کتابها رو بفهمی.

لیست کتابها و دانلود

دوره‌های ویدیویی – سریع‌ترین منابع یادگیری رابط کاربری

بریم سراغ یادگیری از طریق ویدیو. دوتا راه هست.

اولین راه: استفاده از دوره های آنلاین

برای اینکار میتونی به دوتا از سایت هایی که دوره های مختلف آموزشی رو ارائه میدن سر بزنی. SkillShare و Udemy. کافیه داخل این سایت ها سرچ کنی UI. کلی دوره خوب برات میاره. البته که دوره های این سایتها رایگان نیستن. اما خب تو ایران این چیزا معنی نداره. حالا چه خوب چه بد. از اونجایی که میدونم خیلی هامون حوصله سرچ کردن نداریم، از هر سایت دوتا از بهترین دوره ها رو برات انتخاب کردم.
 

از سایت Udemy:

Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more

Complete-Web---Mobile-Designer-in-2023--UI-UX,-Figma,-+more---Udemy

در کنار آموزش طراحی ui ، فیگما رو هم یاد میگیری

User Experience Design Essentials – Adobe XD UI UX Design

User-Experience-Design-Essentials---Adobe-XD-UI-UX-Design---Udemy

در کنار آموزش طراحی ui ، ادوبی ایکس دی رو هم یاد میگیری

از سایت SkillShare:

Figma UI UX Design Essentials

Figma-UI-UX-Design-Essentials---Daniel-Scott---Skillshare-(1)

Learn Figma: User Interface Design Essentials – UI/UX Design

Learn-Figma--User-Interface-Design-Essentials---UI-UX-Design---Arash-Ahadzadeh---Skillshare-(1)

راستی، برای داشتن طراحی بهتر در تجربه کاربری موبایل میتونی این مطلب رو نگاه کنی : نکاتی ضروری که باید برای بهبود تجربه کاربری منوی موبایل بدانیم

دومین راه: استفاده از ویدیوها و کانالهای یوتوب

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

حالا جنبه مثبتشون چیه؟ به‌روزتر از دوره ها و کتاب ها هستن. اگر ترندی بیاد، حقه ای لازم داشته باشی یا خبر جدیدی بشه، بهترین راه اطلاع ازشون همین کانال های یوتوبن.

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

انگلیسی زبان:
MalewiczHype

Malewicz---YouTube

JesseShowalter

Jesse-Showalter---YouTube

PaytonClarkSmith

Payton-Clark-Smith---YouTube

DesignWithArash

ایشون ایرانی هستن ولی انگلیسی آموزش میدن

DesignWithArash---YouTube

فارسی زبان:
TheEhsanez

TheEhsanez---YouTube

تمرین تمرین تمرین

اگر قصدت جدیه برای یادگیری طراحی رابط کاربری باید هر روز حداقل نیم ساعت برای دیدن نمونه کارهای دیگران وقت بگذاری. چرا که با دیدن میتونی کلی چیز یاد بگیری. بعدش چکار می کنی؟ کپی میزنی. دقیقن مثل خود طرح اصلی. نه ترس داره نه ناراحتی که وای کپی دارم میزنم یا میخوام یه طرح رو خودم از صفر بزنم. تا کپی نزنی طراحی رو یاد نمیگیری، دستت راه نمی افته. پس برای شروع باید کپی کار باشی. بعد از یه مدت کوتاه یاد میگیری خودت برای خودت طرح بزنی. از اول تا آخرش رو.

کجا طرح ببینم؟

https://behance.net/

UI-UX-Projects---Photos,-videos,-logos,-illustrations-and-branding-on-Behance

سایت برای شرکت ادوبیه. سرچ کن. کلی طرح خوب هست. میتونی ثبت نام کنی. طرح ها رو لایک کنی یا مجموعه ازشون درست کنی. درضمن میتونی طرح های خودتم آپلود کنی تا بقیه ببینن.

برای طرح های زیبا و چشم نواز هم میتونی به

https://www.dribbble.com/

Trending-Website,-Landing-Page-and-Splash-Page-Designs-on-Dribbble

سر بزنی. مثل سایت قبلی میتونی ثبت نام کنی. طرح ها رو لایک کنی یا مجموعه ازشون درست کنی. و میتونی طرح های خودتم آپلود کنی تا بقیه ببینن.

باید بگم که برای راه افتادن دستت یه راهه دیگه هم هست. یه سر به سایت dailyui.co بزن. ایمیلت رو بده. هر روز یه موضوع برای طراحی رابط کاربری برات ایمیل می کنه. مثلن فرم ثبت نام. مثلن تقویم ساده. و کلی چیز دیگه. روش خوبیه برای تمرین و به چالش کشیدن خودت و توانایی هات. امتحانش کن.

Daily-UI-Design-Challenge,-Inspiration,-and-Resources

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

راستی اگر منبعی رو میشناسی که خوبه کامنت بگذار تا اینجا به اسم خودت معرفی کنم و بقیه هم ازش استفاده کنن.

مطالب مرتبط که میتونی بخونی

4 پاسخ

  1. توضیحاتتون عالی، خلاصه و مفید بود.
    تقریبا هر اطلاعاتی که در مورد شروع uiux میخواستم بدونم رو به دست آوردم.

  2. خیلی عالی بود، همه منابع یادگیری ui رو گفتید، ممنون بابت وقتی که گذاشتید برای این وبلاگ

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *