نویگیشن بار تکنولایف رو توی فیگما ریدیزاین کردم!

چرا فروشگاه‌های بزرگی مثل دیجی‌کالا، باسلام و... نویگیشن بار (Navigation Bar) ساده‌ای دارن؟ توی این ویدیو، نویگیشن‌بار سایت تکنولایف رو کامل بررسی کردیم و توضیح دادم که چرا سادگی در این بخش، مستقیماً روی فروش و تجربه کاربر تاثیر میزاره. که بعد از اون، به صورت پروژه محور وارد نرم افزار فیگما (Figma) می‌شیم و می‌بینید که چطور بر اساس پنج اصولی که توی ویدیو درباره‌شون صحبت کردم، ناوبری تکنولایف رو ریددیزاین می‌کنیم و بهش پروتوتایپ نرم و جذاب هم میدیم. 😍 ---- 💙 کانال تلگرام (قبلیه بلو اسکواد) (لینک این فایل فیگمایی ریددیزاین رو توی همین کانال برات گذاشتم!): https://t.me/sobhan_khodashenas 🚀 اینستاگرام:   / sobhan.khodashenas   🎓 سایت آکادمی: https://Sobhankhodashenas.ir ⚡ لینکدین:   / sobhan-khodashenas   ---- 00:00 - مقدمه و دلیل ریدیزاین نویگیشن بار تکنولایف 02:00 - چرا شرکت‌های بزرگ نویگیشن بار ساده طراحی می‌کنند؟ 02:45 - اهمیت جزئیات در طراحی (نکته طلایی استیو جابز) 03:38 - دلیل ۱: کاهش بار شناختی و خستگی بصری کاربر 04:30 - دلیل ۲: اولویت‌بندی و مدیریت فضای عمودی 05:09 - دلیل ۳: طیف وسیع کاربران (از کودک تا سالمند) 05:43 - دلیل ۴: تمرکز بر نرخ تبدیل (Conversion Rate) 06:20 - دلیل ۵: جلوگیری از باگ‌های انیمیشنی و افت فریم 07:20 - نمایش انیمیشن جذاب نویگیشن بار طراحی شده 08:00 - تحلیل تفاوت رنگ‌های خنثی و رنگ برند در طراحی 08:55 - شروع کار در فیگما: آماده‌سازی استایل‌گاید و آیکون‌ها 12:12 - طراحی ساختار و ابعاد استاندارد نویگیشن بار 14:45 - طراحی آیکون‌ها و وضعیت‌های فعال (Active States) 17:54 - ایجاد گرادینت و جلوه‌های بصری حرفه‌ای 19:20 - شروع پروتوتایپ و انیمیشن‌سازی در Figma 23:45 - نمایش نتیجه نهایی و تست پروتوتایپ 24:00 - جمع‌بندی ---- #UIUX #Figma #طراحی_سایت #فیگما #تکنولایف #آموزش_طراحی #ریدیزاین #رابط_کاربری #آموزش_فیگما #سبحان_خداشناس #Sobhan_Khodashenas