#آموزش

🎥 آموزش طراحی صفحه پروفایل و لاگین
در Adobe XD


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

#معرفی
#ابزار

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

🌐 https://www.kapwing.com/404-illustrations


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

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

✳️در طراحی فرم‌ها به فکر راحتی کاربر باشین!!

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


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

#معرفی
#ابزار

✳️از اونجایی که اینروزا طراحا توی طراحیاشون از وکتورهای ایلاستریتور زیاد استفاده میکنن و کاربرپسند هست،امروز یکی از سایت هایی که کلی وکتورهای جذاب و رایگان داره رو میخوایم بهتون معرفی کنیم.

یکی از مزایای این سایت اینه که وکتورها رو براساس موضوعاتی مشخص دسته بندی کرده که راحت میتونین وکتور موردنظرتون رو پیدا کنین و ازش استفاده کنین.

🌐www.glazestock.com

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

#آموزش

🎥 آموزش طراحی یک landing page
در Adobe XD


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

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

✅از کنتراست (contrast) رنگی به بهترین شکل استفاده کنید.

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


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

#معرفی
#ابزار


به عکس‌های صنعتی stock image گفته میشه که به معنی عکس‌های موجود که توسط عکاسان حرفه‌ای گرفته شده‌اند هستند.
این عکس‌ها برای کارهای تجاری گرفته و آماده می‌شه.
در این پست ۵ سایتی که به صورت کاملا رایگان عکس صنعتی تولید می‌کنند رو به شما معرفی می‌کنیم.

1- unsplash www.unsplash.com

2- reshot www.reshot.com

3- pexels www.pexels.com

4- pixabay www.pixabay.com

5- brust (by shopify) www.burst.shopify.com


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

#آموزش

🎥 آموزش طراحی یک landing page
در Adobe XD


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

✋سلام.
دوستان ۲ دعوت‌نامه دریبل داریم. هرکدوم از دوستان که تمایل داشت، پیج نمونه کارهاشو برام دایرکت کنه ( دقت کنید عکس‌هاشونو نفرستید فقط لینک پیج).
https://www.instagram.com/hamidrmousazade/

برای دوستان با استعدادتون هم ارسال کنید.

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

✅نقطه‌های روی اسلایدر در موبایل به راحتی دیده نمیشوند. از نشانه چپ و راست بــرای رفـتن به اسلاید قبلی و بعدی استفاده کنیـد.


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

#معرفی
#ابزار

✳️یه سایت رایگان وکتور ولی با قابلیت متفاوت!!!
توی این سایت خودت میتونی چندین وکتور رو با drag & drop کنار هم بچینی و ازشون توی اپلیکیشن و سایت استفاده کنی.

🌐https://icons8.com/vector-creator

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

#آموزش

🎥 آموزش طراحی یک منوی همبرگری به همراه انیمیشن در Adobe XD


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

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

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


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

#معرفی
#ابزار

چند منبع عالی برای دانلود فونت که هر طراحی بهشون نیاز داره!!



▪️irfont.ir

▪️ufont.ir

▪️fontyab.com

▪️fontirani.ir

▪️fontiran.com

▪️maryamsoft.com


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

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

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


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

#آموزش

🎥 آموزش UI اپلیکیشن در حوزه سلامت در Adobe XD


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

#معرفی
#ابزار

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

🌐 www.uisources.com

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


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

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

تا حد ممکن در فرم‌ها از فیلدهای کمتری استفاده کنین. مثلا بجای استفاده از دو فیلد قدیمی “نام” و “نام خانوادگی” بهتره یک فیلد با لیبل “نام و نام خانوادگی” گذاشتـه بشه.
البته در بعضی از موارد نیازه که این دو به صورت جدا از کاربر درخواست بشه و به صورت فیلد‌های مجزا قرار بگیره.


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

#معرفی
#معرفی_پلاگین
#ابزار

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

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


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

#آموزش

🎥 آموزش UI یک اپلیکیشن در Adobe XD


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