UIUX WorkShop – Telegram
UIUX WorkShop
7.21K subscribers
522 photos
59 videos
25 files
212 links

محیطی در راستای ارتقاء دانش و مهارت در طراحی ‌رابط و تجربه‌ کاربر

👤ارتباط: @HamidRMousazade

📝کانال پروژه و استخدامی: @UIUXProjects
Download Telegram
Media is too big
VIEW IN TELEGRAM
#آموزش

🎥 آموزش چگونگی اعمال انیمیشن در طراحی

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

🔰در فرم ثبت نام بهتر است به جای ایجاد کردن نام کاربری جدید، به طور پیش فرض از کاربر "شناسه ایمیل" یا "شماره موبایل" بخواهید.

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


👇🏽👇🏽👇🏽
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from UIUX WorkShop
#معرفی
#ابزار

🤩اگه دنبال مرجعی هستین که میخواین بهترین UIهای اپلیکیشن‌های دنیارو بهتون نشون بده و یا اگه دنبال دیدن انواع طراحی‎‌های بخش خاصی از اپلیکیشن هستین بهتره به سایتی که پایین گذاشتیم مراجعه کنین:

🌐 www.uisources.com

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


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

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

👇🏽👇🏽👇🏽
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی
#ابزار

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

🌐 https://remixicon.com/


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
UIUX WorkShop
https://dribbble.com/shots/13933898-Bitoket-cryptocurrency-UI-and-UX-Design
دوستان با لایک‌ها و کامنت‌هاتون میتونید بهم انرژی چند برابر بدید ❤️
#نکات
از کنتراست (contrast) رنگی به بهترین شکل استفاده کنید.

منظور از کنتراست رنگی ، تفاوت بارز بین دو رنگ می‌باشد.استفاده درست از رنگ‌های با کنتراست خوب، باعث می‌شود که کاربر به خوبی با اپلیکیشن و یا سایت شما ارتباط برقرار کند و متنها به خوبی خوانده شود .در بالا تصویر سایتی رو می‌بینید که با به کار بردن کنتراست رنگی بالا (تفاوت رنگی مناسب) بین اجزا باعث به خوبی دیده شدن بخش های مختلف سایت شده است.
در تصویر بالا دو مربع رسم شده که مثالی از کنتراست خوب و بد را به نمایش گذاشته است.


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from UIUX WorkShop
#معرفی
#ابزار

به تصاویر بالا نگاه کنین.
باورتون میشه تمامی چهره با علم #هوش_مصنوعی ساخته شده‌اند و این اشخاص وجود خارجی ندارند و به عنوان چهره‌های فیک شناخته شده‌اند!!

شما طراحان میتونین در آدرس زیر از این چهره‌ها برای طراحیاتون استفاده کنین.

🌐 www.thispersondoesnotexist.com



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

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

👇🏽👇🏽👇🏽
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار


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

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

▪️نصب در گوگل
▪️نصب در فایرفاکس

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

💡جالبه بدونید گوگل حدود ۴۰ طیف مختلف از رنگ آبی رو برای لینک‌های صفحه نتایج جستجو تست و تحلیل کرد تا بهترین رنگ رو پیدا کنه.

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

بنابراین یکی از چیزهای مهمی که میتونه بگه چی برای سایت شما بهترین نتیجه رو داره، A/B تست‌ها هستند!

@novincompany
Media is too big
VIEW IN TELEGRAM
#اجرا

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


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


بوردرها تنها راه جداسازی دو المان از هم نیستن. پیشنهاد ما به شما اینه که استفاده از Borderها رو کم کنین و از رنگ ها و سایه‌ها برای جداسازی و نشون دادن بخش فعال موردنظرتون به کاربر باشین.
💢مواظب باشید این رنگها با رنگ‌های غیرفعال (disable) شما تداخل پیدا نکنه.

👇🏽👇🏽👇🏽
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
UIUX WorkShop
https://www.instagram.com/p/B2Lqvi5nDEk/
Abbas2.psd
35.3 MB
تاسوعای حسینی به همه عزیزان تسلیت
طرح لایه باز تصویر بالا رو میتونید دانلود کنید
التماس دعا
This media is not supported in your browser
VIEW IN TELEGRAM
#یوایکس_خوب

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

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

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

@novincompany
Forwarded from INVERSE Brief
This media is not supported in your browser
VIEW IN TELEGRAM
دوره آنلاین طراحی UI در Sketch مدرسه اینورس با هومن هاتفی
bit.ly/3j8wgy8

دیگر دوره‌های مدرسه آنلاین اینورس:
- دوره uiux مقدماتی
- دوره Adobe Photoshop
- دوره Adobe Illustrator
و بیش از ۶۵ دوره دیگر

🔴 کدتخفیف ۱۵۰هزارتومنی مخصوص اعضای کانال:
uixworkshop
مهلت تا پایان روز دوشنبه ۷ مهر
⁣⁣⁣⁣⁣⁣⁣
🔗 برای کسب اطلاعات بیشتر به سایت مدرسه آنلاین اینورس مراجعه کنید:
inverseonline.com

@inverseschool
ورژن دوم آیکن‌ست زیبای iconly کار بچه های پیکودیزاین منتشر شد 😍
از لینک زیر میتونید دانلودش کنید

https://ui8.net/piqodesign/products/iconly-essential-icons
Forwarded from Design With Hooman
دوره رایگان آشنایی با طراحی UX و UI تقدیم به شما 🌹
این دوره برای کساییه که می‌خوان با طراحی UX و UI آشنا بشن و تجربه‌ای در این حوزه ندارن.

در واقع، این دوره یک پیش‌زمینه برای ورود به این حوزه است. با شرکت در این دوره می‌تونید بفهمید که آیا به طراحی UX و UI علاقه دارید یا نه.


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

www.duxlab.academy/introduction-to-ux-and-ui