一、門票：大門票產(chǎn)生大印象

讀者特利發(fā)給我們一張他設(shè)計的洗車券，這張洗車券是他希望為他兒子的游泳隊籌集在游泳池訓(xùn)練的各種費用而舉行的一次洗車籌款，而它的有趣之處就在于其尺寸相當(dāng)搶眼：

沒有人會對它視而不見：這張洗車券是一般門票尺寸的兩倍之大，界面設(shè)計起來也很容易，從視覺上也非常能吸引有興趣的消費者。大圖片及大標(biāo)題使這張洗車券產(chǎn)生一張海報的視覺效果，效果當(dāng)然不錯。

PS是ui設(shè)計領(lǐng)域最著名的軟件之一，是修圖、美顏的神器不二神器。作為一個網(wǎng)頁設(shè)計師，我早在學(xué)校里就學(xué)過PS，制作過許多網(wǎng)站設(shè)計、界面設(shè)計案例，不過我已經(jīng)畢業(yè)兩年了…歲月如刀，刀刀催人老啊…現(xiàn)今的PS不斷進(jìn)化，衍生出了很多新的功能，而我呢，也跟著PS一同成長，學(xué)到了不少新知識~ 那么朋友們和藍(lán)藍(lán)設(shè)計一起學(xué)習(xí)這8個不簡單的PS小技巧吧！

不是經(jīng)常有同學(xué)問去哪里尋找網(wǎng)頁界面設(shè)計的靈感么？告訴你吧，就是在這些網(wǎng)頁靈感畫廊里喲！用靈動的CSS打造的靈感畫廊遍及網(wǎng)絡(luò)，已有十多年的歷史，在浩瀚如海的網(wǎng)頁圖集中，總有某些站點觸動著網(wǎng)頁設(shè)計師的深處，激發(fā)著他們的靈感。本文試圖對這些充滿靈感的畫廊網(wǎng)站進(jìn)行匯總。這些采用CSS3+HTML5制作的一流網(wǎng)站，通常都有專門的主題或者特定的內(nèi)容形式，均遵循了響應(yīng)式設(shè)計和移動至上的理念。

藍(lán)藍(lán)設(shè)計這里收集了許多例風(fēng)格精美、內(nèi)容豐富的CSS靈感畫廊，每一個網(wǎng)站都很專業(yè)，收集了各式各樣的優(yōu)秀網(wǎng)頁設(shè)計。
ui設(shè)計師經(jīng)常需要尋找資源，圖像、素材、靈感都是不可或缺的。不妨閑暇時間看看這些畫廊，相信一定能夠啟發(fā)靈感應(yīng)用到到你的界面設(shè)計中。

RWD JP

互聯(lián)網(wǎng)信息時代，很多內(nèi)容為主的網(wǎng)站都信息過載，這導(dǎo)致了載入速度過慢。電商網(wǎng)站如此，新聞類網(wǎng)站也是如此，而一些設(shè)計師作品集網(wǎng)站或者設(shè)計機構(gòu)的網(wǎng)站也是如此，老實說，作為設(shè)計師，應(yīng)該避免信息過載現(xiàn)象的出現(xiàn)。而一旦你掌握這些技巧，那么你離高薪酬的資深ui設(shè)計師也就不遠(yuǎn)咯。

內(nèi)容主導(dǎo)的頁面布局會自然而然的繁雜、問題多，設(shè)計這種網(wǎng)站的過程，也是一個艱難的挑戰(zhàn)，而且網(wǎng)站設(shè)計擁有者的目的是想給用戶提供更多的信息，信息會越來越多。當(dāng)然，可以聽聽專家指導(dǎo)，堅持一些亙古不變的界面設(shè)計原則，來確保布局的組織良好和架構(gòu)分明，這就能減少很多不必要的繁雜。

今天藍(lán)藍(lán)設(shè)計涵蓋了一堆信息量大，但是卻不雜亂的網(wǎng)頁設(shè)計，具備愉悅的即視感。不吹牛，您可以挨個點看感受一下：）

