愈來愈多的用戶埋怨網(wǎng)頁頁面設(shè)計(jì)早已越來越無趣乏味了。高檔的技術(shù)性和時(shí)興的發(fā)展趨勢(shì)早已為網(wǎng)頁頁面設(shè)計(jì)搭建起了一套約定成俗的標(biāo)準(zhǔn)，而開發(fā)人員和設(shè)計(jì)師在小區(qū)中仍然不斷地探尋新的概率，尋找下一個(gè)病毒感染式時(shí)興的新趨勢(shì)。
盡管新設(shè)計(jì)和新界面層出不一樣，可是很多看上去和以前時(shí)興的設(shè)計(jì)如出一轍。
講到UI頁面，這幾年最深得人心的應(yīng)當(dāng)便是漢堡包標(biāo)志了。去年，針對(duì)漢堡包標(biāo)志是不是會(huì)變成必然趨勢(shì)的互懟一直沒停過，而在上年，對(duì)于漢堡包標(biāo)志的探討關(guān)鍵就變成了應(yīng)用漢堡包標(biāo)志的方法有什么。如今，漢堡包標(biāo)志早已算不上是“風(fēng)潮”了，說它是應(yīng)用過多也不算過。
漢堡包標(biāo)志的優(yōu)點(diǎn)很顯著，它緊湊型，形象化，方便快捷。它的“缺點(diǎn)”也非常突顯：太熟悉，“無趣”。我的意思是，每一個(gè)APP都是有三條水平線在UI的頂部對(duì)你說“我是萊單”，是否有更為有意思，令人眼前一亮的取代計(jì)劃方案呢？有。今日大家就聊四種非常好的漢堡包標(biāo)志取代計(jì)劃方案。
1、豎直英文字母豎向?qū)Ш綑?/span>
將全部導(dǎo)航欄連著英文字母方位都旋轉(zhuǎn)九十度，那樣的設(shè)計(jì)相比漢堡包標(biāo)志看上去要新鮮得多。這類設(shè)計(jì)占有的室內(nèi)空間更少，它看上去更好像一條豎向的線，在視覺上，它基本上和顯示屏等高線，視覺形式感上也很強(qiáng)，結(jié)構(gòu)緊湊，內(nèi)容也充足豐富多彩，可以說，它是一種十分合乎當(dāng)代設(shè)計(jì)設(shè)計(jì)風(fēng)格的一種展現(xiàn)方式。這類設(shè)計(jì)針對(duì)絕大部分的用戶來講，也沒有鑒別度上的難題，假如說它真有哪些缺點(diǎn)得話，大約便是治好啦我很多年的頸椎病吧……
VR Sessions 這一網(wǎng)址就選擇了這類導(dǎo)航欄設(shè)計(jì)。她們將這類豎向的導(dǎo)航欄和她們的LOGO排列在了一起，看上去好看又精致。
你剛開啟 Snake River Interiors 的網(wǎng)址的情況下，它的導(dǎo)航欄看上去非常一般，但是如果你往下翻轉(zhuǎn)的情況下，全部導(dǎo)航欄會(huì)變?yōu)樨Q向排序的，而且飄浮在顯示屏左邊，隨叫隨到幫你導(dǎo)航欄，這類設(shè)計(jì)構(gòu)思十分有意思。
2、坐落于顯示屏邊緣的萊單
這類設(shè)計(jì)顯著并不是一個(gè)被普遍應(yīng)用的解決方法，一般 它會(huì)用以.管理中心式合理布局的網(wǎng)頁，那樣用戶會(huì)清楚的認(rèn)知到管理中心周邊的室內(nèi)空間，這類導(dǎo)航欄便是因此為之的。或許你能覺得，在網(wǎng)頁頁面的四個(gè)角上做導(dǎo)航欄早已很詭異了，可是接納了這一設(shè)置的設(shè)計(jì)師，也有別的的游戲玩法：
Proud Punch 這一網(wǎng)頁頁面的設(shè)計(jì)師將LOGO、社交網(wǎng)絡(luò)共享、萊單和關(guān)于我各自放置四角，那樣的設(shè)計(jì)讓全部網(wǎng)頁頁面看上去干凈整潔又灑脫，隨意而高效率的運(yùn)用室內(nèi)空間。而Kygo-Life 這一網(wǎng)址則盡量將井井有序的部位都用了起來，讓網(wǎng)址看上去更為圓潤。
3、超窄滑下來式萊單
側(cè)欄式的設(shè)計(jì)又重歸了。這類重歸并不是處心積慮，它悄然無聲地發(fā)生在了APP和網(wǎng)頁設(shè)計(jì)中，它比過去更為輕量，更為薄弱，盡可能看起來緊湊型而雅致。新的側(cè)欄設(shè)計(jì)一般 不容易太繁雜，僅包括好多個(gè)基本上的元素，LOGO、萊單和社交網(wǎng)絡(luò)按鍵等好多個(gè)基本上的元素。和以往一樣，設(shè)計(jì)師經(jīng)常會(huì)將這類側(cè)欄 放置網(wǎng)頁頁面的左邊，絕大部分情況下是掩藏的，在用戶開啟的情況下或是電腦鼠標(biāo)挪動(dòng)到其上的情況下會(huì)表明。
設(shè)計(jì)師 Maison Ullens 的本人著作頁之中，就選用了那樣的超窄側(cè)欄。網(wǎng)頁頁面關(guān)鍵的視覺效果內(nèi)容是右邊大篇幅的內(nèi)容行為主體，輕量的側(cè)欄以一種不張揚(yáng)的方式放置左邊，當(dāng)鼠標(biāo)光標(biāo)挪動(dòng)到上邊的情況下會(huì)出現(xiàn)動(dòng)效提醒。次序明晰，還無失多功能性。
4、豎直導(dǎo)航欄
和第一種導(dǎo)航欄設(shè)計(jì)不一樣，這類豎直導(dǎo)航欄不容易讓英文字母也跟隨一同旋轉(zhuǎn)，僅僅選用了豎向的排版設(shè)計(jì)。在漢堡包標(biāo)志或是時(shí)尚潮流的時(shí)期，這類設(shè)計(jì)也算不上多見。這類豎直排版設(shè)計(jì)的導(dǎo)航欄一般 會(huì)用單色或是全透明的情況，這類豎直導(dǎo)航欄能夠和LOGO一起配搭，和如今的簡約設(shè)計(jì)風(fēng)能夠非常好的配搭，雅致也頗具形式感。
以Linmark 這一網(wǎng)頁頁面為例子，設(shè)計(jì)精英團(tuán)隊(duì)將豎直排列的導(dǎo)航欄放置顯示屏右上方，為了更好地確保這一部分的一切正常表明，有到達(dá)站讓情況的ppt每一張都盡可能應(yīng)用淺色系，保證飽和度。
而Trihorf 這一網(wǎng)頁頁面的設(shè)計(jì)則選用了更為妥當(dāng)?shù)脑O(shè)計(jì)，網(wǎng)頁頁面中豎直導(dǎo)航欄做為全部網(wǎng)頁頁面的心血管而存有，用戶的專注力總是被導(dǎo)航欄所吸引住。全部網(wǎng)頁頁面設(shè)計(jì)得充足干凈整潔索性，細(xì)微又怎樣現(xiàn)階段的商業(yè)服務(wù)氣氛。
總結(jié)
態(tài)度決定成功與失敗，做為網(wǎng)址的務(wù)必的構(gòu)成部分，萊單和導(dǎo)航欄總可以非常好的反映網(wǎng)址的設(shè)計(jì)藝術(shù)美學(xué)，出人意表又合乎情理的設(shè)計(jì)毫無疑問可以加強(qiáng)用戶感受。這四種種類的設(shè)計(jì)并不繁雜，可是可以給用戶產(chǎn)生不一樣的感受，依據(jù)你的要求，酌情考慮應(yīng)用吧。
