創(chuàng)新的網(wǎng)站布局創(chuàng)意這個(gè)想法已經(jīng)流傳了一段時(shí)間了，常規(guī)的網(wǎng)站設(shè)計(jì)有一種千篇一律的感覺，實(shí)在是看多了會覺得有點(diǎn)無聊。今天就讓我們潛入一些獨(dú)特的和創(chuàng)新的網(wǎng)站設(shè)計(jì)布局，來打破常規(guī)吧！
責(zé)怪用戶模式，太多的項(xiàng)目，太少的網(wǎng)站設(shè)計(jì)師，或者只是客戶希望自己的網(wǎng)站看起來像他們已經(jīng)看到和理解的東西。但是，一切并沒有丟失。即使有些人對那里的內(nèi)容嗤之以鼻，但網(wǎng)站設(shè)計(jì)師們?nèi)匀辉谠囼?yàn)和享受網(wǎng)站設(shè)計(jì)的樂趣。
今天，我們將打破常規(guī)，深入研究10個(gè)以獨(dú)特或創(chuàng)新理念為特色的網(wǎng)站設(shè)計(jì)。如果沒有其他的，它應(yīng)該打破你可能有的任何創(chuàng)造性的慣例。
劃分的首頁
大量的主頁設(shè)計(jì)都有一個(gè)巨大的英雄形象或視頻，以及一些吸引用戶進(jìn)入設(shè)計(jì)的大詞。
但如果你有不止一個(gè)故事要講呢？
分子學(xué)顛覆了這一概念，推出了一個(gè)六面板的主頁。它的工作原理是創(chuàng)新地使用懸停動(dòng)作來打開每個(gè)面板以顯示更多信息，同時(shí)收縮其他面板，設(shè)計(jì)也很吸引人。當(dāng)這些靜態(tài)圖像被“打開”時(shí)，它們會轉(zhuǎn)換成視頻元素。
這種設(shè)計(jì)解決方案是一種分解大量復(fù)雜信息的獨(dú)特方法，它是高度可視化的，引導(dǎo)用戶只是什么需要，并不是壓倒性的過程。
大量的卡片組
卡片風(fēng)格的設(shè)計(jì)模式在一段時(shí)間內(nèi)獲得了很大的流行，但有些褪色，又被重新發(fā)明了。比特幣的這段歷史是一個(gè)大規(guī)模的紙牌展示在一個(gè)游戲板風(fēng)格的畫布上。
沒有導(dǎo)航，沒有聲音，也沒有循環(huán)播放的視頻，只有幾十張卡片，上面有標(biāo)題（有些還有照片），希望你能點(diǎn)擊。
對一些人來說，這種待遇似乎有點(diǎn)難以承受。但如果這就是整個(gè)想法呢？交互式畫布顯示出比特幣發(fā)生了很多事情。
然后記下所有的小標(biāo)題，他們感覺很像社交媒體上的標(biāo)題為“7個(gè)最好的比特幣解說者視頻”和“比特幣的歷史”的點(diǎn)擊誘餌。
即使您從未單擊過一張卡片，我猜您也會發(fā)現(xiàn)自己正在研究這種移動(dòng)是如何工作的，縮放和居中切換背后的邏輯是什么，以及這種非傳統(tǒng)的用戶模式是否在您的項(xiàng)目中占有一席之地。
超級極簡主義
它只是一個(gè)大標(biāo)志，沒有顏色。
這個(gè)網(wǎng)站的設(shè)計(jì)將極簡主義發(fā)揮到了極致，仍然提供了有趣的用戶體驗(yàn)。它可能是柔和的調(diào)色板或全球風(fēng)格的動(dòng)畫，但簡單的設(shè)計(jì)使我想看到這個(gè)組合網(wǎng)站上的特色項(xiàng)目。
有時(shí)缺乏信息會引起我們的好奇心。
打破規(guī)則
這個(gè)網(wǎng)站打破了更多的設(shè)計(jì)規(guī)則，有改變的字體，奇怪的縮寫詞，文本重疊奇怪的區(qū)域，背景缺乏對比度，過度的梯度，多個(gè)動(dòng)畫同時(shí)移動(dòng)和一些微小的字母。
一般的指導(dǎo)說，如果你想打破設(shè)計(jì)規(guī)則，那就打破一個(gè)；然而，在這里，它們似乎都被完美地打碎了。這種風(fēng)格的網(wǎng)站設(shè)計(jì)是一個(gè)明確的風(fēng)險(xiǎn)，這是最適合的投資組合網(wǎng)站或其他東西，給你更多的創(chuàng)作自由。
混合新舊學(xué)校
是的，那是1999年的布蘭妮·斯皮爾斯。
這個(gè)網(wǎng)站是一個(gè)Spotify項(xiàng)目，結(jié)合了一種老式的美學(xué)，但使用人工學(xué)習(xí)和機(jī)器人幫助你找到正確的播放列表。
雖然我們都同意這種設(shè)計(jì)風(fēng)格不是你今天真正關(guān)注的——它是如此的簡單和四四方方的，對吧——它的突出是因?yàn)槟欠N老式的感覺。為什么新技術(shù)會推動(dòng)這種風(fēng)格的游戲？
陰陽的作用是有趣和大膽的，它很懷舊，會牽動(dòng)用戶的美好回憶。（另一方面，任何出生在這個(gè)時(shí)代之后的人都不會得到它。）
平鋪背景
設(shè)計(jì)大而大膽，封面雜志平鋪在主頁上，滾動(dòng)一點(diǎn)點(diǎn)，一個(gè)更大的彈出，只是請求被點(diǎn)擊。
該網(wǎng)站的風(fēng)格相當(dāng)野獸派，但易于閱讀。
它很可怕，但還是喜歡它。
在衡量受眾和設(shè)計(jì)目標(biāo)時(shí)，這是一個(gè)可以引導(dǎo)你走上意想不到道路的地方。想想這些雜志封面；它們本身并沒有那么誘人，但是壓倒性的設(shè)計(jì)帶來了焦點(diǎn)。主頁上缺少元素幾乎迫使用戶滾動(dòng)（導(dǎo)航欄確實(shí)會彈出）。
這種設(shè)計(jì)可以縮小到平鋪的背景，減少“外面”的空間?！暗@是一個(gè)很好的例子，說明并非所有事情都必須具有相同之處。這個(gè)讓你看起來很大膽，因?yàn)樗茼懥痢?/p>
空間和不對稱
打破網(wǎng)格或計(jì)劃一個(gè)不對稱的網(wǎng)格。
Lasse Pedersen網(wǎng)站上美麗的虛無是驚人的。
網(wǎng)站總是試圖通過大量的入口點(diǎn)來銷售不同的內(nèi)容，這些都不存在，看屏幕或滾動(dòng)，就是這樣，兩個(gè)選擇，普通的和簡單的。
這里的風(fēng)險(xiǎn)是，用戶選擇的是離開設(shè)計(jì)，但是通過簡單的滾動(dòng)指令在屏幕上的流動(dòng)應(yīng)該足以畫出至少一個(gè)輕彈鼠標(biāo)。
這個(gè)設(shè)計(jì)的簡單之處在于，它似乎沒有對用戶提出太多要求。你真的可以看看這些圖片，如果你想知道更多，有一個(gè)小的聯(lián)系按鈕。
顯示全屏照片
大多數(shù)整版英雄圖片和視頻都被困在屏幕頂部的亮或暗標(biāo)題欄之間，導(dǎo)航元素和下面的下一個(gè)內(nèi)容元素的某種分隔。
美食家和美食家使用全屏圖像沒有所有的集裝箱元素圍繞它。
雖然沒有標(biāo)題的設(shè)計(jì)讓人感覺很大，但這是一個(gè)復(fù)雜的配置。想想將文本放置在圖像的不同部分有多么困難，現(xiàn)在您必須使用顯示文本和更小的導(dǎo)航元素。
這種類型的網(wǎng)站設(shè)計(jì)采取了一套完美的圖像，但可以提供很多視覺價(jià)值。
翻轉(zhuǎn)照片位置
在所有的獨(dú)特和創(chuàng)新的網(wǎng)站設(shè)計(jì)中，一個(gè)共同的主題是他們呈現(xiàn)了一個(gè)共同的想法，希望它們是你可以使用的概念和元素。
Photonico用一個(gè)簡單的設(shè)計(jì)來展示照片，更小的圖片在頂部，作為導(dǎo)航的一種形式，大的圖片在下面。
這將創(chuàng)建一個(gè)從頁面頂部到底部的良好流。（盡管我可能更喜歡他們?nèi)サ魣D片導(dǎo)航上方的文字導(dǎo)航。）
這表明你不需要做同樣的事情來得到相同的結(jié)果，主頁上的每個(gè)元素都是為了讓用戶更深入地了解站點(diǎn)。
這個(gè)設(shè)計(jì)最好的部分可能是當(dāng)你參與時(shí)發(fā)生的互動(dòng)，輸入一個(gè)搜索詞，屏幕就會移動(dòng)。它感覺就像一個(gè)頁面設(shè)計(jì)感謝俏皮，快速的動(dòng)畫，簡單的黑暗背景和靜態(tài)搜索欄。
別傻了，開心點(diǎn)
設(shè)計(jì)一些快樂和迷人的東西，除了理論之外，我們還會用一些意想不到的文字、圖片和行動(dòng)號召——在AOL上聯(lián)系我們（LOL）。
結(jié)合明亮的顏色和大量的開放空間，設(shè)計(jì)是一個(gè)純粹的喜悅。
它還使用了不對稱的圖案和分層的元素來創(chuàng)造深度和趣味性。
結(jié)論
準(zhǔn)備好開始做一些新的和不同的事情了嗎？雖然不同的網(wǎng)站設(shè)計(jì)理念各有利弊，但你可以從每一個(gè)中吸取一些東西。
重要的是去嘗試，不是每一個(gè)設(shè)計(jì)都能每次都產(chǎn)生偉大的成果，但是敢于嘗試不同的東西是有價(jià)值的。
