@Gaoyoungor 每個(gè)網(wǎng)站有屬于自己的個(gè)性——它能反射出背后的個(gè)人或者團(tuán)隊(duì)。如何做到讓自己的網(wǎng)站顯得與眾不同、卓爾不群，讓用戶流連忘返或者立馬下單？

為了讓你的網(wǎng)站脫穎而出，不僅需要有豐富的高質(zhì)量?jī)?nèi)容，同時(shí)也要兼顧網(wǎng)站的創(chuàng)新性和功能性。從用戶的角度出發(fā)好好想一下，怎樣讓你的網(wǎng)站用戶體驗(yàn)更友好？簡(jiǎn)單的搜索功能是需要的，或者你也可以精心設(shè)計(jì)一下網(wǎng)站的導(dǎo)航。同時(shí)，要注意保持整個(gè)網(wǎng)站設(shè)計(jì)語(yǔ)言的一致性。在這個(gè)html5狂潮涌進(jìn)的時(shí)代，誕生了很多優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)作品，他們都有卓越的導(dǎo)航設(shè)計(jì)，接下來(lái)整理的這些網(wǎng)站將喚起你關(guān)于導(dǎo)航的極限創(chuàng)意，快來(lái)親自體驗(yàn)下吧！

Toybox

在需要的時(shí)候?qū)Ш綑趹?yīng)該一直在那里，而當(dāng)用戶想要專注于某個(gè)特定的任務(wù)時(shí)，導(dǎo)航欄則應(yīng)該優(yōu)雅的隱藏起來(lái)。比如說(shuō)，在設(shè)計(jì)一個(gè)網(wǎng)上商店的出納頁(yè)面時(shí)，網(wǎng)站的導(dǎo)航應(yīng)該可以隨時(shí)都易于使用，但同時(shí)也要注意突出像出納表單和按鈕控件之類(lèi)的鮮明功能。Toybox的導(dǎo)航設(shè)計(jì)就恰好滿足了這些。

如下圖示，這個(gè)側(cè)邊導(dǎo)航給人的感覺(jué)就像是你在窺視頁(yè)面背后或者是掀開(kāi)了一個(gè)玩具盒的蓋子看看里面到底有些什么。這個(gè)側(cè)邊導(dǎo)航非常方便使用，鼠標(biāo)懸停在瀏覽器左側(cè)即可出現(xiàn)，主體部分即時(shí)出現(xiàn)的旋轉(zhuǎn)效果也很帶感，可以很好的引導(dǎo)用戶的注意力。將導(dǎo)航隱藏起來(lái)同時(shí)也實(shí)現(xiàn)了界面的簡(jiǎn)潔，使網(wǎng)站的瀏覽體驗(yàn)非常的愉悅，因?yàn)榫W(wǎng)站并沒(méi)有留下太多無(wú)用的信息去分散用戶的注意力。

至于其他你想知道的信息，比如說(shuō)Toybox公司的主營(yíng)業(yè)務(wù)和地址，可以在頂部的一個(gè)直接呈現(xiàn)的導(dǎo)航欄里找到。首頁(yè)的磁貼鼠標(biāo)hover效果也非常的有趣，當(dāng)鼠標(biāo)懸停于某個(gè)項(xiàng)目的縮略圖時(shí)，其余的項(xiàng)目縮略圖都后退變暗并且產(chǎn)生景深的效果。

網(wǎng)頁(yè)設(shè)計(jì)目前已經(jīng)很廣泛，每天都會(huì)有不同的新網(wǎng)站出來(lái)，但是很多網(wǎng)站布局排版實(shí)現(xiàn)太單調(diào)，看來(lái)了像是用模板一樣，就是文字內(nèi)容不同，其它都差不多樣式。所以設(shè)計(jì)師們要盡量讓自己的網(wǎng)站看起來(lái)與眾不同，如何不同呢？可以從UI設(shè)計(jì)、配色、排版、布局等方面入手。

正好今天我們整理了20個(gè)獨(dú)特的基于網(wǎng)絡(luò)布局的網(wǎng)站，這些網(wǎng)站使用了柵格一樣的布局，有整齊的排列、有瀑布流布局式等等，希望這些網(wǎng)站能點(diǎn)燃你心中的想法，讓你設(shè)計(jì)的網(wǎng)站脫穎而出。