Action Film 
相當(dāng)復(fù)雜的網(wǎng)站，但是在布局上很聰明將一堆小視頻組織的條理分明。登錄頁分成好幾條線，是的多媒體側(cè)邊欄。

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

人非圣賢，孰能無過?；ヂ?lián)網(wǎng)產(chǎn)品面向的用戶群體是多種多樣的，不同的教育背景，不同的行為習(xí)慣，這些都使得用戶真實的操作和產(chǎn)品設(shè)計時的設(shè)想會出現(xiàn)一定的出入。

近些年，隨著移動互聯(lián)網(wǎng)時代的到來，用戶會在各種千奇百怪的應(yīng)用場景和環(huán)境中去使用產(chǎn)品。坐著還是躺著？在公交上還是在廁所里？處于安靜的環(huán)境還是嘈雜的環(huán)境？這些復(fù)雜多樣的使用場景使得針對用戶操作錯誤而進(jìn)行的錯誤反饋設(shè)計變得尤為重要。

產(chǎn)品錯誤反饋設(shè)計舉例

為一本簡易的UI模式參考書，《移動應(yīng)用UI設(shè)計模式》非常適合移動應(yīng)用開發(fā)人員、UI設(shè)計師閱讀，還沒買的同學(xué)們可以看看這本書關(guān)于移動UI設(shè)計中導(dǎo)航模式的經(jīng)驗分享。

正如精良的設(shè)計一樣，優(yōu)秀的導(dǎo)航也大象無形。不管是瀏覽好友信息，還是租賃汽車，完美的導(dǎo)航界面設(shè)計能讓用戶根據(jù)直覺使用應(yīng)用程序，也能讓用戶非常容易地完成 所有任務(wù)。一款應(yīng)用的導(dǎo)航可以被設(shè)計成各種樣式，但藍(lán)藍(lán)設(shè)計想著重介紹６種主要的導(dǎo)航模式，也就是主菜單的導(dǎo)航模式。

最近幾年，網(wǎng)頁設(shè)計發(fā)生了翻天覆地的變化，現(xiàn)代設(shè)計的趨勢從擬物化逐漸向扁平化轉(zhuǎn)移，所以從最近瀏覽的網(wǎng)頁中我們可以發(fā)現(xiàn)，網(wǎng)站里的字體變多了，變大了，網(wǎng)頁都是以內(nèi)容為主，最重要的是，網(wǎng)頁登陸速度迅速了許多。

而這一切的改變給用戶帶來了清新、整潔、干凈的體驗。今天藍(lán)藍(lán)設(shè)計為大家整理了一些以清新、干凈為主題的網(wǎng)站界面設(shè)計，它們都用自己的方式詮釋了對扁平化的理解，趕緊來看看吧~

Themes Kingdom

表單的界面設(shè)計是由許多細(xì)小的元素所組合而成的集合體，標(biāo)題和輸入框的排列方式有著重要的地位，標(biāo)題要放在輸入框的左側(cè)還是上面？要靠左還是靠右？要怎么排列才能提高表單的完成率呢？藍(lán)藍(lán)設(shè)計表單元素ui設(shè)計大揭密!

標(biāo)題和輸入框常見的排列方式

1. 放在輸入框左邊，而且靠左對齊

圖表是數(shù)據(jù)圖形化的表示，通過形象的圖表來展示數(shù)據(jù)，比如條形圖，折線圖，餅圖等等?？梢暬瘓D表可以幫助開發(fā)者更容易理解復(fù)雜的數(shù)據(jù)，提高生產(chǎn)的效率和Web應(yīng)用和項目的可靠性。

在這篇文章中，藍(lán)藍(lán)設(shè)計收集了值得網(wǎng)站設(shè)計開發(fā)者收藏的JavaScript圖形圖表庫，適合各種圖表需求。其中大部分都是免費而且開源的，希望大家能在下面的列表中找到適合自己需求的JavaScript圖表和圖形庫。

1.  JS Charts