مبانی طراحی رابط کاربری |‌ UI

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

تصویر شاخص مقاله پروتوتایپ (Prototype) با تیتر "زنده کردن ایده‌ها" روی پس‌زمینه آبی.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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