來(lái)看看這些彰顯個(gè)性的有趣網(wǎng)站：
《對(duì)抗潮流！那些大膽忽視設(shè)計(jì)趨勢(shì)的網(wǎng)站》

Jun Lu

MIJLO Essentials

正如大家看到的，現(xiàn)在許多人都使用手機(jī)訪問(wèn)互聯(lián)網(wǎng)，所以這讓越來(lái)越多的公司去開(kāi)發(fā)或重構(gòu)新的web解決方案，因?yàn)樗麄冋J(rèn)識(shí)到自己的項(xiàng)目有效的運(yùn)行在各種移動(dòng)設(shè)備上是多么的重要！現(xiàn)在市面上存在太多流行的移動(dòng)設(shè)備了，網(wǎng)頁(yè)設(shè)計(jì)師們也不得不跟隨潮流適應(yīng)技術(shù)發(fā)展和變化規(guī)律，這些小巧的用戶界面設(shè)計(jì)技能已經(jīng)讓一小部分愿意改變自己的同學(xué)們嘗到了甜頭，有付出就有收獲！除了學(xué)到全新的技術(shù)，也有了踏實(shí)的收入，是的！薪水翻倍了！

創(chuàng)建移動(dòng)設(shè)計(jì)模式是非常重要的一步，記住！這是為移動(dòng)設(shè)備設(shè)計(jì)而不是web。不僅僅是移動(dòng)屏幕遠(yuǎn)小于普通的電腦屏幕，關(guān)鍵是鼠標(biāo)和鍵盤(pán)已經(jīng)被手指替代了！當(dāng)然還有更重要的，說(shuō)起來(lái)很苦逼，我們?cè)僖膊荒苁褂靡环N模式來(lái)通吃這些不同的移動(dòng)平臺(tái)了，這可比兼容IE那一家子要苦難得多，畢竟還沒(méi)有很好的規(guī)范。不是嚇唬你，別以為只有那巴掌地大小，為移動(dòng)端做設(shè)計(jì)并不是很容易。

這是一組精心收集的30+優(yōu)質(zhì)購(gòu)物車(chē)PSD，這些精美的購(gòu)物車(chē)PSD將會(huì)為您的設(shè)計(jì)提供了一點(diǎn)創(chuàng)意靈感。

如果你剛好在做這方面的設(shè)計(jì)，那可以先欣賞一組超贊的簡(jiǎn)約時(shí)尚的電商網(wǎng)站設(shè)計(jì)，或者直接動(dòng)手學(xué)習(xí)如何提升電子商務(wù)網(wǎng)站易用性，希望能讓你在設(shè)計(jì)上更加得心應(yīng)手: ）

Cart Modal Popup

在2012年涌現(xiàn)了許多有視覺(jué)吸引和創(chuàng)造性的導(dǎo)航，她們不僅身段妙曼富有美感，而且傳承了整個(gè)網(wǎng)站的導(dǎo)航指引，讓瀏覽者輕松愉悅的訪問(wèn)網(wǎng)站。她們會(huì)溫馨的提醒你在哪兒，還會(huì)體貼的帶你獲取到想要的東西。別等了，現(xiàn)在就去尋找你喜歡的導(dǎo)航下載它吧。

Elegant Ribbon Menu

3d block menu bar

個(gè)人微信賬號(hào)朋友圈成為香港代購(gòu)、淘寶客等形式的推廣新戰(zhàn)場(chǎng)，在朋友圈推送的產(chǎn)品信息，轉(zhuǎn)化率非常高，在個(gè)人微信賬號(hào)吃螃蟹的人，多多少少都賺到了自己的一桶金。但是也有看到螃蟹，卻吃不著的，為什么呢？

看到了朋友圈推廣信息效果不錯(cuò)，一天到晚就是不停的向朋友圈的好友推送信息。一次還好，二次就會(huì)讓人難受了。朋友在查看朋友圈好友信息時(shí)，從上到下都是廣告信息，還是來(lái)自一家，這個(gè)就會(huì)有用戶屏蔽你的信息或者取消關(guān)注。

