Channel: UIUX WorkShop
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
#مقاله آیا استفاده از حالت تاریک مصرف باتری گوشی را مقدار زیادی کاهش میدهد؟ آیا دارک مود باعث فشار کمتر به چشم میشود؟ اگر به دیزاین در حالت تاریک یا دارک مود علاقه دارین یا جواب سوالات بالا رو میخواید بدونید ، مقاله جنونی به نام «دارک مود» را در دیجیاتو…
Dribbble
Bitoket cryptocurrency UI and UX Design
Bitoket cryptocurrency UI and UX Design designed by Hamid R Mousazade for 8Grid Studio. Connect with them on Dribbble; the global community for designers and creative professionals.
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☝️
#نکات
#شماره 95
برای محتواتون عکسهایی رو انتخاب کنین که مرتبط با متن اون بخش باشه. با انتخاب صحیح عکس میتونین کاربر رو به راحتی راهنمایی
کنین تا به محتوای شما با جزییات بیشتری دقت کنه.
👇🏽👇🏽👇🏽
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#شماره 95
برای محتواتون عکسهایی رو انتخاب کنین که مرتبط با متن اون بخش باشه. با انتخاب صحیح عکس میتونین کاربر رو به راحتی راهنمایی
کنین تا به محتوای شما با جزییات بیشتری دقت کنه.
👇🏽👇🏽👇🏽
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#ابزار
⚜️ابزاری رو میخوایم معرفی کنیم که برای برنامه نویسان و طراحان سایت خیلی کاربردیه.
این ابزار (اکستنشن مرورگر) یه خط‌کشه که به شما کمک میکنه به جای نگاه چشمی و مسلما بروز خطاهای ناخواسته، بطور دقیق ابعاد و فواصل رو اندازه‌گیری کنید. با فعال کردنش در صفحه، این ابزار نواری در اختیارتون قرار میده که اطلاعات طول و عرض کادری که انتخاب کردید و موقعیتش از گوشه‌های صفحه رو نمایش میده و شما میتونید موقعیتش رو از همون نوار بطور دستی تغییر بدین.
▪️نصب در گوگل
▪️نصب در فایرفاکس
👇🏽👇🏽👇🏽
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
⚜️ابزاری رو میخوایم معرفی کنیم که برای برنامه نویسان و طراحان سایت خیلی کاربردیه.
این ابزار (اکستنشن مرورگر) یه خط‌کشه که به شما کمک میکنه به جای نگاه چشمی و مسلما بروز خطاهای ناخواسته، بطور دقیق ابعاد و فواصل رو اندازه‌گیری کنید. با فعال کردنش در صفحه، این ابزار نواری در اختیارتون قرار میده که اطلاعات طول و عرض کادری که انتخاب کردید و موقعیتش از گوشه‌های صفحه رو نمایش میده و شما میتونید موقعیتش رو از همون نوار بطور دستی تغییر بدین.
▪️نصب در گوگل
▪️نصب در فایرفاکس
👇🏽👇🏽👇🏽
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
Forwarded from نوین | آموزش دیجیتال مارکتینگ و سئو (Novin Content)
💡جالبه بدونید گوگل حدود ۴۰ طیف مختلف از رنگ آبی رو برای لینک‌های صفحه نتایج جستجو تست و تحلیل کرد تا بهترین رنگ رو پیدا کنه.
این طیف‌های رنگ به اندازه‌ای به هم نزدیک هستند که شاید کاربر در معرض هر دو رنگ قرار بگیره و متوجه تفاوتشون نشه، ولی تست‌ها نشون دادن، رنگها تأثیر خودشون رو روی مخاطب میذارن و نتیجه رو تغییر میدن.
✅ بنابراین یکی از چیزهای مهمی که میتونه بگه چی برای سایت شما بهترین نتیجه رو داره، A/B تست‌ها هستند!
@novincompany
💡جالبه بدونید گوگل حدود ۴۰ طیف مختلف از رنگ آبی رو برای لینک‌های صفحه نتایج جستجو تست و تحلیل کرد تا بهترین رنگ رو پیدا کنه.
این طیف‌های رنگ به اندازه‌ای به هم نزدیک هستند که شاید کاربر در معرض هر دو رنگ قرار بگیره و متوجه تفاوتشون نشه، ولی تست‌ها نشون دادن، رنگها تأثیر خودشون رو روی مخاطب میذارن و نتیجه رو تغییر میدن.
✅ بنابراین یکی از چیزهای مهمی که میتونه بگه چی برای سایت شما بهترین نتیجه رو داره، A/B تست‌ها هستند!
@novincompany
Media is too big
VIEW IN TELEGRAM
#اجرا
اجرای UI یک اپلیکیشن به همراه پروتوتایپ در نرم افزار Adobe XD
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
اجرای UI یک اپلیکیشن به همراه پروتوتایپ در نرم افزار Adobe XD
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
#نکات
#شماره 96
بوردرها تنها راه جداسازی دو المان از هم نیستن. پیشنهاد ما به شما اینه که استفاده از Borderها رو کم کنین و از رنگ ها و سایه‌ها برای جداسازی و نشون دادن بخش فعال موردنظرتون به کاربر باشین.
💢مواظب باشید این رنگها با رنگ‌های غیرفعال (disable) شما تداخل پیدا نکنه.
👇🏽👇🏽👇🏽
@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☝️
یادمون باشه که تجربه کاربری خوب سعی داره که از محصولات ، ابزار و ... استفاده درست و بهینه کنه.
👇🏽👇🏽👇🏽
@UIUXWorkshop
☝️نکات آموزشی UI/UX☝️
HTML Embed Code: