導(dǎo)航在網(wǎng)站設(shè)計中地位是舉足輕重的，它引導(dǎo)著用戶進行瀏覽和查找，一個良好的導(dǎo)航系統(tǒng)能讓用戶在離開網(wǎng)站時感覺享受了一次愉快的旅程。今天為您推薦24枚創(chuàng)意導(dǎo)航設(shè)計，我們一起來感受一下它們的魅力吧！

Beautiful Type

Drupalcon Denver

我們對音樂的渴求，一刻都不曾減少。現(xiàn)在無論上班途中、休息還是工作，我們總習(xí)慣先享受一下聽覺的盛宴。毫不夸張地說，音樂已成為了我們生活的一部分。

有很多熱情澎湃的設(shè)計師也在努力地為音樂的移動端界面創(chuàng)造一個富有創(chuàng)意的，吸引人的精致界面設(shè)計。比如這一系列，它們中既有仿古的設(shè)計風(fēng)格，也有現(xiàn)代簡約優(yōu)雅的。你會欣賞到厚重感十足的黑膠唱機，可能也會驚嘆于用色大膽的視覺沖擊風(fēng)格。

希望今天的作品能帶給各位設(shè)計師們靈感！盡情享用吧：）

1. Music App UI (iPhone) by Piotr Kwiatkowski

藍藍設(shè)計 從Dribbble收集了20個漂亮的登陸表單案例。希望你看后能從中受益，并對你以后的登陸表單設(shè)計有幫助。設(shè)計一個登陸表單看上去非常容易，但大多設(shè)計都很糟糕、毫無亮點。無論如何，這篇Dribbble案例集錦絕對走的是另一個極端。希望它們能贏得你的青睞！來一起欣賞吧：）

網(wǎng)站與APP中的登陸表單

繼承了iOS7的精髓，這件登陸界面作品將iOS7微妙的動畫背景上升到一個新的層面。此處的背景完全是一張動畫圖片——甚至可能是GIF。盡管這背景事實上沒有那么精致，但這一定是你平時不常見的設(shè)計。你幾乎很難見到這樣的APP，還有如此賣弄的首屏設(shè)計。

當(dāng)我們越來越習(xí)慣于通過網(wǎng)絡(luò)來完成一些跟餐飲相關(guān)的活動時，一個富有創(chuàng)意具符合自己餐廳特色的網(wǎng)站設(shè)計，則會為這個餐廳增色不少，甚至于對顧客所帶來的感觀映象不啻于現(xiàn)場。

而對于一個餐廳網(wǎng)站設(shè)計來說，食物照片的光感色澤其實是最重要的，食物的色相味全活現(xiàn)在照片；此外還有就餐環(huán)境的特寫，再配以創(chuàng)意的表現(xiàn)手法，就此讓在屏幕另一端的顧客都能感受到食物十足的誘惑力。

ADDICTION

這年頭，廠商們都忙著給屬于貴重物品的汽車做精美的網(wǎng)站進行創(chuàng)意營銷，自行車被丟在了一個屬于快被遺忘的角落，但即使是角落依然也會有亮眼的光芒閃耀。

拿過紅點設(shè)計大獎的自行車、超酷造型的山地車、簡潔風(fēng)的自行車、女士優(yōu)雅氣質(zhì)的自行車，創(chuàng)意的自行車配件，這個世界上還是有很多人鐘情于自行車的，即使在這個汽車滿天飛的世界。

自行車可以玩創(chuàng)意，自行車網(wǎng)站也可以更有創(chuàng)意。

InterLock

近期筆者發(fā)現(xiàn)自己兩個網(wǎng)站收錄和反鏈曝增，其中一個網(wǎng)站今年以來關(guān)鍵詞沒有排名，這次大幅度的變更，都有排名。筆者還小樂了一下，最近的優(yōu)化策略調(diào)整這么快就見成效了。

于是筆者就在群里、網(wǎng)上查看有沒有類似的情況。在群里和網(wǎng)上有網(wǎng)友出現(xiàn)了這樣的情況，收錄、反鏈曝增，排名提升。筆者對近期百度的變更，持觀望態(tài)度，靜觀其的變化，當(dāng)然日常的優(yōu)化工作不能落下。如果你也遇到這樣的情況，不要大驚小怪，平常心對待，日常的工作按部就班。

下面看一下筆者的兩個網(wǎng)站的數(shù)據(jù)變化，筆者個人博客是今天開始有變化，另外一個網(wǎng)站是昨天就開始了。

經(jīng)常在電視上看到各種飲料的動感廣告，但作為多媒體推廣最重要的一環(huán)，飲料自身的官方主題網(wǎng)站設(shè)計必然是很有看頭的：動感激情或優(yōu)雅寧靜，通過明艷的視覺和新鮮的交互將產(chǎn)品推銷給顧客。

更多飲料類網(wǎng)站欣賞：http://www.skdbbs.com/web.html

SPACHO

Mizone

設(shè)計是一個漫長和痛苦的過程，期間可以用點技巧來減少痛苦，30+ tips to improve your iOS design workflow (in Photoshop)一文總結(jié)30個實用的技巧可以借鑒和學(xué)習(xí)。

————–以下為譯文——————-

在本文中我（英文原作者）總結(jié)了在photoshop中設(shè)計ios軟件時所遵守的方法。許多的技巧適用于一般的UI設(shè)計。注意：文中所提到的快捷鍵針對于Windows；Mac 用戶可，Cmd對應(yīng)Crtl鍵，Opt對應(yīng)Alt鍵。

1.保持尺寸為偶數(shù)

