UIUX WorkShop
#نکات #شماره 89 در طراحیتان برای اینکه توجه کاربر رو به یک سمت هدایت کنین و اونو به هدفش نزدیک تر کنین بهتره از دکمه های CTA که ظاهرشان متفاوت از دکمه های ثانویه هستند استفاده کنین. @UIUXWorkshop نکات آموزشی UI/UX☝️
یه نمونه اشتباه که خودم بهش برخوردم
چندتا مشکل داره این دکمهها:
یک اینکه نباید دکمهها اینطوری بهم بچسبن وقتی اینقدر از نظر معنایی باهم اختلاف دارن
دوم دکمه انصراف هست که هم به صورت پرایمری گذاشته شده و هم سبز رنگه 😐
پرداخت هم سبز ، انصراف هم سبز؟؟ جل الخالق
@UIUXWorkshop
نکات آموزشی UI/UX☝️
چندتا مشکل داره این دکمهها:
یک اینکه نباید دکمهها اینطوری بهم بچسبن وقتی اینقدر از نظر معنایی باهم اختلاف دارن
دوم دکمه انصراف هست که هم به صورت پرایمری گذاشته شده و هم سبز رنگه 😐
پرداخت هم سبز ، انصراف هم سبز؟؟ جل الخالق
@UIUXWorkshop
نکات آموزشی UI/UX☝️
#معرفی_سایت
#ابزار
در Colorion شما با سه گالری سر و کار دارید: یکی برای پالتهای رنگی معمولی، یکی برای طراحی متریال و دیگری برای طراحی رابط کاربری فلت. اگر روی یکی از رنگها کلیک کنید میتوانید پالتهای مرتبط به همدیگر را جستجو کنید. Colorion همچنین برای شما یک نوار جستجو را مهیا میسازد که با استفاده از آن میتوانید رنگهای پایه و پالتهای مرتبط را پیدا نمایید.
📎 https://flatui.colorion.co/
@UIUXWorkshop
نکات آموزشی UI/UX☝️
#ابزار
در Colorion شما با سه گالری سر و کار دارید: یکی برای پالتهای رنگی معمولی، یکی برای طراحی متریال و دیگری برای طراحی رابط کاربری فلت. اگر روی یکی از رنگها کلیک کنید میتوانید پالتهای مرتبط به همدیگر را جستجو کنید. Colorion همچنین برای شما یک نوار جستجو را مهیا میسازد که با استفاده از آن میتوانید رنگهای پایه و پالتهای مرتبط را پیدا نمایید.
📎 https://flatui.colorion.co/
@UIUXWorkshop
نکات آموزشی UI/UX☝️
Forwarded from UIUX WorkShop
سلام و وقت بخیر.
باتوجه به قابل تحملتر کردن شرایط موجود برای عزیزان و ماندن در خانه، تصمیم گرفتیم ورکشاپهای گذشته رو به صورت رایگان و درسهای روزانه تقدیم دوستان کنیم.
باشد که درخانه بمانید.
همین حالا میتونید درگروه پایین عضو شید:
https://news.1rj.ru/str/joinchat/IxK4axXPIvvn3XoQedmufw
باتوجه به قابل تحملتر کردن شرایط موجود برای عزیزان و ماندن در خانه، تصمیم گرفتیم ورکشاپهای گذشته رو به صورت رایگان و درسهای روزانه تقدیم دوستان کنیم.
باشد که درخانه بمانید.
همین حالا میتونید درگروه پایین عضو شید:
https://news.1rj.ru/str/joinchat/IxK4axXPIvvn3XoQedmufw
#نکات
#شماره 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☝️