۵ نکته برای طراحی Text Field

مولفه Text Field یا زمینه متن به #کاربر اجازه می‌دهند که بتونه یک #متن خاص رو در #واسط_کاربری وارد کنه. Text Fieldها معمولا در فرم‌ها دیده می‌شوند.


سه ویژگی مهم در این مولفه طراحی باید وجود داشته باشه:

1️⃣ راحت دیده بشه و کاربر بفهمه که این مولفه چه کاربردی داره

2️⃣ واضح و وضعیت‌های مختلف (در تصویر) قابل تفکیک باشه.

3️⃣ کارآمد باشه و نشون بده که چه کاربر باید چه اطلاعاتی رو وارد کنه و همچنین خطاها رو به وضوح نشون بده.


💛۵ تا نکته دربارهی طراحی Text Field رو در اینستاگرام داکس‌لب ببینید 👇
https://www.instagram.com/p/B0bPot_AzaV/


🆔 @dux_lab | #آموزشی

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

حقیقت:
کاربر کاملا بر اساس احساساتش تصمیم می‌گیره. اگه بر این اصل که به لباس نیاز نداره می‌خواست تصمیم بگیره، کلا به فروشگاه سر نمی‌زد 😉

🆔 @dux_lab | #افسانه_حقیقت

یک کار فوق‌العاده با ارزش از پگاه رضایی
@zegond1


اگر توی طراحیاتون لوگوی وکتور باکیفیت بانک و درگاه‌های پرداخت به کارتون میاد، این وکتورها رو پگاه رضایی با دقت خیلی زیادی تو چهار فرمت Sketch، XD، Figma، Illustrator ساخته و در گیت‌هاب قرار داده تا همه ☺️👌🏻 بتونند استفاده کنند

🔗 لینک دانلود گیت‌هاب
https://github.com/zegond/logos-per-banks


🆔 @dux_lab | #معرفی #ابزار_طراحی

تا حالا شده بخواید رنگ‌ها، اسم فونت‌ها و تصاویر یک وب‌سایت خاص رو داشته باشید؟

با استفاده از پلاگین MIMIC در ادوبی ایکس‌دی می‌تونید این کار رو انجام بدید 😊


🆔 @dux_lab | #ابزار_طراحی

از این به بعد، محک طراحی رو باحال‌تر براتون می‌سازیم.

شما توی ۵ ثانیه فرصت دارید که تشخیص بدید کدوم طرح صحیح‌تره.

موفق باشید 😉


🆔 @dux_lab | #محک_طراحی

توی وب‌سایت UI-Cloud، هر المان طراحی رو که بخواید می‌تونید با استایل‌ها مختلف ببینید و دانلود کنید.

مثلا button رو جستجو می‌کنید و انواع استایل‌های دکمه‌ها رو براتون نمایش می‌ده.

🆔 @dux_lab | #معرفی_وبسایت

پست #آموزشی

توی اینستاگرام یک سری اسلاید جدید راجع‌به گرید‌ها گذاشتیم.

چک کردنش ضرر نداره 👇

https://www.instagram.com/p/B0jBmkQg9tc/


🆔 @dux_lab | #آموزشی

ممکنه واژه CTA رو بارها جاهای مختلف شنیده باشید اما ندونید معنیش چیه و چه کاری رو انجام می‌ده.

توشه طراحی امروز، مربوط به CTA هست.

حتما تصویر رو ببینید 😊


🆔 @dux_lab | #توشه_طراحی

ارورهای محصولات ادوبی هم معضلیه..

نگاه کنید می‌ترکید از خنده 😂

🆔 @dux_lab | #فان

جزئیات در حقیقت جزئیات نیستند؛ آن‌ها طرح را می‌سازند.

🆔 @dux_lab | #سخن_بزرگان

پست #آموزشی

یک اسلاید آموزشی دیگه تقدیم به شما ✌️

این اسلاید مربوط به ۵ قانون کاربردی در طراحی UI است و بسیار مهمه که نسبت بهشون آگاهی داشته باشید.

صفحه اینستاگرام DUX Lab رو دنبال کنید تا پست‌های این شکلی رو بتونید داشته باشید 😊

https://www.instagram.com/p/B0tfeFxA4Vi/


🆔 @dux_lab | #آموزشی

بیست و سومین دورهمی «بنیاد طراحی تعاملی»

سه شنبه ۱۵ مرداد ۹۸

سخنرانان:
- هومن عباسی
-فائزه بهمنی


پنل تخصصی نقش‌ها در حوزه تجربه کاربری:
- علیرضا نیکوکار
- علی بابایی
- مهدی صارمی‌فر


در ایوند اطلاعات بیشتر رو ببینید و ثبت نام کنید:
https://evnd.co/Y2nc5


🆔 @dux_lab | #رویداد

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

به این کار به‌اصطلاح میگن سینما گراف و توشه طراحی امروزمون راجع‌به اونه.

توی این فایل گیف، توضیحات و یک نمونه از سینما گراف رو می‌تونید ببینید.

🆔 @dux_lab | #توشه_طراحی

#محک_طراحی

کدوم طرح به‌نظرتون صحیح‌تره؟ 😉


🆔 @dux_lab | #محک_طراحی

تا حالا شده دنبال یک رنگ خاص، مثلا رنگ قرمز، باشید اما قرمزی که دنبالش هستید رو نتونید پیدا کنید؟

با استفاده از Flat UI Color Picker از بین طیف‌های مختلف یک رنگ خاص، طیف مد نظرتون رو به‌سا‌دگی پیدا کنید 😊

🆔 @dux_lab | #معرفی_سایت

یک پست #آموزشی برای آخر شب داریم که یکم دیر آماده شد، اما باید تقدیم شما می‌کردیم.

تقدیم به شما🌹

🆔 @dux_lab | #آموزشی



https://www.instagram.com/p/B03_tkVA0DT/?igshid=1w7eg7zke4nmz

تیم محصول اینطوری کار می‌کنه 😂

🆔 @dux_lab | #فان

۴ پالت رنگی که جز پر طرفدارترین‌ها بین طراحان حرفه‌ای جهان هستند. تقدیم به شما 😊

به‌اشتراک بگذارید.

🆔 @dux_lab | #ابزار_طراحی #رنگ

پست منتخب ☝🏻