十個(gè)顛覆常規(guī)設(shè)計(jì)思維的網(wǎng)頁(yè)設(shè)計(jì)作品

時(shí)間：2023-09-27 01:48:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-27 01:48:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

十個(gè)顛覆常規(guī)設(shè)計(jì)思維的網(wǎng)頁(yè)設(shè)計(jì)作品：創(chuàng)新的網(wǎng)站布局創(chuàng)意這個(gè)想法已經(jīng)流傳了一段時(shí)間了，常規(guī)的網(wǎng)站設(shè)計(jì)有一種千篇一律的感覺(jué)，實(shí)在是看多了會(huì)覺(jué)得有點(diǎn)無(wú)聊。今天就讓我們潛入一些獨(dú)特的和創(chuàng)新的網(wǎng)站設(shè)計(jì)布局，來(lái)打破常規(guī)吧！




責(zé)怪用戶模式，太多的項(xiàng)目，太少的網(wǎng)站設(shè)計(jì)師，或者只是客戶希望自己的網(wǎng)站看起來(lái)像他們已經(jīng)看到和理解的東西。但是，一切并沒(méi)有丟失。即使有些人對(duì)那里的內(nèi)容嗤之以鼻，但網(wǎng)站設(shè)計(jì)師們?nèi)匀辉谠囼?yàn)和享受網(wǎng)站設(shè)計(jì)的樂(lè)趣。




今天，我們將打破常規(guī)，深入研究10個(gè)以獨(dú)特或創(chuàng)新理念為特色的網(wǎng)站設(shè)計(jì)。如果沒(méi)有其他的，它應(yīng)該打破你可能有的任何創(chuàng)造性的慣例。




劃分的首頁(yè)













大量的主頁(yè)設(shè)計(jì)都有一個(gè)巨大的英雄形象或視頻，以及一些吸引用戶進(jìn)入設(shè)計(jì)的大詞。




但如果你有不止一個(gè)故事要講呢？




分子學(xué)顛覆了這一概念，推出了一個(gè)六面板的主頁(yè)。它的工作原理是創(chuàng)新地使用懸停動(dòng)作來(lái)打開(kāi)每個(gè)面板以顯示更多信息，同時(shí)收縮其他面板，設(shè)計(jì)也很吸引人。當(dāng)這些靜態(tài)圖像被“打開(kāi)”時(shí)，它們會(huì)轉(zhuǎn)換成視頻元素。




這種設(shè)計(jì)解決方案是一種分解大量復(fù)雜信息的獨(dú)特方法，它是高度可視化的，引導(dǎo)用戶只是什么需要，并不是壓倒性的過(guò)程。




大量的卡片組













卡片風(fēng)格的設(shè)計(jì)模式在一段時(shí)間內(nèi)獲得了很大的流行，但有些褪色，又被重新發(fā)明了。比特幣的這段歷史是一個(gè)大規(guī)模的紙牌展示在一個(gè)游戲板風(fēng)格的畫(huà)布上。




沒(méi)有導(dǎo)航，沒(méi)有聲音，也沒(méi)有循環(huán)播放的視頻，只有幾十張卡片，上面有標(biāo)題（有些還有照片），希望你能點(diǎn)擊。




對(duì)一些人來(lái)說(shuō)，這種待遇似乎有點(diǎn)難以承受。但如果這就是整個(gè)想法呢？交互式畫(huà)布顯示出比特幣發(fā)生了很多事情。




然后記下所有的小標(biāo)題，他們感覺(jué)很像社交媒體上的標(biāo)題為“7個(gè)最好的比特幣解說(shuō)者視頻”和“比特幣的歷史”的點(diǎn)擊誘餌。




即使您從未單擊過(guò)一張卡片，我猜您也會(huì)發(fā)現(xiàn)自己正在研究這種移動(dòng)是如何工作的，縮放和居中切換背后的邏輯是什么，以及這種非傳統(tǒng)的用戶模式是否在您的項(xiàng)目中占有一席之地。




超級(jí)極簡(jiǎn)主義













它只是一個(gè)大標(biāo)志，沒(méi)有顏色。




這個(gè)網(wǎng)站的設(shè)計(jì)將極簡(jiǎn)主義發(fā)揮到了極致，仍然提供了有趣的用戶體驗(yàn)。它可能是柔和的調(diào)色板或全球風(fēng)格的動(dòng)畫(huà)，但簡(jiǎn)單的設(shè)計(jì)使我想看到這個(gè)組合網(wǎng)站上的特色項(xiàng)目。




有時(shí)缺乏信息會(huì)引起我們的好奇心。




打破規(guī)則













這個(gè)網(wǎng)站打破了更多的設(shè)計(jì)規(guī)則，有改變的字體，奇怪的縮寫(xiě)詞，文本重疊奇怪的區(qū)域，背景缺乏對(duì)比度，過(guò)度的梯度，多個(gè)動(dòng)畫(huà)同時(shí)移動(dòng)和一些微小的字母。




一般的指導(dǎo)說(shuō)，如果你想打破設(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)注的——它是如此的簡(jiǎn)單和四四方方的，對(duì)吧——它的突出是因?yàn)槟欠N老式的感覺(jué)。為什么新技術(shù)會(huì)推動(dòng)這種風(fēng)格的游戲？




