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

پیشرفت طراحی رابط کاربری با استفاده از وبسایت های کمکی و طرح های دیگران

رابط کاربری وبسایت و اپلیکیشن خود را با استفاده از این چند سایت بهینه کنید

0

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

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

شبکه های اجتماعی برای بهبود طراحی رابط کاربری

شبکه های اجتماعی مفید برای پیشرفت طراحی رابط کاربری و یاد گرفتن ای حرفه ای تر ها

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

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

  1. Dribbble.com
  2. Behance.net
  3. Awwwards.com
  4. UIMovement.com
  5. CollectUI.com
  6. Deviantart.com

پیج های اینستاگرام برای طراحی رابط کاربری

پیج های اینستاگرام برای بهبود طراحی رابط کاربری

.در کنار لیست وبسایت های بالا ٬ فراموش نکنید که اگر جزو آن دسته از افرادی هستید که زمان زیادی را در اینستاگرام می گذرانید ٬ پیج های زیر را دنبال کنید تا در میان پست های خنده دار و دانستنی و … ٬ کمی هم طرح های رابط کاربری مشاهده کنید تا گامی برای بهبود طراحی رابط کاربری خود برداشته باشید. در این لیست سعی کردیم که چند پیج که پست های مرتبط با رابط کاربری می گذارند را ذکر کنیم :

  1. @UI__UX
  2. @TheBeeest
  3. @Spruzzo.UI
  4. @UxUiStack
  5. @CubertoDesign
  6. @VadimCarazan
  7. @Garousian.ir
  8. @LikeWeb.ir
  9. @Dug.Company
  10. @ElectDesign
  11. @Mr.Alidoost
  12. @UiTrends

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

وبسایت هایی برای دانلود رایگان تصاویر با کیفیت

همانطور که میدانید ٬ یکی از مهمترین قسمت های یک رابط کاربری ٬ استفاده کردن از تصاویر با کیفیت است.البته در بسیاری از طرح های مدرن ٬ دیگر شاهد استفاده زیاد از تصاویر استاک نیستیم و در عوض با نقاشی هایی با مضامین مرتبط میبینیم.در گذشته و طی مطلبی در مورد نحوه دانلود رایگان تصاویر از شاتر استاک و سایت های مشابه توضیح دادیم.در این قسمت قصد داریم وبسایت هایی را معرفی کنیم که به شما عکس هایی با کیفیت را بصورت رایگان ارائه می کنند و می توانید به راحتی از آنها در پروژه های برای پیشرفت طراحی رابط کاربری خود استفاده نمایید :

  1. Unsplash.com
  2. StockSnap.io
  3. Pexels.com
  4. Freepik.com
  5. Pixabay.com
  6. StockVault.net
  7. Kaboompics.com

دانلود رایگان آیکون و وکتور حرفه ای برای پیشرفت طراحی رابط کاربری

وبسایت های دانلود وکتور ها و آیکون های رایگان

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

  1. Vivid
  2. Illustrations
  3. Undraw
  4. Drawkit
  5. Illustrio
  6. Flaticon
  7. Freepik
  8. IconFinder
  9. Icons8
  10. Icon Archive

پالت رنگ برای بهبود طراحی رابط کاربری

آخرین اما نه کمترین ؛ پالت های رنگ برای پیشرفت طراحی رابط کاربری

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

  1. MaterialUI.co
  2. FlatUIColors.com
  3. ColorMind.io
  4. MyColor.space
  5. Coolors.co
  6. Canva

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

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

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.