首頁

20個設(shè)計(jì)感十足的奇妙網(wǎng)站欣賞

藍(lán)藍(lán)設(shè)計(jì)的小編

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

好嘞!開始吧!藍(lán)藍(lán)設(shè)計(jì)也歡迎您的評論推薦:)

The X3 Internship Program

25個超贊的色塊化、模塊化網(wǎng)頁

藍(lán)藍(lán)設(shè)計(jì)的小編

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

Mercer Tavern

View the live website design

想在設(shè)計(jì)大賽中獲獎有幾點(diǎn)要注意

藍(lán)藍(lán)設(shè)計(jì)的小編

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

點(diǎn)擊查看原圖

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

 

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

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

1一定要寫設(shè)計(jì)說明,寫的盡可能清晰。因?yàn)樵谧髌泛芏嗟那闆r下,看每個作品的時間有限,如果不寫設(shè)計(jì)說明的話,很容易就翻過去了,無法吸引到足夠的注意力,評委也很難在很短的時間里了解設(shè)計(jì)者的設(shè)計(jì)意圖,某個地方的交互設(shè)計(jì),圖標(biāo)含義的特別之處。

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

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

緊跟潮流的政府機(jī)構(gòu)類網(wǎng)頁設(shè)計(jì)欣賞

藍(lán)藍(lán)設(shè)計(jì)的小編

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

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

 

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

1. Hawaii

Hawaii

優(yōu)秀手機(jī)應(yīng)用設(shè)計(jì)需要遵循的8大原則

藍(lán)藍(lán)設(shè)計(jì)的小編

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

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

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

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

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

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

視覺盛宴!想知道2013年最漂亮網(wǎng)站是哪些么?

藍(lán)藍(lán)設(shè)計(jì)的小編

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

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

iCodeLabs

iCodeLabs

新鮮漂亮的扁平化網(wǎng)站設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

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

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

Tynan D’Arcy

30.-flat-design

35款新鮮、免費(fèi)的優(yōu)質(zhì)扁平化UI素材

藍(lán)藍(lán)設(shè)計(jì)的小編

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

touch50px UI Kit

touch50px UI Kit by Angelo in 35 Fresh, Free and Flat UI Kits

那些迷人的按鈕設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

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

Radio fm buttons

一組獲取手機(jī)應(yīng)用程序設(shè)計(jì)靈感的網(wǎng)站

藍(lán)藍(lán)設(shè)計(jì)的小編

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

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

Creattica – Mobile Interface

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

Creattica - Mobile Interface

Lovely UI

日歷

鏈接

個人資料

存檔