✳️روز جهانی گرافیک مبارک

Design by:mohammad ghaderi

💎 @uiuxworkshop

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

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


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

#معرفی_سایت
#ابزار

تا به حال از آیکون های متحرک برای طراحی هاتون استفاده کردین؟!

سایت flighticon بسته ای از آیکونهای متحرک را در اختیار شما طراحان وب و اپلیکیشن قرار داده، که میتونید فایل های آیکون رو به دو صورت GIF و JSON دانلودکنین.

🌐https://www.flighticon.co/


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

#آموزش

🎥 آموزش UI سایت با طراحی فوق العاده

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

#ابزار
#معرفی_سایت

به راحتی در کمتر از 1 دقیقه میتونین اشکال مختلف و با رنگ های جذاب رو با فرمت SVG طراحی کنین.

🔴خودتون یه تست کنین👇

https://www.blobmaker.app/



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

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

در طراحیتان برای اینکه توجه کاربر رو به یک سمت هدایت کنین و اونو به هدفش نزدیک تر کنین بهتره از دکمه های CTA که ظاهرشان متفاوت از دکمه های ثانویه هستند استفاده کنین.


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

یه نمونه اشتباه که خودم بهش برخوردم
چندتا مشکل داره این دکمه‌ها:
یک اینکه نباید دکمه‌ها اینطوری بهم بچسبن وقتی اینقدر از نظر معنایی باهم اختلاف دارن
دوم دکمه انصراف هست که هم به صورت پرایمری گذاشته شده و هم سبز رنگه 😐
پرداخت هم سبز ، انصراف هم سبز؟؟ جل الخالق

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

#معرفی_سایت
#ابزار

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

📎 https://flatui.colorion.co/

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

#آموزش

🎥 آموزش طراحی لندینگ پیج در XD

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

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

همین حالا میتونید درگروه پایین عضو شید:
https://hottg.com/+IxK4axXPIvvn3XoQedmufw

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

🔰یک کار باحالی که میشه انجام داد در فرم هایی که نیاز به رمز عبور دارن ، اینه که کاربر قبل از زدن دکمه ی ورود ، رمز خودشو ببینه که اشتباه وارد نکرده باشه . ( وقتی روی اون ایکن چشم کلیک کنیم یا Hover اتفاق بیوفته ،‌ رمز نمایان میشه )

شاید با این کار از باراضافی روی سرور و ایمیل های پشتیبانی و ... خیلی کم کنیم :) شاد باشید


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

⭕️ استخدام طراح رابط کاربری (UI Designer) به‌صورت تمام‌وقت در ایسمینار

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

اطلاعات بیشتر و ارسال رزومه:
jobinja.ir/284198


همچنین می‌تونین فرصت‌های شغلی دیگه ایسمینارو اینجا ببینین:
jobinja.ir/companies/e-seminar/jobs

#معرفی_سایت
#ابزار

✴️اینروزا اکثر طراحا از وکتورهای ایلاستریتور در طراحیاشون استفاده میکنن و دغدغه طرح های رایگان رو دارند!
😍خبر خوب براتون داریم!!
سایت فری پیک رو که اکثرا میشناسید
💢 https://www.freepik.com/

این شرکت به تازگی، سرویس جدیدی رو به سایتش اضافه کرده که کاربران میتونن بسته به موضوع موردنظرشون، وکتور با رنگ بندی دلخواه، سبک های مختلف و همینطور انیمشین های زیبا رو انتخاب کنن و با چیدمان دلخواه تصویر خودشون رو سفارشی سازی کنند!!

⭕️روی آدرس زیر کلیک کنین تا به این بخش پرطرفدار وارد شوید:
♨️ https://stories.freepik.com

💪این ویدیو رو ذخیره کنید و برای دوستاتون بفرستید و حمایت کنید🤗

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

#آموزش

🎥 آموزش UI اپلیکیشن با طراحی ساده اما شیک

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

#معرفی_سایت
#ابزار

یه سایت کاملا کاربردی با هزاران #فونت لاتین و سبک های متفاوت، هر سبکی بخواین توش پیدا میشه و براحتی میتونین دانلود کنین نیاز به ثبت نام هم نداره با یه سرچ قدرتمند و دسته بندی عالی میتونید به فونت مورد نظرتون برسین.
🌐https://www.dafontfree.io/


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

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

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


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

#آموزش

طراحی ui اپلیکیشن به سبک نئومورفیسم

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

#توسعه

یک راهنمای فوق العاده برای بحث گرید و پدینگ و مارجین (‌به همراه کد های وب)

مخصوص توسعه دهنده های عزیز وب
https://css-tricks.com/snippets/css/complete-guide-grid/

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