曾經(jīng)有一段時間，大伙兒都在努力把網(wǎng)頁設(shè)計內(nèi)容全部塞進(jìn)首屏。今時不同往日，網(wǎng)站設(shè)計師和開發(fā)者們不再害怕滾屏，而是將背景漸進(jìn)展示、頁面元素動畫以及其它基于滾屏動作的酷炫效果融入其中，把滾屏當(dāng)作一個吸引訪客的絕佳靚點的界面設(shè)計來好好展現(xiàn)。

為了給親們帶來新的靈感，藍(lán)藍(lán)設(shè)計特意收集了一系列把滾屏玩出新花樣的網(wǎng)站設(shè)計，跟我來感受一下吧！

Hot Dot

所有網(wǎng)站設(shè)計，無論是官方、電子商務(wù)、社會化網(wǎng)絡(luò)還是個人站點，都應(yīng)該設(shè)計一個恰到好處的“關(guān)于”頁面，直截了當(dāng)?shù)馗嬖V到訪者，為什么要浪費他們寶貴的時間瀏覽你的網(wǎng)站。

藍(lán)藍(lán)設(shè)計：這是一篇老文章，不過寫得還算實用，大家可以了解一下界面設(shè)計思路

一、為什么要有“關(guān)于”頁面

不要讓用戶思考！

1、向瀏覽者傳達(dá)本站的價值，留住用戶
2、始終提醒自己站點的主旨，不要跑題

二、起什么名

“關(guān)于”頁面存在的目的就是盡快讓瀏覽者找到網(wǎng)站的方向，或者作為進(jìn)一步補(bǔ)充，比如陳列相比競爭對手而言，自己的優(yōu)勢和特色。所以名字越簡單、越樸 素就越好。

典型的門戶的名字比較傳統(tǒng)，因為它們無人不曉。比如網(wǎng)易的“公司簡介”，谷歌的“Google大全”。

大眾、平易近人的網(wǎng)站往往都稱呼為“關(guān)于我們”，比如嘀咕、phpChina；“關(guān)于+網(wǎng)站名稱”的類型也不在少數(shù)，比如豆瓣和支付寶。

個人站點比較簡約，兩個字搞定：“關(guān)于”。人人網(wǎng)等很多社會化網(wǎng)絡(luò)站點也是如此。

多數(shù)國外站點同上，比如“about Flickr”、“about us”、“about”。

三、放在哪里

標(biāo)題、標(biāo)識、內(nèi)容或知名度非常強(qiáng)的網(wǎng)站放在頁腳。
這些類型的網(wǎng)站要么你們熟知，要么一眼就能看出它講的是什么。比如新浪微博，淘寶。

小站點，比如個人站點、博客，或者全新的網(wǎng)站，有必要顯性地“通告”瀏覽者本站的導(dǎo)向和意圖（以期靠好奇心留住訪客），放在頁首。

PMCaff成立不久，導(dǎo)航干凈明晰。如圖01

最近，你會發(fā)現(xiàn)大家都在討論扁平化網(wǎng)頁設(shè)計。每個人都想要它，因為它很酷，是目前的主流趨勢。扁平化界面設(shè)計，因其簡單性和關(guān)注用戶，去除了很多網(wǎng)站設(shè)計的不必要的元素，例如沉重的背景圖片，漸變，斜面和其他一切使空間雜亂的東西。現(xiàn)在，所有的注意力都集中在良好的排版，高品質(zhì)的圖像，清晰的文本，完全兼容所有主流瀏覽器和屏幕尺寸。正在使用的大公司，如微軟，谷歌或蘋果，因此很容易理解為什么這種風(fēng)格的在設(shè)計界會有巨大的采用率。

在藍(lán)藍(lán)設(shè)計這篇文章中，你可以看到許多華麗的扁平化網(wǎng)頁設(shè)計作品，希望您會喜歡這個集合。

Tynan D’Arcy

對預(yù)算低的企業(yè)或者剛開始有意建網(wǎng)站的同學(xué)，使用一個高質(zhì)量的網(wǎng)站設(shè)計模板能大大減少時間，讓珍貴的時間磨在刀刃上。今天藍(lán)藍(lán)設(shè)計一些專業(yè)的網(wǎng)站設(shè)計里收集了20款由專業(yè)ui設(shè)計師打造的高質(zhì)量網(wǎng)站界面設(shè)計模板，如果你正好需要，點進(jìn)那個優(yōu)雅的鏈接

Modus Versus

網(wǎng)頁設(shè)計的風(fēng)格多種多樣，但插圖風(fēng)永遠(yuǎn)不過時。插圖可以讓ui設(shè)計師盡情地表現(xiàn)他們自己豐富的創(chuàng)造力和想象力，將插圖運用于設(shè)計之中也會使網(wǎng)頁變得更具有趣味性。今天藍(lán)藍(lán)設(shè)計搜集了15例運用插圖的網(wǎng)頁界面設(shè)計案例，一起來感受一下這些設(shè)計師們的創(chuàng)意吧！

