不礙事：網頁設計中的角落導航

已發表: 2020-08-15

角落導航已經存在了一段時間。這是流行的外圍導航中出現的一個小趨勢。然而，與它的前身不同，它看起來不那麼笨重，更優雅，為內容提供了更多空間。

它非常適合用於產生第一印象的當今英雄區域。佔據角落，它最大限度地減少了與前面的盛會發生交叉目的的風險。儘管如此，它還為用戶提供了一種快速離開或繼續探索網站內部世界的方法。

該解決方案非常靈活。它沒有任何限製或偏好。它有各種風格和組合。歡迎您混合和匹配多個整體組件，小心地將它們散佈在屏幕上。看看這些奇妙的例子來獲得靈感。

阿爾法藍海

與所有現代英雄區域一樣，Alpha Blue Ocean 的歡迎區域還包括一個動態的部分，用於吸引註意力並為項目設定務實的基調。雖然導航在這裡應該起到次要作用，但由於大量的空白空間以及白色和深藍色背景之間的完美對比，它脫穎而出。它自然而然地吸引了人們的眼球。

請注意，乍一看，它似乎只佔據角落。然而，由於文本和字形的微妙外觀，它們設法佔據了左側和右側，並且不會壓倒讀者。因此，左側具有通過主頁的導航，而右側包括標識、漢堡導航和社交媒體包。

阿爾法藍海

Playermaker 背後的團隊也利用角球來發揮自己的優勢。他們為令人印象深刻的照片背景贏得了一些額外的空間。在這裡，第一個屏幕固有的所有元素，例如號召性用語、標識、簡化的導航和社交媒體配置文件的鏈接都位於四個相應的角落。

注意傳統五項導航的位置。它位於屏幕的左下方。感覺很不尋常，但又鼓舞人心，令人耳目一新。該解決方案在不做任何特別的事情的情況下對整體美學進行了微小的改動。齊楚。

玩家製造者

與前兩個示例非常相似，Neundlinger 也適用於角落類型的導航——讓主屏幕看起來不那麼普通。在這裡，您可以看到一種時尚的垂直節奏，巧妙地應用於左側的菜單。

滑塊的控制器以正確的角度佔據陽光下的位置。請注意，與標識配對的所有導航元素形成一個區域。或者，更準確地說，是一個框架。後者在視覺上使滑塊邊緣化並賦予它更大的焦點。在這裡，角落導航完美地融入了四四方方的美學。

奈德林格

Hot2Be 背後的團隊在沒有做出太多犧牲的情況下改進了整體導航。他們使用空角來展示一些他們認為對觀眾有用的附加鏈接。因此，左下角容納社交媒體圖標，而右下角則容納音樂播放器控件，以使訪問者的存在愉快和舒適。

標識和語言切換器恰好位於應有的位置。屏幕上半部分雖然感覺比下半部分更厚重，但還是有一定的和諧感。在這裡，導航有效地涵蓋了所有重要的逃生路線，並且看起來仍然很時尚。而且，最重要的是，它不引人注目。

Hot2Be

Wolf and Whale 是一個例子，其中角落導航與周邊導航接壤，產生了令人印象深刻的結果。它不僅佔據了角落，還佔據了左右兩側的一些空間，感覺寬敞而不用力。

在這裡，您可以感受到組織的和諧與秩序。似乎一切都在正確的位置。設計乾淨、整潔、智能。導航也是如此。它的整潔和光滑就像手套一樣合身。另外，請注意巧妙地放置在這裡的焦點。閱讀路徑以“設計”一詞開頭，然後通過反向鏈接到作品，最後以右下角的號召性用語按鈕結束。聰明的。

狼與鯨

Neal Ymar 官方網站背後的團隊在很大程度上依賴於對四四方方結構的錯綜複雜的發揮。解決方案肯定會得到回報。英雄區域看起來很棒。即使只涉及原始的正方形和矩形，它也感覺精緻而復雜。

角落導航非常適合它。它完成了隨行人員並使主題看起來完整。有了這一切，它設法為自己說話，賦予其所有元素一種重要性感。

尼爾·伊馬爾

Oropress 是一個極簡主義的典範。英雄區域非常寬敞、整潔、乾淨。團隊只選擇了不可或缺的元素。然而，一切都不像乍看之下那麼原始。頁面中心的基於視差的標語就是證明。

在這裡，極簡主義被提升到了一個新的水平，起到了盛大的作用。只覆蓋基本項目，只佔據三個角度而不是四個角度，角落導航符合網站的意識形態，為整體美學做出了貢獻。

奧羅普雷斯

Romain Avalle 的個人投資組合是另一個為業主帶來利益的簡約方法的例子。與前面的示例非常相似，它也建立在經典的黑白配色方案之上，並用大量的白色空間進行了修飾。

在這裡，藝術家名字的首字母作為一種娛樂元素，給人留下深刻印象。角落導航僅包括兩個指向作品部分的反向鏈接和一個聯繫頁面，以及一個徽標。毫無疑問，它融入其中。感覺它是這裡唯一正確的解決方案，因為它有效地支持了主題並加強了項目的基調。

角落導航在許多情況下都派上用場。無論是具有傳統結構的網站還是現代結構的網站，它都可以輕鬆找到改善情況並為總體體驗做出貢獻的方法。

由於其不顯眼、整潔和優雅的外觀，它成為那些英雄區域充滿複雜概念的網站的理想合作夥伴，這些概念旨在讓一切都與自己有關。在這樣的環境下，角落導航自然而然的讓步了。然而，它仍然為在線訪問者提供有用的鏈接和必要的網關。