愈來愈多的用戶埋怨網(wǎng)頁頁面設(shè)計早已越來越無趣乏味了。高檔的技術(shù)性和時興的發(fā)展趨勢早已為網(wǎng)頁頁面設(shè)計搭建起了一套約定成俗的標準,而開發(fā)人員和設(shè)計師在小區(qū)中仍然不斷地探尋新的概率,尋找下一個病毒感染式時興的新趨勢。
盡管新設(shè)計和新界面層出不一樣,可是很多看上去和以前時興的設(shè)計如出一轍。
講到UI頁面,這幾年最深得人心的應(yīng)當便是漢堡包標志了。去年,針對漢堡包標志是不是會變成必然趨勢的互懟一直沒停過,而在上年,對于漢堡包標志的探討關(guān)鍵就變成了應(yīng)用漢堡包標志的方法有什么。如今,漢堡包標志早已算不上是“風潮”了,說它是應(yīng)用過多也不算過。

漢堡包標志的優(yōu)點很顯著,它緊湊型,形象化,方便快捷。它的“缺點”也非常突顯:太熟悉,“無趣”。我的意思是,每一個APP都是有三條水平線在UI的頂部對你說“我是萊單”,是否有更為有意思,令人眼前一亮的取代計劃方案呢?有。今日大家就聊四種非常好的漢堡包標志取代計劃方案。
1、豎直英文字母豎向?qū)Ш綑?/span>
將全部導(dǎo)航欄連著英文字母方位都旋轉(zhuǎn)九十度,那樣的設(shè)計相比漢堡包標志看上去要新鮮得多。這類設(shè)計占有的室內(nèi)空間更少,它看上去更好像一條豎向的線,在視覺上,它基本上和顯示屏等高線,視覺形式感上也很強,結(jié)構(gòu)緊湊,內(nèi)容也充足豐富多彩,可以說,它是一種十分合乎當代設(shè)計設(shè)計風格的一種展現(xiàn)方式。這類設(shè)計針對絕大部分的用戶來講,也沒有鑒別度上的難題,假如說它真有哪些缺點得話,大約便是治好啦我很多年的頸椎病吧……
VR Sessions 這一網(wǎng)址就選擇了這類導(dǎo)航欄設(shè)計。她們將這類豎向的導(dǎo)航欄和她們的LOGO排列在了一起,看上去好看又精致。
你剛開啟 Snake River Interiors 的網(wǎng)址的情況下,它的導(dǎo)航欄看上去非常一般,但是如果你往下翻轉(zhuǎn)的情況下,全部導(dǎo)航欄會變?yōu)樨Q向排序的,而且飄浮在顯示屏左邊,隨叫隨到幫你導(dǎo)航欄,這類設(shè)計構(gòu)思十分有意思。

2、坐落于顯示屏邊緣的萊單
這類設(shè)計顯著并不是一個被普遍應(yīng)用的解決方法,一般 它會用以.管理中心式合理布局的網(wǎng)頁,那樣用戶會清楚的認知到管理中心周邊的室內(nèi)空間,這類導(dǎo)航欄便是因此為之的。或許你能覺得,在網(wǎng)頁頁面的四個角上做導(dǎo)航欄早已很詭異了,可是接納了這一設(shè)置的設(shè)計師,也有別的的游戲玩法:
Proud Punch 這一網(wǎng)頁頁面的設(shè)計師將LOGO、社交網(wǎng)絡(luò)共享、萊單和關(guān)于我各自放置四角,那樣的設(shè)計讓全部網(wǎng)頁頁面看上去干凈整潔又灑脫,隨意而高效率的運用室內(nèi)空間。而Kygo-Life 這一網(wǎng)址則盡量將井井有序的部位都用了起來,讓網(wǎng)址看上去更為圓潤。

3、超窄滑下來式萊單
側(cè)欄式的設(shè)計又重歸了。這類重歸并不是處心積慮,它悄然無聲地發(fā)生在了APP和網(wǎng)頁設(shè)計中,它比過去更為輕量,更為薄弱,盡可能看起來緊湊型而雅致。新的側(cè)欄設(shè)計一般 不容易太繁雜,僅包括好多個基本上的元素,LOGO、萊單和社交網(wǎng)絡(luò)按鍵等好多個基本上的元素。和以往一樣,設(shè)計師經(jīng)常會將這類側(cè)欄 放置網(wǎng)頁頁面的左邊,絕大部分情況下是掩藏的,在用戶開啟的情況下或是電腦鼠標挪動到其上的情況下會表明。
設(shè)計師 Maison Ullens 的本人著作頁之中,就選用了那樣的超窄側(cè)欄。網(wǎng)頁頁面關(guān)鍵的視覺效果內(nèi)容是右邊大篇幅的內(nèi)容行為主體,輕量的側(cè)欄以一種不張揚的方式放置左邊,當鼠標光標挪動到上邊的情況下會出現(xiàn)動效提醒。次序明晰,還無失多功能性。

4、豎直導(dǎo)航欄
和第一種導(dǎo)航欄設(shè)計不一樣,這類豎直導(dǎo)航欄不容易讓英文字母也跟隨一同旋轉(zhuǎn),僅僅選用了豎向的排版設(shè)計。在漢堡包標志或是時尚潮流的時期,這類設(shè)計也算不上多見。這類豎直排版設(shè)計的導(dǎo)航欄一般 會用單色或是全透明的情況,這類豎直導(dǎo)航欄能夠和LOGO一起配搭,和如今的簡約設(shè)計風能夠非常好的配搭,雅致也頗具形式感。
以Linmark 這一網(wǎng)頁頁面為例子,設(shè)計精英團隊將豎直排列的導(dǎo)航欄放置顯示屏右上方,為了更好地確保這一部分的一切正常表明,有到達站讓情況的ppt每一張都盡可能應(yīng)用淺色系,保證飽和度。
而Trihorf 這一網(wǎng)頁頁面的設(shè)計則選用了更為妥當?shù)脑O(shè)計,網(wǎng)頁頁面中豎直導(dǎo)航欄做為全部網(wǎng)頁頁面的心血管而存有,用戶的專注力總是被導(dǎo)航欄所吸引住。全部網(wǎng)頁頁面設(shè)計得充足干凈整潔索性,細微又怎樣現(xiàn)階段的商業(yè)服務(wù)氣氛。

總結(jié)
態(tài)度決定成功與失敗,做為網(wǎng)址的務(wù)必的構(gòu)成部分,萊單和導(dǎo)航欄總可以非常好的反映網(wǎng)址的設(shè)計藝術(shù)美學(xué),出人意表又合乎情理的設(shè)計毫無疑問可以加強用戶感受。這四種種類的設(shè)計并不繁雜,可是可以給用戶產(chǎn)生不一樣的感受,依據(jù)你的要求,酌情考慮應(yīng)用吧。