گرايش هاي طراحي مگامنو در وب سايت هاي مدرن ( قسمت دوم )

منوهاي ابشاري تمام عرض

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

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

طراحي سايت Digital Spy منوي بسيار مشابهي دارد و ان شامل دسته بندي هاي جدا از هم نيز مي باشد.

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

شما حتي مي توانيد ساختار ستوني را با افکت تمام صفحه در يک طراحي سايت ترکيب کنيد. شما مي توانيد اين کار را OARS website مشاهده کنيد که مثال خوبي از يک طراحي عالي بعلاوه ي UX عالي مي باشد.

ترکيب کردن عکس ها و متن

من اضافه کردن عکس هاي بيشتر (در صورت امکان) را براي همه ي طراحي سايت ها پيشنهاد مي کنم زيرا عناصر بصري کمک مي کنند تا براي متن هايي که مشاهده مي کنيم يک زمينه ي مناسب ايجاد کنيم. مگامنوها در صفحه هاي نمايش بزرگتر به بهترين حالت کار مي کنند؛ بنابراين براي عکس ها نيز فضاي خالي بيشتري وجود دارد. Sears website منوي خود را به دسته بندي هاي چند سطحي همراه با عکس ها و لينک ها در کنار هم تقسيم کرده است.

برخي از دسته بندي هاي بالايي و اصلي اين طراحي سايت شامل عکس هايي براي لوازم خانگي، تشک ها و وسايل خانه مي باشد. اما دسته بندي هاي زير مجموعه شامل لينک هايي مي باشند که کاربر را مستقيما به بخش هايي مانند کارد و چنگال و يا ظروف ميز غذا مي برند. در نظر داشته باشيد که شما مي توانيد يک مگامنوي کاملا بلند اما در عين حال کارامد و مفيد داشته باشيد. بنابراين در تقريبا تمام منوها فضاي خالي براي يک رديف عکس ها و يک رديف لينک ها وجود دارد. با اين وجود شما مي توانيد به دنبال منوهاي کوچک تر مانند منوهاي ابشاري PlayStation برويد.

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

منبع : https://whitewolfteam.com/blog/web-design/mega-navigation-menu-part-two/

دیدگاه خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *