導航菜單可能是網頁設計中最重要的部分了。每個用戶瀏覽網站時一定有所需，因此導航菜單能夠幫助用戶尋找信息。好的導航菜單像是導游，告訴用戶網站是干什么的，內容分類有哪些，在哪里可以找到什么信息。

而且導航欄也是整體布局的重要組成。

總結一下，導航欄的重要性。

1. 瀏覽完Logo后，導航欄是用戶第一個看到的組件。
2. 導航欄的作用是引導用戶。
3. 導航欄的作用也類似于索引，快速幫助用戶找到所需信息。

想讓導航欄更加優(yōu)雅、美麗、響應式么？看看導航欄設計的三大要點吧！

1) 別再讓導航胖下去了，給導航減個肥

導航菜單重要性不言而喻。一些設計師往往使用一些繁雜的裝飾來做突出。其實大可不必，通過字體、懸停效果、留白可以設計出簡約、優(yōu)雅的極簡主義風格導航欄，看看下面的案例。

Design Instruct

Sugar Rush

評論(0) 瀏覽(4133)

從Google、可口可樂到聯(lián)邦快遞、肯德基，讓我們一起來看這些最經典的LOGO設計如何返璞歸真，相信我，你會返回來重新看一遍的！

迪士尼

BURGER KING

可口可樂

對于大部分網站，導航并不算是個挑戰(zhàn)。一條主導航加條二級導航支撐，通常就足夠了。典型的做法是，二級導航顯示出父、兄及當前子菜單。常顯的主導航條顯示最頂層的菜單，允許用戶在菜單間切換。

然而，有一類網站讓這種傳統(tǒng)的導航樣式承擔有些吃力。這就是我要提的大型網站。

定義大型網站

一個大型網站由結合了綜合服務和產品的典型大型組織所有。這個組織通常也服務各色用戶。擁有大型網站的組織，包括BBC這類機構型的，類似微軟這種項目多樣化的公司型的，政府部門，高等教育類的以及運作多種活動的慈善組織類的，比如世界自然基金會。

這些網站：龐大，層級多而深，由多個小網站和頻道組成，迎合受眾眾多，許多入口，這種規(guī)模級的復雜網站導航頗具挑戰(zhàn)。

大型網站上的導航挑戰(zhàn)

在我們公司，我們花費了大量工作在這類大型網站上，尤其當我們想使用傳統(tǒng)的導航時特費勁兒。

傳統(tǒng)的導航無法負擔深層級

傳統(tǒng)的導航隨著網站層級越深變得越難用。傳統(tǒng)導航很容易應付三層；超過的話，問題就會暴露。即便拓展到頁面眾多的房產類網站導航，他們會更致力于導航多過內容（大型網站里頁面太多讓問題變得更糟），或更頂層的頁面不再出現在導航中。在后者中，如果用戶處于網站的深層級頁面，他們將搞不清上上下級關系，因為無法看見當前頁面在整個網站中的所處位置。

雖然傳統(tǒng)的導航處理結合了面包屑，能夠拓展適應綜合型網站，但當在房產網站上如此做時，成本卻不斷升高。

傳統(tǒng)導航無法承載多入口

如果用戶經由小網站或網站某菜單頁的進入，傳統(tǒng)方式的導航將讓用戶感到困惑。以一個在考慮參加大學研究課題的學生舉例。這個人可能對院系詳情更感興趣相比整個學校。因而很容易進入網站的院系層頁面，而不是學校的主頁。
另一個例子就是單身媽媽想了解寶寶福利。她們更像是要直達福利的次級頻道而不是政府主頁。在這種情況下，用戶的關注是在當前內容。（如：課題頁或兒童福利頁）。他們不是立即對這整一個網站感興趣。
不幸的是，不論用戶是否愿意，傳統(tǒng)的一級、二級導航都試圖讓用戶去了解整個網站環(huán)境。

在這個大學頁面上，這個“研究菜單是指整個大學的研究呢還是僅是這個學院的研究。當兩個同樣的菜單出現，并指向不同的地方會怎么樣？

今天在網上看到一篇O2O的案例，類似主人公這樣的案例曾在網上出現過多次，如“煎餅大媽的QQ群”。今天看到的這篇文章也是講吃，創(chuàng)意來源于主人公的朋友從從臺灣帶回幾個堅果饅頭，又可以說“饅頭引起的一個020案例”。通過主人公研究、嘗試國內常見的堅果，制作出來健康營養(yǎng)、有嚼頭的堅果饅頭。

產品做出來以后，主人公是利用一個社區(qū)QQ群，每天只限100個，一個6元。通過QQ群營銷，讓主人公擁有一大群忠實的回頭客。通過本案例，再結合“煎餅大媽的QQ群”案例，讓我們發(fā)現其實O2O的成功就在我們的身邊。

我們也可以想想為什么最容易、最有效的O2O案例不是精通網絡營銷的人員，不是某個大枷，而是我們普通的媽媽級人物呢？筆者認為，她們才是真正的營銷高手，正確的利用了網絡營銷方法—QQ群營銷。

筆者最近也發(fā)現利用微信、QQ空間做香港代購、產品代銷的朋友越來越多。他們通過微信、QQ空間發(fā)布產品信息，有意向的客戶通過加微信、加QQ私下交流，了解產品，并完成下單。這也是充分利用了移動設備工具來推銷產品，實現我們常說的020（線上線下）。

其實在我們身邊有很多可以項目可以做O2O營銷，但現在看到的主要是吃、喝、玩、樂幾個方面。因為這幾個方面的O2O能夠更好的實施，也更容易獲得成功。不是做了就可以成功，而是需要正確的運用微信、QQ這樣的社交媒體。

最后，筆者建議想做O2O營銷的朋友，盡可能的去發(fā)現身邊的事情，就從吃、喝、玩、樂開始。只要你敢想，敢去做就會發(fā)現商機。行動吧！朋友！

本文總結了最近網頁設計領域比較熱門的幾種技術，代表了一定的趨勢，設計師們要跟市場接軌，緊跟潮流的腳步，可以閱讀這篇總結，肯定大有裨益。

騰訊cdc：技術的革新帶動了設計行業(yè)的的迅猛發(fā)展，這使得設計師和開發(fā)者有了更廣闊的的探索天地。而網頁設計也越發(fā)不再那么循規(guī)蹈矩，許多團隊和公司都做了很多思考和創(chuàng)意。所以在我們適應著現代設計潮流的同時，不妨也來看看現階段網頁設計大致的趨勢和風格吧。

我不敢大言不慚的說這就是網頁設計的必然趨勢，這只是本人對當下網頁設計做出的一些小總結。希望這樣的歸類總結能給你帶來更多的思路和想法。

01. 響應式網頁設計（Responsive Web Design）

現在越來越多用戶都擁有多種終端：臺式機，筆記本，平板電腦，手機，能夠適應不同尺寸顯示屏的網頁是現在的潮流，甚至是未來很長一段時間的設計趨勢。那么響應式網頁設計就是來解決這個問題的。這種特別的開發(fā)方式能保證網頁適應不同的分辨率，讓網頁要素重組，使其無論在垂直的平板電腦還是智能手機上，都能達到最好的視覺效果。

除了多終端的多樣化，我們還可以看到我們的電腦屏幕，手機屏幕都在不斷變大，而在對未來生活的預測、概念設計里，”屏幕”%

Queen譯者注：隨著平板電腦市場的迅猛增長，你可曾考慮到網站在平板上的用戶體驗？本文給出了6個提升網站平板體驗的簡易技巧，讓你花小氣力，出大成果，可謂事半功倍。要不你試試看。
原文鏈接：the-pursuit-of-tappiness

在這篇文章發(fā)布時，僅在美國就有近7000萬的平板電腦用戶，這比前一年的數據增加了一倍。這意味著，美國近30％的互聯(lián)網用戶使用平板設備上網瀏覽。2011年到2012年間，電子商務網站在平板電腦上的交易量增長了348％，第一次超越智能手機的交易量。由于平板市場很年輕，其未來的發(fā)展空間必定很大。
這一趨勢傳遞了一個強烈的信號：如果你的網站還沒有針對平板電腦進行設計的話，現在是時候優(yōu)先考慮其在平板電腦上的可用性了。否則，忽略這一點可能會對網站的整體轉化率，回訪量，銷售量等帶來負面影響。

什么是”點擊愉悅感”（tappiness）？

當一個網站具有”點擊愉悅感”時，用戶在手機或平板設備進行訪問的操作將變得容易而愉快。點擊愉悅感包括巧妙使用的空間，易于閱讀的文本，符合邏輯的交互線索，和大尺寸的點擊目標，這些讓訪問者瀏覽網站時充滿信心。

本設計中，大字體和大點擊目標的體驗很好，即使在平板電腦上縮小后，體驗依然不錯。
而在另一些設計中，文字太小無法閱讀，鏈接太接近容易誤操作，無形中增加了操作時間、復雜度以及體驗上的挫敗感。糟糕的體驗下，用戶將快速流失。

本設計中的小字體和小觸摸目標被證明在平板電腦上難以閱讀和使用。
一種理想選擇可能是：重新設計你的網站，讓它能針對各種不同設備進行自適應布局，但時間和成本可能會使你無法完成這樣的全面翻新。然而你還有其他選擇。本文給出一些技巧和方法，能快速幫助你提升網站的平板用戶體驗，只需幾個簡單的變化，你今天就可以做到！

推薦一 ：（5星）

Smashing Magazine

網站的精選文章比較綜合，包括Design, Coding, Mobile, Word Press等，整體質量很高，非常適合用戶體驗從業(yè)人員持續(xù)關注。

推薦理由：

1. 對于設計師而言，DESIGN, MOBILE, UX DESIGN這三個tag的內容都很棒；
2. 文章總體質量非常高，篇幅雖長，但很成體系；
3. 訂閱者超過1,100,000，用戶活躍度高，每篇文章的回復都很專業(yè)；
4. 超過1,700篇原創(chuàng)文章，890位作者，他們均有多年從業(yè)經驗；
5. eBooks中很多優(yōu)秀書籍免費。

隨著CSS的廣泛應用，透明元素在網頁設計中大量采用。

通過添加透明效果，可以增添頁面的對照感和可讀性，同時對整體的效果妨礙又不大，可謂一舉兩得。

一般來說，采用透明效果顯示區(qū)塊、展現數據，透明效果出現在很多輔佐元素當中，這樣前景元素就顯得非常突出。
讓我們來看看透明效果，這種優(yōu)雅而又華麗的效果。

Wavefront

整體構成比較不拘一格，音樂節(jié)一般的氛圍。霓虹色彩，半透明區(qū)塊，讓色彩更加動感，很好的支持了主題。

Advies

頁面中含有很多透明條紋，中間的大區(qū)塊既不影響背景圖像的效果，也能很好的展現信息。

表單應該就像個溫柔又有禮貌的服務生。想象你走進一間超級市場，走過兩旁堆滿商品的走道之后，左轉右轉，看到你想買的果醬并且挑選了兩罐放在購物袋中。

終于你走向結賬柜臺，一個笑容甜美的收銀人員對你溫柔的問好，并接過你手中的果醬，告訴你價錢，幫你包裝，然后找給你零錢和發(fā)票并且愉快的說再見。

現在你來到一個購物網站，在首頁看到許多特價商品，你點選了食品的分類選項，來到果醬的分類。稍微看了一下果醬的介紹文章，然后點擊鼠標把果醬放到購物車中，并點選結賬：結果出現的是一個冷淡又死氣沉沉的表單（Form）。

表單絕對是網站中用戶和系統(tǒng)互動的最主要的元素，網站透過表單向用戶提出問題，用戶則透過表單向網站表達他的想法。標單又可以細分成三種元素：1、說明目的的標簽；2、提供響應的輸入方塊或選單；3、以及提交表單的按鈕。表單的設計就可以想象成一個稱職的服務生，他的服務應該要符合下面幾個項目：

揭開iOS7扁平化的外衣，深入探索蘋果的新式設計語言，一起來猜想一下新的設計風格是如何在iWatch iTv iCar上實現。

當談到Jony Ive，我們就不得不談到他在iOS7上的大改造，普遍看法是，這種改變僅僅是外觀上的改變，換湯不換藥。

iOS7的神秘面紗于2013年6月揭開，設計靈感來自德國已故傳奇設計師Otl Aicher。
Jony Ive在iOS上決定采用扁平化風格，這就意味著以下幾點風格的轉變：

1、用色愈發(fā)大膽、鮮艷；
2、界面會擁有更多的留白空間，讓元素更好的呼吸；
3、字體運用會更加優(yōu)雅靈活；
4、即將使用大量的幾何形狀。

這就是Jony Ive摒棄擬物設計的原因。iOS7的推出，也可以看成是Jony Ive對擬物設計的宣戰(zhàn)。

iOS7的扁平化設計非常”萬金油”，不但適應了今天的iPhone以及iPad設備，也能夠應用于未來的iWatch,iTV,iCar等設備。