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

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

👤ارتباط: @HamidRMousazade

📝کانال پروژه و استخدامی: @UIUXProjects
Download Telegram
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
Forwarded from UIUX WorkShop
#نکات
#شماره 85

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

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
توی این سایت میتونید کلی کاراکترهارو با قابلیت تغییر در صورت و مدل مو و… پیدا کنید

https://products.ls.graphics/wrrooom

@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
🔔پیش‌ثبت‌نام دوره آنلاین طراحی UX شروع شده.

👀 الان می‌تونید با ۵۰۰۰۰۰ تومان تخفیف پیش‌ثبت‌نام رو انجام بدید.
(البته قبلش باید دوره رایگانمون رو حتما ببینید تا با کلیت طراحی UX آشنایی داشته باشید)


این دوره مناسب تمام کسانیه که می‌خوان پروسه طراحی UX رو چه داخل شرکت و چه به‌صورت پروژه‌ای از صفر انجام بدن.

برای اطلاعات بیشتر و ثبت‌نام، به آدرس زیر برید:
www.duxlab.academy/ux-design-from-scratch



❗️نکته: محتوای دوره داخل استودیو و با کیفیت خیلی خوبی ضبط شده. سایت ما یک سیستم آموزش مجازی داره که ثبت‌نام، تمرین، پروژه و آزمون نهایی همگی داخلش هستند.
بعد ثبت‌نام هر دوره کافیه برید داخل پروفایل و یادگیری رو شروع کنید.
شنیدم از چند دوست که در شرکت‌های مختلف کارمیکنن ، گفتن باید بیاید سرکار 😐
آخه چرا در عصر اینترنت و ارتباطات ، حتما باید کارمندا حضوری باشن؟ 😐 دیگه شرکت‌های تکنولوژی و آی‌تی چرا آخه؟ به سلامتی خودتون و همکارانتون اهمیت بدید لطفا 😷
#قسمت اول
#ایکس_دی

✳️آموزش مقدماتی نرم‌افزار Adobe Xd

در این قسمت شما با مباحث زیر آشنا میشین:👇

🔹آموزش دانلود و نصب + شروع کار با ادوبی ایکس دی

🔸 آموزش و بررسی بخش آرت بورد

🔹 بررسی جزئی بخش نوار ابزار

🔸 آموزش نحوه ذخیره سازی فایل های ادوبی ایکس دی

🔹 بررسی تب دیزاین

🔸 بررسی منوهای نرم افزار

🔴لینک دانلود جلسه اول:

https://www.aparat.com/v/jV3fQ


برای حمایت از مدرس، فالو کنین👇

📷 instagram.com/hamidrmousazade

🏀 dribbble.com/HamidRMousazade


@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
✳️آموزش نصب اصولی و راحت Adobe Xd👇

🌟https://www.aparat.com/v/LDEhm



برای حمایت از مدرس، فالو کنین👇

📷 instagram.com/hamidrmousazade

🏀 dribbble.com/HamidRMousazade


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