#ابزار

خیلی از توسعه دهنده ها نیاز دارن همیشه بین واحد پیکسل و دی‌پی تبدیلاتی انجام بدن
به کمک این سایت میتونید از شر دردسرهای این تبدیلات خلاص بشید و همچنین یک سری اندازه های آماده داره که به دردتون میخوره

https://pixplicity.com/dp-px-converter

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#فان

🔴 یکی از مهم ترین سوالاتی که در یک مصاحبه کاری از طراحان عزیز میپرسند.

🤔پاسخ شما به این سوال چیست؟


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#روانشناسی_رنگ

💜 رنگ #بنفش از دیرباز به عنوان رنگ درباری و سلطنتی استفاده می شده و از این رو همچنان یادآور ثروت و قدرت است

رنگ بنفش روشن یادآور بهار و تازگی است. بنابراین این رنگ‌ها برای سایت‌هایی که لوازم آرایشی عرضه می کنند بسیار مناسب است. به طور کلی بنفش برای سایت های مرتبط با خانم ها و دختران نوجوان تاثیر مثبتی دارد.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات
#شماره 70

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


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت #ابزار

http://pixelmap.amcharts.com

نقشه‌های‌نقطه‌ای خیلی وقتها جلوه های خوبی به طرح هامون میدن
وبسایت AMChart یه سرویس تولیدکننده این نقشه هارو ارائه داده که خیلی بدردبخوره
چون هم کد اس وی جی میده و هم عکس
استان‌های ایرانم به تفکیک داره و خیلی خوبه

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

⚡️یکی از مواردی که نیازش تو ریکت نیتیو شاید کمی حس میشد datepicker ای بود که جلالی رو ساپورت کنه. سعی کردم امکانات خوبی برای ورژن اولش درنظر بگیرم، ضمنا هم جلالی هست و هم میلادی، باقی موارد همراه دمو هم تو سایت میتونید ببینید 🔥


http://bit.ly/react-native-modern-datepicker

#خبر

⭕️در گروه تخصصی UIUX Group شما میتوانید سوالات و مشکلات مربوط به مباحث UIUX خود را مطرح نمایند. و با دوستان و صاحب نظران به تبادل و گفتگو بپردازید.

🌐لینک گروه رو به اشتراک بزارین تا دیگران هم استفاده کنند

(طرح از pikisuperstar)

👇👇

https://news.1rj.ru/str/joinchat/B3YPy0EaYaUQhXMXWQI9YA

#مقاله

آیا استفاده از حالت تاریک مصرف باتری گوشی را مقدار زیادی کاهش میدهد؟
آیا دارک مود باعث فشار کمتر به چشم میشود؟

اگر به دیزاین در حالت تاریک یا دارک مود علاقه دارین یا جواب سوالات بالا رو میخواید بدونید ، مقاله جنونی به نام «دارک مود» را در دیجیاتو بخونید و برای دوستانتون هم ارسال کنید:

http://bit.ly/2pnjIfH

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#فونت
#ابزار

👇دانلود رایگان آپدیت جدید فونت #شبنم:

💢 لینک دانلود


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت

کد رنگ بده،و براساس اون کد، پالت رنگی حرفه ای در قالب سایتهای مختلف و اپلیکیشن دریافت کن

https://search.muz.li



@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات
#شماره 71

😖بعضی وقتا پیش میاد که کاربر برای پر کردن فرم های درون سایت، به مشکل برمیخوره و دقیقا نمیدونه درون فیلد چیو باید وارد کنه.

✅حالا راه حل چیه❓ 👇🏻

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

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
👥گروه ما 👇🏻
https://news.1rj.ru/str/joinchat/B3YPy0EaYaUQhXMXWQI9YA

#روانشناسی_رنگ
🖤 #مشکی

رنگ مشکی نشان دهنده:قدرت،لوکس بودن،کمال،وقار و متانت است.

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


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت

یه بلاگ معروف رو میخوایم بهتون معرفی کنیم که مجموعه‌ی خیلی کاملی از مقالات مربوط به تجربه کاربری (UX) و طراحی محصول (Product Design) رو داره.بهتون ‍‍‍‍‍پیشنهاد می‌کنیم برای حرفه ای شدنتون در کار،همیشه مطالعه تخصصی رو داشته باشین.

🌐 www.uxdesign.cc


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#نکات
#شماره 72


✅چک باکس ها به خاطر کوچیک بودن سایزشون کلیک کردن روشون برای کاربرا دشواره.بهتره به کاربرا این اجازه رو بدیم که با کلیک روی برچسبای مرتبط با چک باکسا گزینه موردنظرشون رو انتخاب کنن.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#معرفی_سایت
#ابزار

تا به حال از آیکون های متحرک برای طراحی هاتون استفاده کردین؟!

سایت flighticon بسته ای از آیکونهای متحرک را در اختیار شما طراحان وب و اپلیکیشن قرار داده، که میتونید فایل های آیکون رو به دو صورت GIF و JSON دانلودکنین.

🌐https://www.flighticon.co/


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#آموزش

🎥 آموزش کوتاه از طراحی ui یک وبسایت


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

😥تعقیب و گریزی جان فرسا در اتوبان زندگی طراحان


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

#خبر

🔴 گوگل برنده‌های جایزه متریال دیزاین ۲۰۱۹ را اعلام کرد.

از سال ۲۰۱۵ میلادی تاکنون،گوگل هرساله اپلیکیشن‌هایی را به‌عنوان برندگان جایزه‌ی متریال دیزاین معرفی می‌کند.امسال نیز گوگل این سنت را تکرار کرد و چهار اپلیکیشن جدید را به‌عنوان برندگان جایزه‌ی موردبحث معرفی کرده است.

⏪ خواندن ادامه خبر


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

اگر چندسال پیش یک نفر تصویر بالا رو نشونمون میداد و میگفت این تصویر یک وبسایته که تمام اجزاش کدنویسی شدن و فیلم نیست ، قطعا باورمون نمیشد و ساختن همچین وبسایت هایی مثل یک رویا میموند . ولی توی سالهای اخیر با ظهور WebGL و Three.js دیگه رویا نیست…

Three.js یک کتابخانه جاوا اسکریپته که بر پایه WebGL بنا شده و با استفاده از اون میشه حجم های سه‌بعدی رو به راحتی در صفحات وب لود کرد و واقعا یه تجربه متفاوت رو به کاربر ارائه داد.
اگر به این حوزه علاقه دارین وبسایت threejs.org رو میتونید ببینید. نمونه های خیلی خوبی از این تکنولوژی رو قرارداده که چندتاییش رو در ادامه میبینید:

http://goinghome.302chanwoo.com

http://vr.ff.com/us/

https://www.nationalgeographic.com/science/2017/09/cassini-saturn-nasa-3d-grand-tour/#storm

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

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️

چه میکنه این آپارات
خلاقانه و مرتبط با محصول

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️