#نکات
#شماره 90
🔰یک کار باحالی که میشه انجام داد در فرم هایی که نیاز به رمز عبور دارن ، اینه که کاربر قبل از زدن دکمه ی ورود ، رمز خودشو ببینه که اشتباه وارد نکرده باشه . ( وقتی روی اون ایکن چشم کلیک کنیم یا Hover اتفاق بیوفته ، رمز نمایان میشه )
شاید با این کار از باراضافی روی سرور و ایمیل های پشتیبانی و ... خیلی کم کنیم :) شاد باشید
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#شماره 90
🔰یک کار باحالی که میشه انجام داد در فرم هایی که نیاز به رمز عبور دارن ، اینه که کاربر قبل از زدن دکمه ی ورود ، رمز خودشو ببینه که اشتباه وارد نکرده باشه . ( وقتی روی اون ایکن چشم کلیک کنیم یا Hover اتفاق بیوفته ، رمز نمایان میشه )
شاید با این کار از باراضافی روی سرور و ایمیل های پشتیبانی و ... خیلی کم کنیم :) شاد باشید
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from ایسمینار | بهترین وبینارها برای شما
⭕️ استخدام طراح رابط کاربری (UI Designer) بهصورت تماموقت در ایسمینار
جای یه همکار خوشسلیقه و حرفهای برای اجرای لندینگپیجها، طراحی صفحات داخلی سایت و... تو ایسمینار خالیه 💚
اطلاعات بیشتر و ارسال رزومه:
jobinja.ir/284198
همچنین میتونین فرصتهای شغلی دیگه ایسمینارو اینجا ببینین:
jobinja.ir/companies/e-seminar/jobs
جای یه همکار خوشسلیقه و حرفهای برای اجرای لندینگپیجها، طراحی صفحات داخلی سایت و... تو ایسمینار خالیه 💚
اطلاعات بیشتر و ارسال رزومه:
jobinja.ir/284198
همچنین میتونین فرصتهای شغلی دیگه ایسمینارو اینجا ببینین:
jobinja.ir/companies/e-seminar/jobs
This media is not supported in your browser
VIEW IN TELEGRAM
#معرفی_سایت
#ابزار
✴️اینروزا اکثر طراحا از وکتورهای ایلاستریتور در طراحیاشون استفاده میکنن و دغدغه طرح های رایگان رو دارند!
😍خبر خوب براتون داریم!!
سایت فری پیک رو که اکثرا میشناسید
💢 https://www.freepik.com/
این شرکت به تازگی، سرویس جدیدی رو به سایتش اضافه کرده که کاربران میتونن بسته به موضوع موردنظرشون، وکتور با رنگ بندی دلخواه، سبک های مختلف و همینطور انیمشین های زیبا رو انتخاب کنن و با چیدمان دلخواه تصویر خودشون رو سفارشی سازی کنند!!
⭕️روی آدرس زیر کلیک کنین تا به این بخش پرطرفدار وارد شوید:
♨️ https://stories.freepik.com
💪این ویدیو رو ذخیره کنید و برای دوستاتون بفرستید و حمایت کنید🤗
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
✴️اینروزا اکثر طراحا از وکتورهای ایلاستریتور در طراحیاشون استفاده میکنن و دغدغه طرح های رایگان رو دارند!
😍خبر خوب براتون داریم!!
سایت فری پیک رو که اکثرا میشناسید
💢 https://www.freepik.com/
این شرکت به تازگی، سرویس جدیدی رو به سایتش اضافه کرده که کاربران میتونن بسته به موضوع موردنظرشون، وکتور با رنگ بندی دلخواه، سبک های مختلف و همینطور انیمشین های زیبا رو انتخاب کنن و با چیدمان دلخواه تصویر خودشون رو سفارشی سازی کنند!!
⭕️روی آدرس زیر کلیک کنین تا به این بخش پرطرفدار وارد شوید:
♨️ https://stories.freepik.com
💪این ویدیو رو ذخیره کنید و برای دوستاتون بفرستید و حمایت کنید🤗
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی_سایت
#ابزار
یه سایت کاملا کاربردی با هزاران #فونت لاتین و سبک های متفاوت، هر سبکی بخواین توش پیدا میشه و براحتی میتونین دانلود کنین نیاز به ثبت نام هم نداره با یه سرچ قدرتمند و دسته بندی عالی میتونید به فونت مورد نظرتون برسین.
🌐https://www.dafontfree.io/
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
یه سایت کاملا کاربردی با هزاران #فونت لاتین و سبک های متفاوت، هر سبکی بخواین توش پیدا میشه و براحتی میتونین دانلود کنین نیاز به ثبت نام هم نداره با یه سرچ قدرتمند و دسته بندی عالی میتونید به فونت مورد نظرتون برسین.
🌐https://www.dafontfree.io/
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
#شماره 91
گاهی اوقات خواندن متن زمانی که روی یک تصویر قرار می گیرد،مشکل می شود. برای رفع این مورد، پیشنهاد میشود که برروی عکس یک لایه ظریف رنگ یا یک گرادیانت زیبا استفاده نمایید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#شماره 91
گاهی اوقات خواندن متن زمانی که روی یک تصویر قرار می گیرد،مشکل می شود. برای رفع این مورد، پیشنهاد میشود که برروی عکس یک لایه ظریف رنگ یا یک گرادیانت زیبا استفاده نمایید.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#توسعه
یک راهنمای فوق العاده برای بحث گرید و پدینگ و مارجین (به همراه کد های وب)
مخصوص توسعه دهنده های عزیز وب
https://css-tricks.com/snippets/css/complete-guide-grid/
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
یک راهنمای فوق العاده برای بحث گرید و پدینگ و مارجین (به همراه کد های وب)
مخصوص توسعه دهنده های عزیز وب
https://css-tricks.com/snippets/css/complete-guide-grid/
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
UIUX WorkShop
https://dribbble.com/shots/12095068-Brillianet-online-jewelry-shop-UI-and-UX-design
نمونهکار جدیدی رو روی پیج دریبلم آپلود کردم. کل طرح شامل صفحات بیشتری میشد ولی به مرور روی پروژهی خودش آپلودش میکنم.
با لایک و کامنت میتونید حمایت کنید❤️
ممنون
با لایک و کامنت میتونید حمایت کنید❤️
ممنون
#نکات
#شماره 92
طراحی اصولي فرمها نقش مهمي رو در ارتباط با كاربران ايفا ميكنه. برهمين اساس بايد نكاتي رو كه باعث ميشه خوانايي توسط كاربر بالا بره رو رعايت كرد.يكي از اين نكات اينه كه .... (عكس رو دانلود كنيد).
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#شماره 92
طراحی اصولي فرمها نقش مهمي رو در ارتباط با كاربران ايفا ميكنه. برهمين اساس بايد نكاتي رو كه باعث ميشه خوانايي توسط كاربر بالا بره رو رعايت كرد.يكي از اين نكات اينه كه .... (عكس رو دانلود كنيد).
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
This media is not supported in your browser
VIEW IN TELEGRAM
#معرفی
در نسخه جدید Adobe Xd ویژگیای به اسم استک (Stack) اضاف شده که دیگه کار رو برای طراحا راحت کرده!
🌟در نسخههای پیشین این نرم افزار وقتی قصد جابجایی آبجکتها رو در یک گروه انتخاب شده داشتیم باید هر دو آبجکت رو جایگزین هم میکردیم.اما با این نسخه جدید کار راحت شده و فقط کافیه با درگ کردن یک آبجکت اینکار رو انجام بدیم.
✔️همینطور این ویژگی هم میتونه آبجکت ها رو به صورت افقی یا عمودی برای ما چیدمان کنه. که بیشتر برای آیتمهاي ليست پركاربرده.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
در نسخه جدید Adobe Xd ویژگیای به اسم استک (Stack) اضاف شده که دیگه کار رو برای طراحا راحت کرده!
🌟در نسخههای پیشین این نرم افزار وقتی قصد جابجایی آبجکتها رو در یک گروه انتخاب شده داشتیم باید هر دو آبجکت رو جایگزین هم میکردیم.اما با این نسخه جدید کار راحت شده و فقط کافیه با درگ کردن یک آبجکت اینکار رو انجام بدیم.
✔️همینطور این ویژگی هم میتونه آبجکت ها رو به صورت افقی یا عمودی برای ما چیدمان کنه. که بیشتر برای آیتمهاي ليست پركاربرده.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
#شماره 93
🔰در فرم ثبت نام بهتر است به جای ایجاد کردن نام کاربری جدید، به طور پیش فرض از کاربر "شناسه ایمیل" یا "شماره موبایل" بخواهید.
🤔آنها شناسه ایمیل و شماره موبایل خود را به راحتی به یاد میاورند.
👇🏽👇🏽👇🏽
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#شماره 93
🔰در فرم ثبت نام بهتر است به جای ایجاد کردن نام کاربری جدید، به طور پیش فرض از کاربر "شناسه ایمیل" یا "شماره موبایل" بخواهید.
🤔آنها شناسه ایمیل و شماره موبایل خود را به راحتی به یاد میاورند.
👇🏽👇🏽👇🏽
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from UIUX WorkShop
#معرفی
#ابزار
🤩اگه دنبال مرجعی هستین که میخواین بهترین UIهای اپلیکیشنهای دنیارو بهتون نشون بده و یا اگه دنبال دیدن انواع طراحیهای بخش خاصی از اپلیکیشن هستین بهتره به سایتی که پایین گذاشتیم مراجعه کنین:
🌐 www.uisources.com
و همینطور میتونین با ثبت ایمیلتون در همین سایت از درج اپلیکیشنهای جدید اطلاع پیدا کنین.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
🤩اگه دنبال مرجعی هستین که میخواین بهترین UIهای اپلیکیشنهای دنیارو بهتون نشون بده و یا اگه دنبال دیدن انواع طراحیهای بخش خاصی از اپلیکیشن هستین بهتره به سایتی که پایین گذاشتیم مراجعه کنین:
🌐 www.uisources.com
و همینطور میتونین با ثبت ایمیلتون در همین سایت از درج اپلیکیشنهای جدید اطلاع پیدا کنین.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
#شماره 94
استفاده از عکسایی که شخص واقعی لبخند به لب داره و به بخشی از سایت یا اپلیکیشن اشاره میکنه و در واقع به عنوان یک CTA عمل میکنه میتونه توجه مخاطب رو جلب کنه و نرخ خرید یا انجام کار خاص رو بالا ببره.
👇🏽👇🏽👇🏽
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#شماره 94
استفاده از عکسایی که شخص واقعی لبخند به لب داره و به بخشی از سایت یا اپلیکیشن اشاره میکنه و در واقع به عنوان یک CTA عمل میکنه میتونه توجه مخاطب رو جلب کنه و نرخ خرید یا انجام کار خاص رو بالا ببره.
👇🏽👇🏽👇🏽
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#معرفی
#ابزار
سایتی رو میخوایم بهتون معرفی کنیم که یک کالکشن عظیم رایگان از آیکونهای سیستمی که مناسب طراحان و دولوپرهاست.
🌐 https://remixicon.com/
@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☝️
✅از کنتراست (contrast) رنگی به بهترین شکل استفاده کنید.
منظور از کنتراست رنگی ، تفاوت بارز بین دو رنگ میباشد.استفاده درست از رنگهای با کنتراست خوب، باعث میشود که کاربر به خوبی با اپلیکیشن و یا سایت شما ارتباط برقرار کند و متنها به خوبی خوانده شود .در بالا تصویر سایتی رو میبینید که با به کار بردن کنتراست رنگی بالا (تفاوت رنگی مناسب) بین اجزا باعث به خوبی دیده شدن بخش های مختلف سایت شده است.
در تصویر بالا دو مربع رسم شده که مثالی از کنتراست خوب و بد را به نمایش گذاشته است.
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from UIUX WorkShop
#معرفی
#ابزار
به تصاویر بالا نگاه کنین.
باورتون میشه تمامی چهره با علم #هوش_مصنوعی ساخته شدهاند و این اشخاص وجود خارجی ندارند و به عنوان چهرههای فیک شناخته شدهاند!!
شما طراحان میتونین در آدرس زیر از این چهرهها برای طراحیاتون استفاده کنین.
🌐 www.thispersondoesnotexist.com
@UIUXWorkshop
نکات آموزشی UI/UX☝️
#ابزار
به تصاویر بالا نگاه کنین.
باورتون میشه تمامی چهره با علم #هوش_مصنوعی ساخته شدهاند و این اشخاص وجود خارجی ندارند و به عنوان چهرههای فیک شناخته شدهاند!!
شما طراحان میتونین در آدرس زیر از این چهرهها برای طراحیاتون استفاده کنین.
🌐 www.thispersondoesnotexist.com
@UIUXWorkshop
نکات آموزشی UI/UX☝️