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

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

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

Desginers VS Developers :))


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

#نکات

❌ از lorem ipsum استفاده نکنید.

این یکی از عادات بد طراحان است.باعث می شود که کار شما مبتدی به نظرآید یا زمانی که شما طرحتان را به مشتری نشان می دهید در واقع برای آن احترام قائل نشده اید.

✅ بهترین کار این است که از متن واقعی با یک موضوع مشابه استفاده کنید.

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

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

همین حالا میتونید درگروه پایین عضو شید:
https://news.1rj.ru/str/joinchat/IxK4axXPIvvn3XoQedmufw

#آموزش

🎥 آموزش UI اپلیکیشن فروشگاهی

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

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

سايتي رو كه ميخوايم بهتون معرفي كنيم مجموعه عظیمی از آیکون های برداري با 3 سايز 24px/48px/72px است كه ميتونين توي پروژه هاتون ازش استفاده كنين.
از ويژگي هاي بارز اين مجموعه هيجان انگيز ميتونيم به موارد زير اشاره كنيم:

▪️دسته بندي آيكون ها بر اساس موضوعات مختلف

▪️وجود پالت رنگي و انتخاب رنگ آيكون موردنظرتون

▪️فرمت هاي مختلف آيكون براي استفاده طراحان :
.sketch, .fig, .xd, .studio, .iconjar, .noscript, .ai, .png, .pdf, .woff


https://www.theiconof.com/search

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

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

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://news.1rj.ru/str/joinchat/IxK4axXPIvvn3XoQedmufw

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

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

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


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