میکروانیمیشن‌ها در 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: فراتر از یک مستطیل ساده برای کلیک کردن

فضای خالی در UI: قدرت پنهان “هیچ” در طراحی

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

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

ادامه مطلبفضای خالی در UI: قدرت پنهان “هیچ” در طراحی