如果你讓藍(lán)藍(lán)設(shè)計與你分享一些這個世界上設(shè)計的最好的網(wǎng)站，那么藍(lán)藍(lán)設(shè)計會毫不猶豫的推薦給你這20個酷炫至極的網(wǎng)站設(shè)計。他們極具設(shè)計感，并不是像扁平化設(shè)計風(fēng)格或者小清新的簡約設(shè)計。恰恰相反，這些網(wǎng)站設(shè)計的設(shè)計者是個歇斯底里的視覺達(dá)人！他們想盡一切辦法讓頁面花哨，讓頁面充滿設(shè)計感！讓頁面的骨子里就打上設(shè)計的烙印！我個人很喜歡這樣的風(fēng)格，因為這是設(shè)計師的游戲規(guī)則，他就是要讓你戳開網(wǎng)站就哇一聲喊出來！怎么樣？迫不及待的要來欣賞了么？一定可以幫住大家提高ui設(shè)計服務(wù)能力的，讓您在ui設(shè)計公司立穩(wěn)腳步，處于不敗之地。

好嘞！開始吧！藍(lán)藍(lán)設(shè)計也歡迎您的評論推薦：）

The X3 Internship Program

藍(lán)藍(lán)設(shè)計 強(qiáng)烈推薦：25個超贊的色塊化、模塊化網(wǎng)頁設(shè)計！
Web 設(shè)計的8大趨勢中，其中就包含了色塊設(shè)計、超大號的圖片、聚焦簡潔、響應(yīng)式設(shè)計、視差滾動、強(qiáng)調(diào)字體。
辣！25個鮮活靈動的案例來了，絕對會有打動你的一個！在這個激動人心的周五，會心收藏吧！

Mercer Tavern

北京藍(lán)藍(lán)設(shè)計   魏華   寫于2014年1.7日

大賽網(wǎng)址：http://design.weather.com.cn/qbzp_design.php

1月7日擔(dān)任中國氣象局天氣通手機(jī)設(shè)計開發(fā)創(chuàng)新大賽評委，看到了很多優(yōu)秀的作品，評分的整個過程公平透明，5個評委每人根據(jù)各項指標(biāo)打出分?jǐn)?shù)然后算出平均分……

如果想在大賽中獲獎有幾點(diǎn)要注意：

1一定要寫設(shè)計說明，寫的盡可能清晰。因為在作品很多的情況下，看每個作品的時間有限，如果不寫設(shè)計說明的話，很容易就翻過去了，無法吸引到足夠的注意力，評委也很難在很短的時間里了解設(shè)計者的設(shè)計意圖，某個地方的交互設(shè)計，圖標(biāo)含義的特別之處。

第二，創(chuàng)新。設(shè)計競賽和平常的設(shè)計不同，有很大一部分是比創(chuàng)新性，原創(chuàng)性。即使創(chuàng)新的設(shè)計無法完全實(shí)施，但是提供了新思路。標(biāo)新立異的設(shè)計，容易引起爭論也容易吸引更多的關(guān)注。這次大賽給我印象最深的其實(shí)是一套青銅器皮膚的app設(shè)計，雖然冷門。大家看的時候笑聲不斷，也許是笑有人這么不合時宜做了這么復(fù)古的東西，怎么用在有幾百萬用戶最有現(xiàn)代感的手機(jī)應(yīng)用程序上呢？誰會喜歡呢？有誰會真正下載來應(yīng)用呢。？開始瀏覽第一遍的時候，我并沒有對這個設(shè)計產(chǎn)生什么好感，畫面灰暗不夠漂亮。但是當(dāng)念設(shè)計說明，設(shè)計說明寫的很長，就有了足夠的時間去體會作者的意圖，發(fā)現(xiàn)他真的是很有想法，很有文化底蘊(yùn)，而且，界面設(shè)計和圖音標(biāo)是用3d來做的，這種手法需要的時間系正常的數(shù)倍。而且能用3d作圖標(biāo)的設(shè)計師很少。漸漸的被作者的創(chuàng)新和付出感動，覺得很棒。

