趨勢(shì)分析非強(qiáng)項(xiàng)，僅在自身知識(shí)范圍內(nèi)尋找可能形成的設(shè)計(jì)趨勢(shì)，如果有遺漏及不足，請(qǐng)補(bǔ)充說明，感謝！

PS. 其實(shí)個(gè)人從內(nèi)心里不喜歡follow趨勢(shì)，但有時(shí)又無它法，趨勢(shì)的形成往往通過了設(shè)計(jì)及市場(chǎng)的驗(yàn)證，如果能從各種趨勢(shì)當(dāng)中發(fā)現(xiàn)一條潛在的河流是一件非常欣喜的事情，并可使用你的設(shè)計(jì)脫穎而出。P.P.S.別為了標(biāo)新立異而做出新穎的設(shè)計(jì)，最少它應(yīng)該是經(jīng)得起驗(yàn)證的。

 我曾與一位視覺設(shè)計(jì)師合作共同開發(fā)一款web應(yīng)用。他提交給我的設(shè)計(jì)稿看起來非常帶感，于是我根據(jù)他的設(shè)計(jì)稿，用HTML和CSS將web應(yīng)用寫了出來。當(dāng)我以為一切都已完成，并且火急火燎地將產(chǎn)品給他看的時(shí)候，知道他說啥了么？

4月29日消息，近幾年來，F(xiàn)irefox瀏覽器同Chrome一樣，更新相當(dāng)快速，不過功能卻大都是小幅更新，但近日發(fā)布的Firefox 29正式版卻帶來了近幾年來的最大幅度更新。Firefox 29正式版擁有全新的UI設(shè)計(jì)、高度自定義、Firefox Sync云同步等功能。

今天藍(lán)藍(lán)設(shè)計(jì)就再來詳細(xì)的聊聊其中一些新穎的網(wǎng)站設(shè)計(jì)趨勢(shì)，并且都用網(wǎng)站界面設(shè)計(jì)案例解析的形式推薦給大家，希望對(duì)您UI設(shè)計(jì)有啟發(fā)：）

更多網(wǎng)站界面設(shè)計(jì)案例解析：http://www.izc.net.cn/

1、The Daily Beast

鼓勵(lì)用戶一直往下瀏覽

UI設(shè)計(jì)師想學(xué)習(xí)做時(shí)尚網(wǎng)站嗎？購物網(wǎng)站、時(shí)尚作品集、時(shí)尚部落格或者雜志都可以呦，這些網(wǎng)站界面設(shè)計(jì)的一個(gè)特點(diǎn)就是——都灰常受歡迎。怎么樣，你也心癢癢了吧？我相信在你看藍(lán)藍(lán)設(shè)計(jì)這篇文章的同時(shí)，就已經(jīng)下定決心做一個(gè)自己的時(shí)尚網(wǎng)站設(shè)計(jì)，所以話不多說，直奔主題。今天要跟大家分享的是關(guān)于設(shè)計(jì)時(shí)尚網(wǎng)頁的一些知識(shí)，希望你能有所收獲~

如果你是一個(gè)APP狂熱分子，你會(huì)花大量的時(shí)間在各種APP界面設(shè)計(jì)的嘗鮮中，你會(huì)明顯感受到一些APP在采用著某種風(fēng)格鮮明的設(shè)計(jì)語言，來標(biāo)榜自己的獨(dú)特之處，形成自己的界面設(shè)計(jì)風(fēng)格，甚至引領(lǐng)設(shè)計(jì)風(fēng)向。去年我們關(guān)注到隨著Metro設(shè)計(jì)風(fēng)格的影響和iOS7的發(fā)布，APP明顯都開始嘗試扁平化的設(shè)計(jì)語言了，除此之外，還有哪些顯性化的設(shè)計(jì)語言嶄露頭角呢？

在這篇文章里，藍(lán)藍(lán)設(shè)計(jì)想分享一些日益顯性的UI設(shè)計(jì)語言，讓人一眼就記住它的風(fēng)格，有一些已經(jīng)隨著優(yōu)秀設(shè)計(jì)師的摸索，融入到國內(nèi)移動(dòng)產(chǎn)品設(shè)計(jì)里了，而有一些，確實(shí)是剛剛在萌芽階段，需要更進(jìn)一步的摸索和嘗試。

一、唯一主色調(diào) | Simple color schemes

為什么我們要定義一個(gè)界面多種顏色？?jī)H僅用一個(gè)主色調(diào)，是不是就能夠很好的表達(dá)界面層次、重要信息，并且能展現(xiàn)良好的視覺效果？事實(shí)上也正是如此，隨著iOS7的發(fā)布，我們看到越來越多唯一主色調(diào)風(fēng)格的設(shè)計(jì)，會(huì)采用簡(jiǎn)單的色階，配套灰階來展現(xiàn)信息層次，但是絕不采用更多的顏色。

