قسمت ۲۲ | طراحی هدر حرفه‌ای با لوگو، مگامنو، جستجو و آیکون‌ها در قالب فراتم

Fara Themes
Fara Themes

در قسمت ۲۲ می‌رویم سراغ سربرگ سایت (Header)؛ جایی که هویت برند، منوها، جستجو و آیکون‌های مهم در یک نوار جمع‌وجور کنار هم قرار می‌گیرند. اگر هدر ضعیف باشد، کاربر حتی فرصت نمی‌کند بقیه سایت را ببیند؛ برای همین، این قسمت یکی از کلیدی‌ترین بخش‌های دوره فراتم است.

در این ویدئو قدم‌به‌قدم یاد می‌گیرید چطور با المنتور و امکانات قالب چندمنظوره فراتم:

لوگوی برند را در جای درست قرار دهید و نسخه مناسب موبایل و دسکتاپ را تنظیم کنید

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

باکس جستجوی هوشمند را در هدر اضافه کنید تا کاربر سریع به محصول یا محتوا برسد

آیکون‌های کاربردی مثل سبد خرید، حساب کاربری و علاقه‌مندی‌ها را مدیریت و مرتب کنید

رفتار هدر در اسکرول را تنظیم کنید (ثابت، چسبنده، شفاف روی اسلایدر و…)

نسخه موبایل هدر را طوری طراحی کنید که منوی همبرگری، لوگو و آیکون‌ها شلوغ و گیج‌کننده نشوند

در طول آموزش، نکات UX را هم بررسی می‌کنیم؛ اینکه کاربر باید در چند ثانیه بداند کجا کلیک کند، دکمه‌های مهم کجا باشند و چطور هدر را طوری طراحی کنید که هم زیبا باشد هم واقعا «قابل استفاده».

این قسمت به‌خوبی نشان می‌دهد چرا به فراتم می‌گوییم
«فراتم، جامع‌ترین قالب چندمنظوره ایرانی»؛
چون با هدرساز و تنظیمات داخلی خودش، اجازه می‌دهد بدون کدنویسی و بدون افزونه اضافه، چندین نوع هدر مختلف برای صفحه اصلی، فروشگاه، لندینگ‌ها و حتی پرتال‌های سازمانی بسازید. اگر به‌دنبال جامع‌ترین قالب وردپرس برای پروژه‌های جدی هستید، بعد از دیدن این ویدئو می‌توانید هدر سایت‌تان را در حد برندهای بزرگ بازار طراحی کنید.

نظرات

نماد کانال
نظری برای نمایش وجود ندارد.

توضیحات

قسمت ۲۲ | طراحی هدر حرفه‌ای با لوگو، مگامنو، جستجو و آیکون‌ها در قالب فراتم

۰ لایک
۰ نظر

در قسمت ۲۲ می‌رویم سراغ سربرگ سایت (Header)؛ جایی که هویت برند، منوها، جستجو و آیکون‌های مهم در یک نوار جمع‌وجور کنار هم قرار می‌گیرند. اگر هدر ضعیف باشد، کاربر حتی فرصت نمی‌کند بقیه سایت را ببیند؛ برای همین، این قسمت یکی از کلیدی‌ترین بخش‌های دوره فراتم است.

در این ویدئو قدم‌به‌قدم یاد می‌گیرید چطور با المنتور و امکانات قالب چندمنظوره فراتم:

لوگوی برند را در جای درست قرار دهید و نسخه مناسب موبایل و دسکتاپ را تنظیم کنید

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

باکس جستجوی هوشمند را در هدر اضافه کنید تا کاربر سریع به محصول یا محتوا برسد

آیکون‌های کاربردی مثل سبد خرید، حساب کاربری و علاقه‌مندی‌ها را مدیریت و مرتب کنید

رفتار هدر در اسکرول را تنظیم کنید (ثابت، چسبنده، شفاف روی اسلایدر و…)

نسخه موبایل هدر را طوری طراحی کنید که منوی همبرگری، لوگو و آیکون‌ها شلوغ و گیج‌کننده نشوند

در طول آموزش، نکات UX را هم بررسی می‌کنیم؛ اینکه کاربر باید در چند ثانیه بداند کجا کلیک کند، دکمه‌های مهم کجا باشند و چطور هدر را طوری طراحی کنید که هم زیبا باشد هم واقعا «قابل استفاده».

این قسمت به‌خوبی نشان می‌دهد چرا به فراتم می‌گوییم
«فراتم، جامع‌ترین قالب چندمنظوره ایرانی»؛
چون با هدرساز و تنظیمات داخلی خودش، اجازه می‌دهد بدون کدنویسی و بدون افزونه اضافه، چندین نوع هدر مختلف برای صفحه اصلی، فروشگاه، لندینگ‌ها و حتی پرتال‌های سازمانی بسازید. اگر به‌دنبال جامع‌ترین قالب وردپرس برای پروژه‌های جدی هستید، بعد از دیدن این ویدئو می‌توانید هدر سایت‌تان را در حد برندهای بزرگ بازار طراحی کنید.

علم و فن آوری