陰陽(yáng)的作用是有趣和大膽的，它很懷舊，會(huì)牽動(dòng)用戶的美好回憶。（另一方面，任何出生在這個(gè)時(shí)代之后的人都不會(huì)得到它。）




平鋪背景













設(shè)計(jì)大而大膽，封面雜志平鋪在主頁(yè)上，滾動(dòng)一點(diǎn)點(diǎn)，一個(gè)更大的彈出，只是請(qǐng)求被點(diǎn)擊。




該網(wǎng)站的風(fēng)格相當(dāng)野獸派，但易于閱讀。




它很可怕，但還是喜歡它。




在衡量受眾和設(shè)計(jì)目標(biāo)時(shí)，這是一個(gè)可以引導(dǎo)你走上意想不到道路的地方。想想這些雜志封面；它們本身并沒(méi)有那么誘人，但是壓倒性的設(shè)計(jì)帶來(lái)了焦點(diǎn)。主頁(yè)上缺少元素幾乎迫使用戶滾動(dòng)（導(dǎo)航欄確實(shí)會(huì)彈出）。




這種設(shè)計(jì)可以縮小到平鋪的背景，減少“外面”的空間?！暗@是一個(gè)很好的例子，說(shuō)明并非所有事情都必須具有相同之處。這個(gè)讓你看起來(lái)很大膽，因?yàn)樗茼懥痢?br>



空間和不對(duì)稱













打破網(wǎng)格或計(jì)劃一個(gè)不對(duì)稱的網(wǎng)格。




Lasse Pedersen網(wǎng)站上美麗的虛無(wú)是驚人的。




網(wǎng)站總是試圖通過(guò)大量的入口點(diǎn)來(lái)銷(xiāo)售不同的內(nèi)容，這些都不存在，看屏幕或滾動(dòng)，就是這樣，兩個(gè)選擇，普通的和簡(jiǎn)單的。




這里的風(fēng)險(xiǎn)是，用戶選擇的是離開(kāi)設(shè)計(jì)，但是通過(guò)簡(jiǎn)單的滾動(dòng)指令在屏幕上的流動(dòng)應(yīng)該足以畫(huà)出至少一個(gè)輕彈鼠標(biāo)。




這個(gè)設(shè)計(jì)的簡(jiǎn)單之處在于，它似乎沒(méi)有對(duì)用戶提出太多要求。你真的可以看看這些圖片，如果你想知道更多，有一個(gè)小的聯(lián)系按鈕。




顯示全屏照片













大多數(shù)整版英雄圖片和視頻都被困在屏幕頂部的亮或暗標(biāo)題欄之間，導(dǎo)航元素和下面的下一個(gè)內(nèi)容元素的某種分隔。




美食家和美食家使用全屏圖像沒(méi)有所有的集裝箱元素圍繞它。




雖然沒(méi)有標(biāo)題的設(shè)計(jì)讓人感覺(jué)很大，但這是一個(gè)復(fù)雜的配置。想想將文本放置在圖像的不同部分有多么困難，現(xiàn)在您必須使用顯示文本和更小的導(dǎo)航元素。




這種類(lèi)型的網(wǎng)站設(shè)計(jì)采取了一套完美的圖像，但可以提供很多視覺(jué)價(jià)值。




翻轉(zhuǎn)照片位置













在所有的獨(dú)特和創(chuàng)新的網(wǎng)站設(shè)計(jì)中，一個(gè)共同的主題是他們呈現(xiàn)了一個(gè)共同的想法，希望它們是你可以使用的概念和元素。




Photonico用一個(gè)簡(jiǎn)單的設(shè)計(jì)來(lái)展示照片，更小的圖片在頂部，作為導(dǎo)航的一種形式，大的圖片在下面。




這將創(chuàng)建一個(gè)從頁(yè)面頂部到底部的良好流。（盡管我可能更喜歡他們?nèi)サ魣D片導(dǎo)航上方的文字導(dǎo)航。）




這表明你不需要做同樣的事情來(lái)得到相同的結(jié)果，主頁(yè)上的每個(gè)元素都是為了讓用戶更深入地了解站點(diǎn)。




這個(gè)設(shè)計(jì)最好的部分可能是當(dāng)你參與時(shí)發(fā)生的互動(dòng)，輸入一個(gè)搜索詞，屏幕就會(huì)移動(dòng)。它感覺(jué)就像一個(gè)頁(yè)面設(shè)計(jì)感謝俏皮，快速的動(dòng)畫(huà)，簡(jiǎn)單的黑暗背景和靜態(tài)搜索欄。




別傻了，開(kāi)心點(diǎn)













設(shè)計(jì)一些快樂(lè)和迷人的東西，除了理論之外，我們還會(huì)用一些意想不到的文字、圖片和行動(dòng)號(hào)召——在AOL上聯(lián)系我們（LOL）。




結(jié)合明亮的顏色和大量的開(kāi)放空間，設(shè)計(jì)是一個(gè)純粹的喜悅。




它還使用了不對(duì)稱的圖案和分層的元素來(lái)創(chuàng)造深度和趣味性。




結(jié)論




準(zhǔn)備好開(kāi)始做一些新的和不同的事情了嗎？雖然不同的網(wǎng)站設(shè)計(jì)理念各有利弊，但你可以從每一個(gè)中吸取一些東西。




重要的是去嘗試，不是每一個(gè)設(shè)計(jì)都能每次都產(chǎn)生偉大的成果，但是敢于嘗試不同的東西是有價(jià)值的。