關(guān)注人類心理學(xué)的一些研究是非常有意義的。通過對(duì)人類心理的推敲，我們討論人社會(huì)心理，這能夠幫助創(chuàng)業(yè)公司開拓市場(chǎng)，因?yàn)槭軞g迎的內(nèi)容和大眾心理有著最直接的關(guān)系。問題的關(guān)鍵是，很多心理學(xué)對(duì)于網(wǎng)站ui設(shè)計(jì)者有著很強(qiáng)的啟發(fā)性。心理學(xué)幫助網(wǎng)站開發(fā)者看清人們的思維如何運(yùn)作。今天，藍(lán)藍(lán)設(shè)計(jì)和大家分享幾條對(duì)網(wǎng)站設(shè)計(jì)師非常有益的建議。

1.太多的選擇等于沒有選擇。

根據(jù)Sheeya Iyengar教授的心理學(xué)研究，我們能夠洞察人們處理多重選擇時(shí)的心理變化。“選擇就是放棄”，Iyengar教授，《選擇的藝術(shù)》的作者這樣總結(jié)說。 社會(huì)心理學(xué)發(fā)現(xiàn)，當(dāng)人們面多過多選擇的時(shí)候，他們的表現(xiàn)非常相似：他們不會(huì)做任何選擇。這就是所謂的“安全選擇”。

結(jié)合到網(wǎng)站設(shè)計(jì)中：

太多需要用戶去點(diǎn)擊的東西，會(huì)讓人覺得混亂。就拿我自己的網(wǎng)站來說，當(dāng)我把兩側(cè)的工具欄撤掉一半之后，注冊(cè)的用戶大大增加。思考你的網(wǎng)站最終、最核心的目的，關(guān)注集中一點(diǎn)，刪掉無關(guān)緊要的點(diǎn)綴和內(nèi)容，直到你的內(nèi)容只剩下最本質(zhì)最重要的內(nèi)容，這樣你的用戶才愿意呆在這里。

2.網(wǎng)站訪問者讀寬屏文字更快，但他們喜歡短屏文字。

聽起來有些矛盾對(duì)么？根據(jù)Mary C. Dyson的“文章屏幕的寬度如何影響讀者心理”，這一實(shí)驗(yàn)，人們之所以喜歡看寬度較窄的文章是因?yàn)槟强雌饋砀娣恍勺x性更高。因?yàn)閯傞_始閱讀，讀 者對(duì)文章的內(nèi)容是不了解的，當(dāng)他們讀了幾行之后，他們可能會(huì)愿意讀些寬屏的文字，因?yàn)樗麄兡茏x得更快。

蘋果的新iOS我們已經(jīng)上手好幾周了，準(zhǔn)備好為它而設(shè)計(jì)嗎？

如果你已經(jīng)有一個(gè)運(yùn)行于此平臺(tái)的App設(shè)計(jì)，你可能打算為新iOS而設(shè)計(jì)，或者在舊版上做一些必要調(diào)整，不論哪種，你都希望為新界面而界面設(shè)計(jì)，確保你的App與用戶在蘋果設(shè)備上的體驗(yàn)相吻合。
那么如何做到這點(diǎn)？

扁平，更加扁平

不知不覺的，很多網(wǎng)頁設(shè)計(jì)中采用了圖標(biāo)式導(dǎo)航（Navigation）——一般使用三道杠作為圖標(biāo)，用以導(dǎo)航界面設(shè)計(jì)。
這種導(dǎo)航的好處是節(jié)省空間，讓界面更簡(jiǎn)潔。

圖標(biāo)式導(dǎo)航的案例

這是YouTube的圖標(biāo)式導(dǎo)航(移動(dòng)版):

我想每個(gè)人都會(huì)贊成，網(wǎng)站設(shè)計(jì)的可用性是它能否受歡迎的一個(gè)重要方面，無論你進(jìn)行的是公司網(wǎng)站、在線商店還是其他，讓你的界面變得容易操控，使用時(shí)令人舒服是關(guān)鍵，近幾年已經(jīng)有很多針對(duì)網(wǎng)站界面設(shè)計(jì)優(yōu)化的研究，而且這些研究的成果對(duì)于提高網(wǎng)站可用性是非常有價(jià)值的。現(xiàn)在這里有10個(gè)超實(shí)用的經(jīng)驗(yàn)分享，相信藍(lán)藍(lán)設(shè)計(jì)，這些建議會(huì)極大地提高你那個(gè)網(wǎng)站的用戶體驗(yàn)，讓用戶愛上你的網(wǎng)站界面設(shè)計(jì)！ 

一、善用人物配圖，使用戶專注于你想呈現(xiàn)的

當(dāng)進(jìn)入你的網(wǎng)站，我們會(huì)本能地關(guān)注網(wǎng)站上人物圖片中的臉和眼睛，這倒是為我們提供了一個(gè)想法，是不是可以用人物配圖吸引小伙伴的注意力呢？當(dāng)然，但這僅是第一步，我們還可以這樣做，你瞧，是不是大不相同！（見下圖）

這是第一步：