دسته مبانی طراحی رابط کاربری |‌ UI

پروتوتایپ (Prototype) چیست؟ زنده کردن ایده‌ها قبل از کدنویسی

تصویر شاخص مقاله آموزش پروتوتایپ Prototype در تجربه کاربری با تیتر زنده کردن ایده‌ها

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

ادامه مطلبپروتوتایپ (Prototype) چیست؟ زنده کردن ایده‌ها قبل از کدنویسی

میکروانیمیشن‌ها در UI: جادوی پنهان در جزئیات کوچک

تصویر شاخص مقاله میکرواینتراکشن‌ در UI با تیتر "جادوی میکرواینتراکشن‌ها" روی پس‌زمینه نارنجی و زرد.

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

ادامه مطلبمیکروانیمیشن‌ها در UI: جادوی پنهان در جزئیات کوچک

طراحی UI برای موبایل: چگونه اپلیکیشن‌هایی طراحی کنیم که کاربران عاشقشان شوند؟

تصویر شاخص مقاله آموزش طراحی رابط کاربری موبایل Mobile UI با تیتر طراحی در ابعاد جیبی روی پس‌زمینه نارنجی

طراحی برای صفحات کوچک موبایل چالش‌های خاص خود را دارد. با اصول کلیدی طراحی UI موبایل، از الگوهای لمسی تا تفاوت‌های iOS و Android، آشنا شوید تا اپلیکیشن‌هایی کاربرپسند بسازید.

ادامه مطلبطراحی UI برای موبایل: چگونه اپلیکیشن‌هایی طراحی کنیم که کاربران عاشقشان شوند؟

چگونه یک پورتفولیو (Portfolio) UI/UX حرفه‌ای بسازیم؟

تصویر شاخص مقاله آموزش ساخت پورتفولیو UI/UX با تیتر "ویترین و رزومه شغلی شما" روی پس‌زمینه نارنجی و زرد

پورتفولیوی شما مهم‌ترین ابزار برای ورود به بازار کار طراحی است. با اصول کلیدی ساخت یک پورتفولیو UI/UX حرفه‌ای، از انتخاب پروژه‌ها تا نوشتن کیس استادی، آشنا شوید.

ادامه مطلبچگونه یک پورتفولیو (Portfolio) UI/UX حرفه‌ای بسازیم؟

دیزاین سیستم (Design System) چیست؟ زبان مشترک طراحان و توسعه‌دهندگان

تصویر شاخص مقاله آموزش دیزاین سیستم Design System در رابط کاربری با تیتر زبان یکپارچه طراحی روی پس‌زمینه نارنجی

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

ادامه مطلبدیزاین سیستم (Design System) چیست؟ زبان مشترک طراحان و توسعه‌دهندگان

وایرفریم (Wireframe) چیست؟ نقشه راه محصول شما قبل از طراحی

تصویر شاخص مقاله آموزش وایرفریم Wireframe چیست با تیتر "نقشه راه محصول شما" روی پس‌زمینه نارنجی و زرد

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

ادامه مطلبوایرفریم (Wireframe) چیست؟ نقشه راه محصول شما قبل از طراحی

فیگما (Figma) چیست؟ چرا به ابزار اصلی طراحان تبدیل شده است؟

تصویر شاخص مقاله آموزش فیگما Figma چیست با تیتر "ابزار شماره یک طراحان" روی پس‌زمینه نارنجی و زرد

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

ادامه مطلبفیگما (Figma) چیست؟ چرا به ابزار اصلی طراحان تبدیل شده است؟

طراحی آیکان در UI: زبان جهانی برای ارتباط با کاربر

تصویر شاخص مقاله طراحی آیکون در UI با تیتر "زبان جهانی آیکان‌ها" روی پس‌زمینه نارنجی و زرد.

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

ادامه مطلبطراحی آیکان در UI: زبان جهانی برای ارتباط با کاربر

طراحی فرم در UI: چگونه یک گفتگو و تعامل روان با کاربر ایجاد کنیم؟

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

چرا کاربران فرم‌های شما را نیمه‌کاره رها می‌کنند؟ با اصول طراحی فرم‌های واضح و کاربرپسند در UI آشنا شوید و یاد بگیرید چگونه یک مکالمه روان با کاربر ایجاد کنید که به نتیجه برسد.

ادامه مطلبطراحی فرم در UI: چگونه یک گفتگو و تعامل روان با کاربر ایجاد کنیم؟

طراحی دکمه در UI: فراتر از یک مستطیل ساده برای کلیک کردن

تصویر شاخص مقاله آموزش طراحی دکمه Button در رابط کاربری با تیتر دعوت به اقدام روی پس‌زمینه نارنجی

دکمه‌ها مهم‌ترین عناصر تعاملی در طراحی UI هستند. با انواع دکمه، حالت‌های مختلف آن‌ها و اصول طراحی یک دکمه عالی که کاربر را به کلیک کردن ترغیب می‌کند، آشنا شوید.

ادامه مطلبطراحی دکمه در UI: فراتر از یک مستطیل ساده برای کلیک کردن