網(wǎng)站設計中的角落導航應用發(fā)布者：本站     時(shí)間：2019-11-13 09:11:46

角落導航已經(jīng)出現一段時(shí)間了，在網(wǎng)站設計中這是一個(gè)不錯的設計趨勢，已出現的流行周邊導航。然而，與它的傳統導航不同的是，它看起來(lái)不那么龐大，它更優(yōu)雅，給了內容更多的空間。

它非常適合今天的主畫(huà)面，用來(lái)提升良好的第一印象。它占據了個(gè)角落區域，最大限度地降低了其它內容產(chǎn)生沖突的風(fēng)險。盡管如此，它還是為用戶(hù)提供了一個(gè)快速導航的方法，讓他們可以方便離開(kāi)或繼續探索網(wǎng)站的內部世界。

這個(gè)解決方案非常靈活，它沒(méi)有任何限制或偏好，它有各種款式和組合的設計。您可以混合和匹配多個(gè)完整的導航組件，巧妙地在屏幕上分布它們，我們來(lái)看看這些美妙的作品來(lái)獲得靈感吧。

Alpha Blue Ocean

正如適合所有的現代主畫(huà)面，Alpha Blue Ocean的歡迎畫(huà)面也包括一個(gè)動(dòng)態(tài)的部分，雖然導航在這里應該是次要的角色，但是它由于大量的白色空間和白色與深藍色背景之間的完美對比而脫穎而出，讓它非常的引人注目。

注意，乍一看，它似乎只占據角落。然而，由于文字和象形文字的微妙外觀(guān)，他們設法占據左右兩邊，并沒(méi)有壓倒用戶(hù)。因此，左側顯示主頁(yè)導航，而右側包含標識、漢堡導航和社交媒體包。

Playermaker

組織進(jìn)攻的隊員們也利用邊路的優(yōu)勢，他們已經(jīng)為他們令人印象深刻的照片背景贏(yíng)得了一些額外的空間。在這里，第一個(gè)屏幕固有的所有元素，如call-to-action、logotype、streamlined導航和到社交媒體配置文件的鏈接，都位于四個(gè)不同的角落。

注意傳統的五項導航的位置，它位于屏幕的左下角。這感覺(jué)很不尋常，但鼓舞人心，令人耳目一新。這個(gè)解決方案在不做任何特別的事情的情況下，給了整個(gè)美學(xué)一個(gè)小小的轉變，整潔和智能。

Neundlinger

和前面的兩個(gè)例子很像，Neundlinger也使用了角型導航，使主屏幕看起來(lái)不那么普通。在這里你可以看到一個(gè)時(shí)髦的垂直節奏，巧妙地應用到左邊的菜單。

滑塊的控制器在陽(yáng)光下以合適的角度占據它們的位置，注意，與標識類(lèi)型匹配的所有導航元素形成一個(gè)區域?；蛘?，更準確地說(shuō)，一個(gè)框架。后者在視覺(jué)上邊緣的滑塊，并給它一個(gè)更大的焦點(diǎn)。在這里，角落導航完美地融入了方框風(fēng)格的美學(xué)。

Hot2Be

Hot2Be背后的團隊在沒(méi)有做出任何犧牲的情況下改進(jìn)了整個(gè)導航布局，他們使用空白的角落來(lái)顯示一些額外的鏈接，他們發(fā)現這些鏈接對他們的用戶(hù)很有用。因此，左下角容納了社交媒體圖標，而右下角容納了音樂(lè )播放器控件，使訪(fǎng)客的存在令人愉快和舒適。

標識符和語(yǔ)言切換器位于它們應該的位置，雖然屏幕的上半部分比下半部分感覺(jué)更厚重，但還是有一定的和諧感。在這里，導航有效地覆蓋了所有重要的逃生路線(xiàn)，仍然看起來(lái)很時(shí)尚。最重要的是，它是不顯眼的。

Wolf and Whale

Wolf and Whale是一個(gè)例子，角落導航與周邊導航的邊界，產(chǎn)生了相當令人印象深刻的結果。它不僅占據了角落，也占據了左右兩邊的一些空間，感覺(jué)寬敞而自然。

在這里你可以感受到組織的和諧和秩序，似乎每件事都在正確的位置。設計干凈、整潔、智能，導航也是如此。它的整潔和光滑使它非常合身，同時(shí)，注意那些巧妙放置的焦點(diǎn)。閱讀路徑以“設計”開(kāi)始，然后通過(guò)作品的反向鏈接，并以右下角的“調用-操作”按鈕結束。

Neal Ymar

Neal Ymar官方網(wǎng)站背后的團隊主要依靠復雜的四四方方的結構，解決方案當然是有回報的。主畫(huà)面看起來(lái)棒極了。雖然只有原始的正方形和長(cháng)方形，但它給人的感覺(jué)是精致而精致的。

轉角導航和它配合得很好，它結束了《明星伙伴》，使主題看起來(lái)更加完整。有了這一切，它設法為自己說(shuō)話(huà)，給它的所有元素一種重要的感覺(jué)。

Oropress

Oropress是一個(gè)極簡(jiǎn)主義思想的絕佳例子，主畫(huà)面非常寬敞、整潔、干凈。團隊只選擇了整體元素。然而，一切并非初看上去那么原始;位于頁(yè)面中心的基于視差的標語(yǔ)就是一個(gè)證明。

在這里，極簡(jiǎn)主義被提升到了一個(gè)新的高度，扮演了一個(gè)奢侈的角色。僅覆蓋必要的項目，僅占據三個(gè)角度而不是四個(gè)角度，角落導航符合網(wǎng)站的理念，為整體美學(xué)做出貢獻。

Romain Avalle

Romain Avalle的個(gè)人投資組合是另一個(gè)為業(yè)主帶來(lái)利益的最小化方法的例子，與前面的示例非常相似，它也是基于經(jīng)典的黑白配色方案構建的，并使用了大量的空白。

在這里，藝術(shù)家名字的首字母作為娛樂(lè )元素，給人留下深刻的印象。角落導航只包括兩個(gè)反向鏈接，指向作品的部分和一個(gè)聯(lián)系人頁(yè)面，以及一個(gè)徽標。它毫無(wú)疑問(wèn)地融合在一起，它似乎是唯一正確的解決方案，因為它有效地支持主題和加強項目的基調。

The Corner Office

角落導航在很多情況下都很有用，無(wú)論是傳統的網(wǎng)站結構還是現代的網(wǎng)站設計，都可以很容易地找到改善這種情況的方法，并為一般的體驗做出貢獻。

由于其低調、整潔和優(yōu)雅的外觀(guān)，它成為那些主畫(huà)面域填充復雜概念的網(wǎng)站的理想合作伙伴，這些概念的目的是讓一切都與自己有關(guān)。在這樣的環(huán)境下，角落導航自然靠邊站了。然而，它仍然為在線(xiàn)訪(fǎng)問(wèn)者提供了有用的鏈接和必要的門(mén)戶(hù)。