第三，用心付出。從作品中可以看出有一些設(shè)計者，應(yīng)該是專業(yè)設(shè)計師投稿，兩三個畫面設(shè)計的非常棒，但是，沒有寫設(shè)計說明也沒有設(shè)計更多的圖標(biāo)以及頁面。而一些看起來水平中等，也許昰學(xué)生作品，但是做的非常詳細(xì)，又做了交互設(shè)計的動畫，還有全套的圖標(biāo)，有兩個作品甚至開發(fā)了可供下載的小程序以供體驗交互設(shè)計。這非常認(rèn)真的態(tài)度，評委們都會多給支持分。付出時間和精力，在大家都用心的情況下，比別人更多一些付出和情分，勝出的機(jī)會就更多。  

政府類網(wǎng)站的設(shè)計，在你的心里可能是保守、過時的代名詞，你會片面的認(rèn)為此類網(wǎng)站非常的令人厭倦，毫無吸引力。好吧，最開始我也是這么想的，但是后來，所看到的一些政府網(wǎng)站讓我大吃一驚。無論在視覺傳達(dá)，還是在信息傳遞，都做到了最佳，一改保守呆板之形象。

從設(shè)計的角度來考慮，視覺風(fēng)格優(yōu)秀的網(wǎng)站，往往能夠更吸引我們的注意力，讓我們在該網(wǎng)站多“待”一會兒。這是藍(lán)藍(lán)設(shè)計收集的一些富有美學(xué)韻味的政府類網(wǎng)頁設(shè)計。我相信有這些“開拓者”的銳意進(jìn)取，一定會有更多的政府選擇“改頭換面”，重設(shè)計自己的政府網(wǎng)站。

好了，不多說了，一起來看一下吧。

1. Hawaii

藍(lán)藍(lán)設(shè)計 ：產(chǎn)品設(shè)計的原則有點(diǎn)太泛哈，這里想結(jié)合自己的工作心得來小結(jié)一下手機(jī)界面設(shè)計，軟件界面設(shè)計，iPad界面設(shè)計，軟件后臺管理界面設(shè)計的相關(guān)8原則：

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

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

原則2：培養(yǎng)用戶使用情景的思維方式做設(shè)計

要做到這個原則其實(shí)是很難的，需要長期的實(shí)戰(zhàn)經(jīng)驗才能做到這點(diǎn)。
那我們都知道米聊出的比微信早，但后來被微信反超，個人認(rèn)為不光是QQ幫了微信很大忙，比如用戶登錄門檻低，用戶來源，廣告打得響之類的，其實(shí)在用戶使用情景方面米聊研究的沒有微信透徹。

對于一個社交即時通訊產(chǎn)品，添加好友的功能是好友匯聚的來源，雖然米聊微信都綁定手機(jī)通訊錄，但話又說回來，用戶找手機(jī)通訊錄聯(lián)系人語音聊天的還是比較少。添加好友是引導(dǎo)用戶去發(fā)現(xiàn)好友，找好友, 碰好友的一扇門。所以對于這么重要的功能放置在應(yīng)用程序的哪個位置，在產(chǎn)品前期就會讓用戶明顯的去選擇用哪個應(yīng)用，因為聊天工具的前提是要有人和你聊天。再回到現(xiàn)實(shí)的界面中來，看看下面的對比：

不只從何時開始，回顧好像變成了一個傳統(tǒng)，從2008年開始，每到新舊年交界時，我們都會為大家總結(jié)這一年最好的網(wǎng)頁設(shè)計、字體設(shè)計等等，2013年也不例外。在這一年里，我們看到了太多的優(yōu)秀網(wǎng)頁設(shè)計，設(shè)計師們嘔心瀝血的創(chuàng)作，為我們呈現(xiàn)了一場無與倫比的視覺盛宴。那么就讓我們在2014年的第八天，來好好的回顧一下這些優(yōu)秀作品吧，也希望同學(xué)們在2014年身體健康，設(shè)計出更優(yōu)秀的網(wǎng)頁設(shè)計作品，提高自身的整體ui設(shè)計服務(wù)能力，得到ui設(shè)計公司的重用哦！