Abby Putinski

我們都想擁有很棒的網(wǎng)站的界面設(shè)計，想讓其他人在看到我們的網(wǎng)站時眼前一亮。 如果他們喜歡的話，還會再次點擊瀏覽或者分享給他的朋友們。這就是好網(wǎng)站的魅力所在！

我們不但要會運用HTML5，CSS3和其他復(fù)雜的語言，也應(yīng)該會利用基礎(chǔ)技巧打造自己的網(wǎng)站。我敢說很多網(wǎng)頁設(shè)計者或開發(fā)者都難以解決CSS3語言無法在IE瀏覽器中像在其他瀏覽器一樣正常顯示的問題。
這是個嚴(yán)肅的問題。如果網(wǎng)頁無法顯示，那還有什么意義呢？誰想要一直花時間解決錯誤漏洞呢？如果你的客戶沒有一筆很大的預(yù)算，但你還是想做出很棒的網(wǎng)頁來，該怎么辦？

你要學(xué)會打造一個簡單的網(wǎng)站，同時又能保證瀏覽量。這有很多可以實現(xiàn)的方法。藍(lán)藍(lán)設(shè)計以下的幾點都可以為建成基礎(chǔ)又美觀的網(wǎng)站助你一臂之力。

1. 巧用動畫

作為一名設(shè)計師，每年都會沉浸在一些新的設(shè)計趨勢中興奮不已。接下來，藍(lán)藍(lán)設(shè)計將探尋2014年的界面設(shè)計趨勢，這絕對是意義非凡的事情。Web設(shè)計師必須洞悉所有相關(guān)領(lǐng)域的新趨勢，緊跟時尚潮流。

這些新趨勢讓設(shè)計變得妙趣橫生。但是很多專家還會倡導(dǎo)那些并非最時髦、最震撼世界的ui設(shè)計。當(dāng)然，響應(yīng)式設(shè)計不僅去年是熱點，今年依然還會被人們重視。同樣，柵格化設(shè)計作為最基本的設(shè)計，也會被繼續(xù)延續(xù)下去。

這次，我想探索一下那些逐漸發(fā)展起來的設(shè)計潮流。也許過去我們只是偶爾嘗試一下這些設(shè)計風(fēng)格，但是今年我們會真正關(guān)注它們。

更多留白/負(fù)空間

藍(lán)藍(lán)設(shè)計是從職場方面分享一些展示設(shè)計方案的經(jīng)驗，如何使甲方看懂你的界面設(shè)計也是門學(xué)問，如果你是ui設(shè)計新手，也可以在《PS新手教程：變換角度！讓你的設(shè)計稿更上檔次》學(xué)到好東西。

像一個常勝將軍一樣信心十足的展示你的線框圖

在我兼職制作 UXPin（用戶體驗設(shè)計平臺）之前我一直都是全職做著 UX Designer和UX Manager。興奮的創(chuàng)作過程和臭名昭著的壓力交錯在我的生活里，而且讓人感覺最殘酷的事情就是被拒絕的感覺。

產(chǎn)品設(shè)計的原則有點太泛哈，藍(lán)藍(lán)設(shè)計這里想結(jié)合自己的工作心得來小結(jié)一下手機(jī)無線設(shè)計8原則：

原則1：用戶界面應(yīng)該是基于用戶的心里模型，而不是基于工程實現(xiàn)模型

就是把后臺本來很復(fù)雜的事情通過設(shè)計符合用戶日常生活中常用的瀏覽方式或操作方式。其實這一點是設(shè)計師把生活中的細(xì)節(jié)和數(shù)據(jù)結(jié)合的凝聚點，用戶的心理模型抓的越準(zhǔn)，界面就會越優(yōu)秀。

#左邊界面#：大眾點評新版的價格的搜索就比之前改得更符合用戶心里模型；

排版的基本功大家掌握多少呢，那么今天藍(lán)藍(lán)設(shè)計就和朋友們分享一下收集到的排版的10個基本功，希望對朋友們的ui設(shè)計有所幫助！

1、多花些時間

挑選合適的字體需要花費大量時間。但是不要一遍又一遍地讓自己陷入對同一類型的字體挑選中。因為人們往往習(xí)慣于從自己熟悉的字體或者偏愛的字體開始。多花些時間去發(fā)現(xiàn)探索新的類型，這樣你才能慢慢地發(fā)現(xiàn)自己對一種字體的細(xì)微差別的敏銳度，真正地讓字體自己告訴你合適不合適。

2、不要使用過多的字體

如果你的一個頁面里有十種不同的字體，那么你的排版一定會很難看。控制自己使用越少的字體，將會讓你的頁面脫穎而出。同時你也可以在字體的大小、重量和其它方面創(chuàng)造更多的對比變化。

3、不要盲目趕潮流