Godzilla. 2016-08-19
網(wǎng)站建設(shè)
網(wǎng)頁(yè)設(shè)計(jì)中垂直導(dǎo)航菜單的設(shè)計(jì)技巧
無(wú)論你是一個(gè)好奇的新設(shè)計(jì)師或是經(jīng)驗(yàn)豐富的專(zhuān)業(yè)人士，垂直導(dǎo)航的主題是一個(gè)精致的談話(huà)點(diǎn)。這種垂直的頁(yè)面元素的想法打破了網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的一個(gè)重要規(guī)則。這當(dāng)然是一個(gè)艱巨的任務(wù)，類(lèi)似的設(shè)計(jì)過(guò)程中一個(gè)小錯(cuò)誤可以搞砸整個(gè)布局?？纯聪旅孢@些例子，你就知道如何將垂直網(wǎng)站導(dǎo)航菜單應(yīng)用到您自己的Web項(xiàng)目中。網(wǎng)頁(yè)設(shè)計(jì)中垂直導(dǎo)航菜單的設(shè)計(jì)技巧。
1、頁(yè)布局
每一個(gè)餐飲網(wǎng)站都應(yīng)該創(chuàng)建一個(gè)導(dǎo)航餐飲的菜單。單頁(yè)的布局往往是最靈活的。網(wǎng)站不需要大量的下拉菜單或滑動(dòng)連接板。Jorge Rigabert的網(wǎng)站是一個(gè)很好的例子。該網(wǎng)站被分割成彩色的部分，其中包括不同的信息。在滾動(dòng)頁(yè)面的時(shí)候，左邊的導(dǎo)航欄和你一起滾動(dòng)?？杀氖?，我無(wú)法讀西班牙語(yǔ)，但鏈接文本本身脫穎而出，大膽和豐富多彩。懸停和選定的鏈接效果也引人注目。垂直導(dǎo)航并不總是需要浮華的，但它肯定不會(huì)傷害到你的設(shè)計(jì)。
2、菜單
并不是每一個(gè)網(wǎng)站都可以作為一個(gè)單一的頁(yè)面布局。幸運(yùn)的是，有很多其他的方法來(lái)構(gòu)造一個(gè)垂直導(dǎo)航。有時(shí)設(shè)計(jì)者仍然會(huì)選擇修改菜單在用戶(hù)旁邊滾動(dòng)。這是一個(gè)很受歡迎的選擇，你會(huì)發(fā)現(xiàn)這種效果也經(jīng)常使用水平導(dǎo)航中。但在許多情況下是簡(jiǎn)單的垂直導(dǎo)航放在頁(yè)面頂部。例如麥當(dāng)勞的網(wǎng)頁(yè)，它使用一個(gè)紅色的垂直導(dǎo)航匹配公司的標(biāo)志。
你會(huì)發(fā)現(xiàn)另一個(gè)很好的例子，權(quán)力的海報(bào)，這是一個(gè)海報(bào)零售網(wǎng)站。此布局集中在瀏覽器窗口中，并有一個(gè)更為簡(jiǎn)明的頁(yè)面頭。所有的菜單鏈接似乎融入背景和工作很好地與標(biāo)志設(shè)計(jì)。
麥當(dāng)勞和權(quán)力的海報(bào)利用對(duì)比度導(dǎo)航懸停效果。文本可讀性很強(qiáng)，在類(lèi)似鏈接的分類(lèi)中脫穎而出。在設(shè)計(jì)你自己的垂直導(dǎo)航風(fēng)格的同時(shí)記住這一想法。雖然你可以完美的釘?shù)亩ㄎ缓徒M成，一個(gè)小的更新的顏色方案可以明顯影響整個(gè)布局。
3、小的、簡(jiǎn)單的
你真的需要將頁(yè)面信息凝聚成一個(gè)較小的部分，這往往關(guān)系到調(diào)整字體和潛在的刪除某些元素。記住要保持所有簡(jiǎn)單和容易識(shí)別的，把這變成你的垂直設(shè)計(jì)的原則。
這些例子中的每一個(gè)都應(yīng)該證明，設(shè)計(jì)得當(dāng)時(shí)垂直導(dǎo)航可以很好的工作。并不是每一個(gè)網(wǎng)站都可以受益于這樣一個(gè)垂直的布局。然而，我發(fā)現(xiàn)了大量的垂直設(shè)計(jì)，真正吸引了我的注意力。敢于在未來(lái)的項(xiàng)目中應(yīng)用這些技術(shù)，不要害怕在你自己的設(shè)計(jì)作品中使用垂直導(dǎo)航。若有建站需求請(qǐng)咨詢(xún)專(zhuān)業(yè)建站網(wǎng)站摩恩網(wǎng)絡(luò)。
文章標(biāo)簽：
網(wǎng)頁(yè)設(shè)計(jì)
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高，我想投身于網(wǎng)站行業(yè)中，一展所長(zhǎng)，為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論：