首頁

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

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

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

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

The X3 Internship Program

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

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

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

Mercer Tavern

View the live website design

想在設(shè)計(jì)大賽中獲獎(jiǎng)有幾點(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)新大賽評(píng)委,看到了很多優(yōu)秀的作品,評(píng)分的整個(gè)過程公平透明,5個(gè)評(píng)委每人根據(jù)各項(xiàng)指標(biāo)打出分?jǐn)?shù)然后算出平均分……

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

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

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

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

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

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

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

從設(shè)計(jì)的角度來考慮,視覺風(fēng)格優(yōu)秀的網(wǎng)站,往往能夠更吸引我們的注意力,讓我們?cè)谠摼W(wǎng)站多“待”一會(huì)兒。這是藍(lán)藍(lán)設(shè)計(jì)收集的一些富有美學(xué)韻味的政府類網(wǎng)頁設(shè)計(jì)。我相信有這些“開拓者”的銳意進(jìn)取,一定會(huì)有更多的政府選擇“改頭換面”,重設(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ì),軟件后臺(tái)管理界面設(shè)計(jì)的相關(guān)8原則:

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

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

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

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

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

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

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

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

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

iCodeLabs

iCodeLabs

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

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

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

藍(lán)藍(lán)設(shè)計(jì)這篇文章中,你可以看到許多華麗的扁平化網(wǎng)頁設(shè)計(jì)作品,希望您會(huì)喜歡這個(gè)集合。希望給廣大設(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素材,歡迎童鞋們打包下載,分享到評(píng)論。藍(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í)按鈕的設(shè)計(jì)要操持風(fēng)格的一致性。下面藍(lán)藍(lán)設(shè)計(jì)和大家分享網(wǎng)頁中15個(gè)迷人的按鈕設(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ì)師們會(huì)定期訪問這些網(wǎng)站獲取靈感?,F(xiàn)在仍然可以方便迅速找到令人興奮的東西(例如 Dribbble 和 Behance 對(duì)設(shè)計(jì)有很大的幫助)。

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

Creattica – Mobile Interface

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

Creattica - Mobile Interface

Lovely UI

日歷

鏈接

個(gè)人資料

存檔