筆者使用微信以來(lái)，經(jīng)常有好友推送香港代購(gòu)信息、品等信息，開(kāi)始一兩天感覺(jué)沒(méi)有什么，第三天還在不停的發(fā)送，筆者就直接將該好友取消關(guān)注了。因?yàn)椴还芴焯焱扑瓦@些，他們不煩，我們這些好友看著煩啊！殺熟也要注意分寸嘛！向自己好友推送信息是沒(méi)有錯(cuò)，好友也是你的潛在用戶，需要考慮用戶的感受，別光顧著自己。

UI（用戶界面）與UX（用戶體驗(yàn)）是密切聯(lián)系的，優(yōu)秀的UI界面首先就能從視覺(jué)上給用戶極好的體驗(yàn)，今天我們從Drrible和Behance上挑選了50套用戶體驗(yàn)超棒的UI界面，包括了睡眠APP、天氣APP等等，還有對(duì)Facebook、Instagram、Ebay等應(yīng)用的扁平化再設(shè)計(jì)，都非常棒呦！如果你正在設(shè)計(jì)UI界面，那么可得好好借鑒學(xué)習(xí)一下，希望能給你帶來(lái)靈感 : ）

微信如今超過(guò)6億的用戶，是目前最火熱的一種營(yíng)銷(xiāo)渠道，在各種行業(yè)交流大會(huì)，微信營(yíng)銷(xiāo)是不可缺少的討論話題。微信也是各行業(yè)選擇的一種營(yíng)銷(xiāo)工具，但是微信營(yíng)銷(xiāo)上升速度快，很多的企業(yè)及商家都是試學(xué)階段。微信營(yíng)銷(xiāo)要進(jìn)入企業(yè)及商家的內(nèi)部還一小段的距離，要做好微信營(yíng)銷(xiāo)，還需要有良好的策略和技巧。

今天筆者與大家分享一個(gè)個(gè)人微信賬號(hào)快速導(dǎo)入QQ好友、手機(jī)通訊錄的好友，這樣類(lèi)似的方法，在網(wǎng)上有很多，閱讀過(guò)的朋友就請(qǐng)路過(guò)，想再溫故的朋友就繼續(xù)跟著筆者來(lái)。快速導(dǎo)入自己的QQ好友，手機(jī)通訊錄的好友。

QQ好友導(dǎo)入
個(gè)人微信上導(dǎo)入QQ好友的方法有兩種：
1、在“通訊錄”，右上角“添加”，進(jìn)入以后，看到“添加QQ好友”，點(diǎn)擊進(jìn)入以后顯示QQ上的分組好友，然后選擇要導(dǎo)入的QQ好友，完成添加操作。
2、在“個(gè)人中心”->“設(shè)置”->“通用”->“功能”中找到“添加QQ好友”的功能，進(jìn)入以后，再點(diǎn)擊“添加QQ好友”顯示QQ上的分組好友，然后選擇要導(dǎo)入的QQ好友，完成添加操作。

在蘋(píng)果電腦和PC之間，我們究竟該如何選擇呢？很多人的答案便是，蘋(píng)果電腦適合做圖，PC適合游戲。也許是由于都這么回答，所以，目前這個(gè)觀點(diǎn)幾乎已經(jīng)成為一個(gè)定理了。那么事實(shí)是否真的是如此呢？以小編看來(lái)，這個(gè)觀點(diǎn)可能不盡然，下面，筆者便純理論的說(shuō)明一下其中的原因。

蘋(píng)果機(jī)比PC更適合做圖 真的是這樣嗎?

優(yōu)異的用戶界面可以讓用戶用得順心，從而提高轉(zhuǎn)化率(conversion rate)，換言之，好的 UI 在使用與銷(xiāo)售層面上形成雙贏。本文整理了16點(diǎn)優(yōu)化用戶界面的方法，希望對(duì)大家有所幫助。

本文原作者加拿大UI設(shè)計(jì)師Jakub Linowski

單欄型式優(yōu)于多欄

單欄型式讓你更能掌握自己的內(nèi)容，從頂部到底部一氣呵成，用故事引導(dǎo)讀者，最終是要誘引他們「采取行動(dòng)」(call to action，下稱CTA，意指下載或消費(fèi)等目的);而多欄反而可能導(dǎo)致讀者分心。