آموزش تئوری رنگ ها در طراحی رابط کاربری و گرافیک – صفر تا صد – قسمت اول

آموزش تئوری رنگ ها در طراحی رابط کاربری و گرافیک - صفر تا صد - قسمت اول
آموزش تئوری رنگ ها در طراحی رابط کاربری و گرافیک – صفر تا صد – قسمت اول

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

در آخر این سری از ویدیو ها شما براحتی می توانید رنگ ها را در طراحی رابط کاربری – طراحی گرافیک و یا صفحه آرایی تان به کار ببرید و از آن ها بدرستی استفاده کنید تا بتوانید طرح های جذاب را به مشتریان یا کاربران خود ارائه کنید.

در این قسمت به اصطلاحاتی چون Hue ، Chroma ، Value یا Brightness ، Key و Contrast ، Tint ، Shade ، Tone و معانی رنگ ها از جمله رنگ های اصلی و فرعی پر استفاده چون قرمز ، سبز ، آبی ، بنفش ، زرد و نارنجی می پردازم.

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

 

 

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

محتوای فیلم آموزشی تئوری رنگ ها شامل:

  1. 00:27 | اهمیت شناخت رنگ ها در دیزاین
  2. 01:42 | Hue چیست؟
  3. 02:12 | Chroma یا کروما در رنگ ها چیست؟
  4. 02:27 | Tint یا تینت در رنگها چیست؟
  5. 02:32 | Shade یا شید در رنگها چیست؟
  6. 02:37 | Tone یا تن رنگ چیست؟
  7. 02:41 | نحوه استفاده از Tint , Shade , Tone در طراحی رابط کاربری
  8. 03:16 | Saturation در رنگ ها چیست؟
  9. 03:27 | Value یا Brightness در رنگها چیست؟
  10. 03:52 | تاثیر Hue و Value یا Brightness بر روی همدیگر
  11. 04:47 | معرفی رنگ های اصلی یا اولیه
  12. 04:56 | معرفی رنگ های ثانویه
  13. 05:17 | تعریف رنگ های دسته سوم
  14. 05:30 | پیدا کردن رنگ های مکمل
  15. 06:13 | رنگ های گرم و سرد
  16. 07:34 | معرفی فضاهای رنگی
  17. 07:49 | معرفی فضای رنگی RGB
  18. 08:02 | معرفی فضای رنگی CMYK
  19. 08:40 | رنگ های Subtractive
  20. 08:54 | رنگ های Additive
  21. 09:03 | تفاوت رنگ های RGB و CMYK
  22. 10:14 | Key و Contrast در رنگ ها – کنتراست
  23. 13:24 | ویژگی ها و مثال های رنگ قرمز
  24. 15:33 | ویژگی ها و مثال های رنگ آبی
  25. 17:27 | ویژگی ها و مثال های رنگ سبز
  26. 18:34 | ویژگی ها و مثال های رنگ زرد
  27. 19:51 | ویژگی ها و مثال های رنگ بنفش
  28. 20:48 | ویژگی ها و مثال های رنگ نارنجی
  29. 21:52 | نکته ی مهم در استفاده از رنگ ها در فرهنگ های مختلف

 

 

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

YouTube ویدئو

آموزش تئوری رنگ ها در طراحی رابط کاربری و گرافیک – صفر تا صد – قسمت اول

 

چطور در دوره های آموزشی طراحی شما ثبت نام کنیم؟

از جمله این دوره ها که در حال ضبط و آماده سازی است می توان به

  1. آموزش طراحی رابط کاربری – UI Design
  2. آموزش طراحی تجربه کاربری – UX Design
  3. آموزش صفحه آرایی کتاب، مجله و روزنامه با ایندیزاین
  4. آموزش طراحی گرافیک با فتوشاپ 

 

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

کسانی که قبل از انتشار دوره ها ایمیل خودشان را ثبت می کنند، از امتیاز هایی برخوردار می شوند.

 

 

گروه تلگرام برای بحث و تبادل نظر در حوزه دیزاین رابط و تجربه کاربری

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

عضویت در گروه تلگرام UIXFamily

 

 

کانال تلگرام برای معرفی کتاب ها و نکات کاربردی و آموزش های مختلف

شما می توانید با عضویت در کانال تلگرامی AsteriXarts به محتوای تخصصی در حوزه دیزاین و به خصوص UI/UX دسترسی داشته باشید. برای عضویت بر روی لینک زیر کلیک کنید:

عضویت در کانال تلگرام AsteriXarts

 

 

آموزش های اختصاصی طراحی در اینستاگرام

همچنین شما می توانید با دنبال کردن کانال AsteriXarts در اینستاگرام، به محتوا تخصصی در حوزه دیزاین، بیزینس، فریلنسینگ و … دسترسی داشته باشید. برای دنبال کردن کانال بر روی لینک زیر کلیک کنید:

دنبال کردن AsteriXarts در اینستاگرام

 

 

 

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

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

عضویت در خبرنامه هفتگی دیزاین Dexigner News

[newsletter-pack newsletter=’8661′]

 

طراحی رابط کاربری ( 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 با Figma از صفر در 30 دقیقه با مثال کاربردی

آموزش جامع Figma – کار با ابزارها و محیط فیگما 2021 – قسمت اول

آموزش جامع Figma – کار با پنل Design در فیگما 2021 –قسمت دوم

10 ترفند فوق العاده کاربردی فیگما 2021 – قسمت اول

آموزش طراحی یک عنصر با بینهایت حالت با Variants در Figma

5 پلاگین فوق العاده کاربردی Figma 2021 – قسمت اول

5 پلاگین فوق العاده کاربردی Figma 2021 – قسمت دوم

آموزش جامع طراحی Adobe Xd – محیط ظاهری و آرتبورد ها – قسمت اول

آموزش طراحی شکل های مختلف و تنظیمات آنها در Adobe Xd – قسمت دوم

آموزش ابزار متن و فارسی نویسی در Adobe Xd – قسمت سوم

آموزش کار با تصاویر و ماسک کردن در Adobe Xd – قسمت چهارم

آموزش طراحی آیکان با Pathfinder در Adobe Xd – قسمت پنجم

آموزش Adobe XD – معرفی 5 پلاگین فوق العاده کاربردی – قسمت دوم

معرفی 5 پلاگین فوق العاده کاربردی برای Adobe Xd- قسمت اول

آموزش Adobe Xd -‌ یک دکمه برای همه جا در طراحی رابط کاربری

10 افزونه فوق العاده کاربردی برای طراحان رابط کاربری

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

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

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

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

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

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

 

حسین محمودی
حسین محمودی

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

مقاله‌ها: 239

پاسخی بگذارید