5 نمونه برتر ناوبری ثابت - و نحوه استفاده صحیح از آن

نویسنده: Randy Alexander
تاریخ ایجاد: 3 ماه آوریل 2021
تاریخ به روزرسانی: 16 ممکن است 2024
Anonim
نحوه ایجاد یک نوار ناوبری ثابت با استفاده از HTML CSS | آموزش هدر فرو ریختن
ویدیو: نحوه ایجاد یک نوار ناوبری ثابت با استفاده از HTML CSS | آموزش هدر فرو ریختن

محتوا

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

ملاحظات بسیاری وجود دارد که می توان برای طراحی ناوبری ثابت تمرین کرد. آنچه برای اندازه صفحه نمایش بزرگ ، مانند صفحه نمایش دسک تاپ یا لپ تاپ خوب است ، ممکن است در صفحه کوچکتر مانند آیفون کار نکند. تعامل اصلی متمرکز بر پیمایش است ، بنابراین اگر صفحه بسیار طولانی باشد ، ممکن است کاملاً مناسب باشد. اما اگر نه ، می تواند احساس بلاعوض کند.

آیا طراحی ناوبری از نظر بصری در طرح به عنوان یک عنصر ثابت کار می کند؟ برخی از موارد موفقیت آمیزتر در مواردی اتفاق می افتد که عناصر طراحی با یکدیگر مخلوط شده و با پیمایش به طریقی ناپدید شده و یا برهم کنش داشته باشند و تعامل بسیار غنی تری نسبت به یک تکه رنگ پشت برخی از پیوندها ایجاد کنند. اگر این یک طراحی یک صفحه ای است ، می توانید از ناوبری ثابت استفاده کنید و به بازدید کننده کمک کنید که در حال حاضر کدام بخش از صفحه را مشاهده می کند ، درست مثل اینکه به یک صفحه جدید منتقل شده باشید.


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

پنج مثال برای بررسی

01. نظریه

طراحی ناوبری برای شرکت طراحی وب Theory یک طرح ناوبری ثابت نمونه اولیه عالی برای مطالعه است. از نظر بصری با طراحی صفحه به خوبی مخلوط می شود و از رنگ برای نشان دادن اینکه کدام بخش از صفحه را در حال حاضر مشاهده می کنید استفاده می کند.

02. تنبل خلاق


سرصفحه ناوبری ثابت در وب سایت شرکت طراحی Creative Sloth مثال خوبی برای عدم نیاز به موارد دیگر به غیر از برخی صف های طراحی بصری برای عالی نشان دادن آن است.

03. جزیره کیاوا

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

04. YMCA ونکوور

طراحی ناوبری وب سایت Vancouver YMCA در سمت چپ صفحه ثابت شده است. این با نشان دادن اینکه شما بخشی را مشاهده می کنید به شما کمک می کند.

05. Google Ventures


وب سایت Google Ventures ناوبری ثابت معمولی ندارد. هنگام پیمایش فقط برای یک دوره کوتاه رفع می شود ، سپس ناپدید می شود.

کلمات: ژن کرافورد

این مقاله اولین بار در شماره 234 مجله .net منتشر شد.

جالب در سایت
10 بهترین ابزار جدید برای هنرمندان و تصویرگران در ماه دسامبر
به علاوه

10 بهترین ابزار جدید برای هنرمندان و تصویرگران در ماه دسامبر

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

از کجا می توانید تصاویر غیرمعمول برای پروژه های طراحی خود پیدا کنید

شما به سرعت برای طراحی خود به یک تصویر نیاز دارید. اما گاهی اوقات شما نمی دانید که به دنبال چه چیزی هستید. شما چیزی بی نظیر ، غیرمعمول یا کاملاً عجیب می خواهید ... اما احساس می کنید که تا زمانی که آن ...
مارک شبانه روزی ویک سر و صدا ایجاد می کند
به علاوه

مارک شبانه روزی ویک سر و صدا ایجاد می کند

در طول سال ها استفاده های برجسته ای از رنگ در مارک تجاری وجود داشته است. از کوکا کولا گرفته تا استارباکس و فیس بوک تا اپل می توان گفت که رنگ مهمترین جنبه در هر برند است. این پروژه مارک تجاری برای یک ش...