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

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

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

1、The Daily Beast

鼓勵用戶一直往下瀏覽

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

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

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

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

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

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

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

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

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

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

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

聽起來有些矛盾對么？根據(jù)Mary C. Dyson的“文章屏幕的寬度如何影響讀者心理”，這一實驗，人們之所以喜歡看寬度較窄的文章是因為那看起來更舒服一些，可讀性更高。因為剛開始閱讀，讀 者對文章的內(nèi)容是不了解的，當(dāng)他們讀了幾行之后，他們可能會愿意讀些寬屏的文字，因為他們能讀得更快。

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

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

扁平，更加扁平

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

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

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

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

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

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

這是第一步：

年尾總結(jié)年初預(yù)測已經(jīng)成為了多數(shù)人的習(xí)慣。2013年很多人以為世界真的會末日，我們真的看不到2014年的日出，但是事情并沒有發(fā)生， 我們順利的活到了2014年，那么今年的網(wǎng)頁設(shè)計領(lǐng)域又有什么新的發(fā)展呢？是延續(xù)經(jīng)典還是推陳出新？通過大師的預(yù)測，我們發(fā)現(xiàn)了一些蛛絲馬跡，那么今天藍(lán)藍(lán)設(shè)計就來給大家分享一下這些寶貴的信息！如果你有什么想法記得在下方的評論里告訴我們呦~

01. 先進(jìn)的雜志式布局

藍(lán)藍(lán)很喜歡這篇文章！道理都懂，文章寫的精致，例子找的也讓人信服。

　　曾經(jīng)臺灣有本書《改變?nèi)松某掷m(xù)術(shù)》，書中的核心是持續(xù)良好的行動亦將此行動化為習(xí)慣，就能改變?nèi)松?。這些大白話，相信很多人都知道。下面是其中俞敏洪一段話。

　　要做一滴水，每一條河流都有它不同的路徑，都有它不同的過程，但是它會想盡一切辦法達(dá)到它的目標(biāo)–大海。黃河九曲十八彎，那時因為它要繞過重重阻礙流向大海！也許在路上會經(jīng)過大山當(dāng)?shù)溃瑫袘已庐?dāng)?shù)?，哪怕從懸崖上掉下在摔得粉身碎骨，它也會想盡一切辦法再重新匯聚起來，流向大海。我們不能作泥沙，泥沙會在隨水流動的過程中，沉在河底，慢慢消逝，而唯有水才會不顧一切的無論如何的奔向那只屬于大海的最偉大最美麗的蔚藍(lán)色！

　　這些其實都是扯蛋的引言，其實可以直接忽略。相信大多數(shù)我覺得這是偽勵志的話語。道理誰不知道，都是成年人。應(yīng)該都完全具有自己獨(dú)立的思考能力。

持續(xù)與重復(fù)勞動？

　　在任何勵志話語面前，做為具有獨(dú)立思考的個體。首先要明白話語中說的東西有什么用。而不是因為他（她）是名人的盲目崇拜。

　　當(dāng)然持續(xù)不意味著不思進(jìn)取的重復(fù)勞動，兩者是有本質(zhì)的區(qū)別。

同樣做界面設(shè)計

A君——界面設(shè)計——關(guān)注一像素變化——用戶心理——市場反映——反饋修正

　?。ㄏＭ看蔚脑O(shè)計都能思考深一點，也不期望有質(zhì)的飛躍。就是比上一次想的多點）

B君——界面設(shè)計——界面設(shè)計——界面設(shè)計

　　（活干完完事，恨不得將一個成功案例不斷復(fù)制到不同的項目）