如果你是一位正在尋求靈感的設(shè)計師，不妨抽個時間，把藍(lán)藍(lán)設(shè)計歷年的總結(jié)都看一看，說不定會有意外驚喜呦

iCodeLabs

最近，你會發(fā)現(xiàn)大家都在討論扁平化網(wǎng)頁設(shè)計。每個人都想要它，因為它很酷，是目前的主流趨勢。扁平化設(shè)計，因其簡單性和關(guān)注用戶，去除了很多網(wǎng)站的不必要的元素，例如沉重的背景圖片，漸變，斜面和其他一切使空間雜亂的東西。

在藍(lán)藍(lán)設(shè)計這篇文章中，你可以看到許多華麗的扁平化網(wǎng)頁設(shè)計作品，希望您會喜歡這個集合。希望給廣大設(shè)計師的ui設(shè)計帶來質(zhì)的的提供，使大家的ui設(shè)計服務(wù)能力整體提供。

Tynan D’Arcy

藍(lán)藍(lán)設(shè)計繼續(xù)關(guān)注鮮好用的UI設(shè)計素材，并且分享給童鞋們，希望這些優(yōu)質(zhì)免費(fèi)的UI素材，可以幫住大家提高ui設(shè)計服務(wù)能力的，讓您在ui設(shè)計公司立穩(wěn)腳步，處于不敗之地。有的WIN 8 以及 IOS 7 UI素材，歡迎童鞋們打包下載，分享到評論。藍(lán)藍(lán)設(shè)計 深深感謝  : ）

touch50px UI Kit

按鈕是網(wǎng)頁設(shè)計最重要的組成元素之一，是用戶和網(wǎng)站進(jìn)行交互的重要橋梁。要設(shè)計出優(yōu)秀的按鈕是一件非常困難的事情，需要提供設(shè)計師的整體ui設(shè)計能力。因為設(shè)計師們需要從整體設(shè)計的角度考慮按鈕設(shè)計成什么樣的風(fēng)格才能和頁面的其它部分很好的融合，同時按鈕的設(shè)計要操持風(fēng)格的一致性。下面藍(lán)藍(lán)設(shè)計和大家分享網(wǎng)頁中15個迷人的按鈕設(shè)計案例，一起欣賞。相信可以幫住大家提高ui設(shè)計服務(wù)能力的，讓您在ui設(shè)計公司立穩(wěn)腳步，處于不敗之地。

Radio fm buttons

曾經(jīng)，CSS 畫廊非常流行，網(wǎng)頁設(shè)計師們會定期訪問這些網(wǎng)站獲取靈感。現(xiàn)在仍然可以方便迅速找到令人興奮的東西（例如 Dribbble 和 Behance 對設(shè)計有很大的幫助）。

對于移動應(yīng)用程序界面設(shè)計，如何提高界面設(shè)計服務(wù)能力。存在類似的畫廊，藍(lán)藍(lán)設(shè)計相信他們會更加有用。這是因為如果不安裝移動應(yīng)用程序，靈感更難獲得，也更需要時間和努力。這些畫廊有很多漂亮的應(yīng)用程序用戶界面設(shè)計，并進(jìn)行了很好的分類。趕緊收藏吧！一定可以幫住大家提高ui設(shè)計服務(wù)能力的，讓您在ui設(shè)計公司立穩(wěn)腳步，處于不敗之地。

Creattica – Mobile Interface

Creattica 是一個靈感畫廊，展示最好的網(wǎng)站設(shè)計，標(biāo)志設(shè)計，平面設(shè)計，攝影，作品。

Lovely UI