你是首先針對Retina屏幕設(shè)計然后再對標(biāo)準(zhǔn)分辨率的進行縮小是吧？為了在標(biāo)準(zhǔn)分辨率下像素仍然保持完美的呈現(xiàn)，你需要保證大小和距離為偶數(shù)。具體的做法便是：基于2ps的網(wǎng)格設(shè)計。在編輯（Edit）〉首選項（Preference）〉參考線、網(wǎng)格和切片（Cuides,Grids&Slices）。更改網(wǎng)格線間隔（Gridline）和子網(wǎng)格（Subdivisions）來是使得網(wǎng)格間隔線為2px。例如：設(shè)置網(wǎng)格線間隔為64px，子網(wǎng)格為32。

百度貼吧是百度旗下的獨立品牌，是全球最大的中文社區(qū)，結(jié)合搜索引擎建立的一個在線交流平臺。貼吧是百度產(chǎn)品中訪問前三的產(chǎn)品，也是網(wǎng)絡(luò)營銷人員值得關(guān)注、執(zhí)行的推廣渠道之一。做好百度貼吧推廣獲得的效果也是可想而知的，在貼吧發(fā)表軟文可以快速的被搜索引擎收錄，并獲得良好的排名。百度貼吧如何做好才可以獲得好的效果，下面周維與大家分享如何做百度貼吧推廣，本文純粹個人經(jīng)驗分享，說得不當(dāng)之處請各位指點。

如何做百度貼吧推廣

1、選擇相關(guān)性高的帖吧
做貼吧推廣之前要選擇合適的貼吧，不是什么吧都可以做推廣。相關(guān)性的推廣是很必須的，這也決定推廣的效果。比如你是做女裝的，你不可能找科技類的、餐飲行業(yè)的貼吧，女裝就得找女裝貼吧、有女性方面的帖吧。

2、確定標(biāo)題的關(guān)鍵詞
推廣軟文的標(biāo)題要自然的布入關(guān)鍵詞，根據(jù)SEO的原則將要優(yōu)化的關(guān)鍵詞寫在標(biāo)題中。推廣標(biāo)題的關(guān)鍵詞可以被用戶在搜索引擎中搜索，有希望在搜索結(jié)果頁展示給客戶。如女裝可以考慮寫，秋季女裝如何搭配比較好？或者英語培訓(xùn)，北京哪家英語培訓(xùn)機構(gòu)好？

一年以前，我（曹舒旻Kevin Cao）還在做各種Flash網(wǎng)站，而現(xiàn)在卻是擁有一間小工作室的iOS獨立開發(fā)者。從互動廣告行業(yè)轉(zhuǎn)型到移動互聯(lián)網(wǎng)，也許也是正在閱讀本文的你心中的一點小念頭。即便你仍然打算奮斗在互動廣告行業(yè)，對移動互聯(lián)網(wǎng)帶來的沖擊也不可能置身事外。

移動互聯(lián)網(wǎng)，正在真真切切的改變我們每一個人的生活，對你我正在從事的事業(yè)，都不能例外。那么，如何順勢而為，讓我們能夠在新的時代背景下游刃有余呢。

首 先你應(yīng)當(dāng)成為移動互聯(lián)網(wǎng)的應(yīng)用達人：擁有一款移動設(shè)備，并成為重度用戶。你得比你的客戶或目標(biāo)受眾更加了解這種新的媒介。你要學(xué)會觀察和分析這些移動設(shè)備 產(chǎn)品設(shè)計背后的精髓，包括但不局限于：用戶手持設(shè)備的使用習(xí)慣；屏幕尺寸限制對設(shè)計的影響；多點觸摸的操作方式；單窗口應(yīng)用和多任務(wù)的設(shè)計方法等。此外還 有GPS定位，陀螺儀等特有硬件模塊的玩法。

然后你還應(yīng)當(dāng)看看Apple的人機交互設(shè)計指南，了解那些細節(jié)到有些龜毛的設(shè)計建議背后的理念。這也保證你在發(fā)想創(chuàng)意的時候不至于偏差得太過離譜。

此刻你一定已經(jīng)有了一個不錯的想法（或者靠譜的Brief）。現(xiàn)在到了我們盡情發(fā)揮創(chuàng)意和設(shè)計才華的時刻。 流行如“下拉刷新”的操作可不是一開始就寫在設(shè)計指南里的，而是由與我們一樣的創(chuàng)作者想出來的絕妙創(chuàng)意。這絕對是重度用戶才能發(fā)想出來的直覺式設(shè)計的最佳范例。還有Instapaper客戶端的傾仰翻頁，以及前段時間非常流行的Clear式輕掃和捏合操作，也都代表了交互設(shè)計的頂尖水平。 雖然在這個領(lǐng)域不乏一些專業(yè)的UI設(shè)計公司，還有各種互聯(lián)網(wǎng)企業(yè)的UED正規(guī)軍。但是在如何把移動應(yīng)用設(shè)計得有愛或有范的問題上，我們互動這行的設(shè)計師也不甘示弱。我們看看私密照片分享應(yīng)用Path 2.0中 的創(chuàng)新折疊菜單。吸引了不少眼球吧。而我們拿它回過頭來對比閃客們N年以前就已經(jīng)實現(xiàn)的各種動態(tài)菜單，其效果不也顯得黯然失色嗎。用戶在iOS應(yīng)用上已經(jīng) 看了好幾年標(biāo)準(zhǔn)界面的產(chǎn)物，難免開始產(chǎn)生審美疲勞。現(xiàn)在進入了重視用戶體驗的時代，互動從業(yè)者們在視覺表現(xiàn)和交互效果上的經(jīng)驗積累在此是一大優(yōu)勢。相比其 他行業(yè)的轉(zhuǎn)型者們，我們更容易創(chuàng)作出令人驚艷的作品。