首頁

7個(gè)下載UI組件包的網(wǎng)站

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

現(xiàn)在PhotoshopUI設(shè)計(jì)工具包是設(shè)計(jì)師們最喜愛的資源,收藏到一套好的組件包,常常是欣喜若狂呀。
包包們已經(jīng)成為web設(shè)計(jì)者迅速開發(fā)不可或缺的神兵利器,里面往往會(huì)放滿了網(wǎng)站所需要的一切組件,譬如:導(dǎo)航、翻頁、焦點(diǎn)圖、滾動(dòng)條、按鈕、表格、菜單等等!
為了讓大家高興高興,特別整理收集了7個(gè)網(wǎng)站的ui設(shè)計(jì)組件包下載入口,是的!是入口!
里面藏著很多高質(zhì)量的免費(fèi)的UI組件包,藍(lán)藍(lán)設(shè)計(jì)建議您把網(wǎng)址先收藏了,設(shè)計(jì)師們趕緊來看看,都是免費(fèi)的唷。一定可以幫住大家提高ui設(shè)計(jì)服務(wù)能力的,讓您在ui設(shè)計(jì)公司立穩(wěn)腳步,處于不敗之地。

 

1、Dribbble

View UI kits from Dribbble

值得參考的28個(gè)登陸界面設(shè)計(jì)

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

登陸界面設(shè)計(jì)網(wǎng)站設(shè)計(jì)結(jié)構(gòu)中極為重要的一個(gè)頁面,需要優(yōu)秀的外觀設(shè)計(jì)和良好的用戶體驗(yàn)并存。
藍(lán)藍(lán)設(shè)計(jì)這次收集了28個(gè)網(wǎng)站設(shè)計(jì)登陸的界面設(shè)計(jì),充滿創(chuàng)意和智慧,值得參考。

15個(gè)讀取進(jìn)度條的優(yōu)秀設(shè)計(jì)案例

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

讀取進(jìn)度條設(shè)計(jì)的好壞直接影響著App界面設(shè)計(jì)的用戶體驗(yàn),因?yàn)樗梢院侠淼氖鑼?dǎo)用戶等待的焦慮情緒,通過一種有趣的美學(xué)體現(xiàn)程序運(yùn)行的進(jìn)度,這樣用戶就能稍微安心。

在本文中,藍(lán)藍(lán)設(shè)計(jì)收集了一些美妙的手機(jī)App界面設(shè)計(jì),進(jìn)度條設(shè)計(jì)案例,具有不同的風(fēng)格和特性。下面我們來一起欣賞吧:)一定可以幫住大家提高ui設(shè)計(jì)服務(wù)能力的,讓您在ui設(shè)計(jì)公司立穩(wěn)腳步,處于不敗之地。

iOS7 design practice by Muhammad Farhan 純凈的感覺,采用了Flat風(fēng)格的設(shè)計(jì),使用了平化的圖像,精巧的色調(diào),纖細(xì)的字體。碩大的圓環(huán)軌道條占據(jù)了整個(gè)界面的中央,讓數(shù)據(jù)看起來非常的卓越不凡。

ios7-design-practice-by-Muhammad-Farhan

清新脫俗:22個(gè)自然風(fēng)味濃郁的網(wǎng)頁設(shè)計(jì)

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

在進(jìn)行設(shè)計(jì)時(shí),往往我們需要依賴?yán)砟詈蛣?chuàng)意。所有你看到的東西,環(huán)繞在你周圍的事物均可成為你的創(chuàng)意來源。

我們今天的話題是自然風(fēng)味濃郁的網(wǎng)頁設(shè)計(jì)。當(dāng)設(shè)計(jì)缺乏靈感時(shí),不妨出去走走,感受一下自然。溫暖、放松、如家、友好、美麗的自然風(fēng)情畫緩緩的展現(xiàn)在你的眼前,同時(shí)也帶有一點(diǎn)點(diǎn)的神秘與新鮮感。如何在網(wǎng)頁設(shè)計(jì)中加入自然風(fēng)情呢?請看藍(lán)藍(lán)設(shè)計(jì)這22個(gè)網(wǎng)站。一定可以幫住大家提高ui設(shè)計(jì)服務(wù)能力的,讓您在ui設(shè)計(jì)公司立穩(wěn)腳步,處于不敗之地。

Unknown Croatia

Unknown Croatia

的創(chuàng)意進(jìn)度條設(shè)計(jì)

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

以前的進(jìn)度條設(shè)計(jì)以擬物化為主,現(xiàn)在扁平化風(fēng)格流行,連進(jìn)度條也改變咯。這是許多款藍(lán)藍(lán)設(shè)計(jì)收集的進(jìn)度條設(shè)計(jì),很多是Dribble上的作品,應(yīng)潮流而生,想瞧瞧扁平化風(fēng)格的進(jìn)度條是怎樣的,就來看看吧。一定可以幫住大家提高ui設(shè)計(jì)服務(wù)能力的,讓您在ui設(shè)計(jì)公司立穩(wěn)腳步,處于不敗之地。
如果你對擬物化的創(chuàng)意進(jìn)度條更加有興趣,那么來這里瞧瞧《15個(gè)讀取進(jìn)度條的優(yōu)秀設(shè)計(jì)案例》

Progress by yasir wadood

Progress by yasir wadood in 40 Progress Bar Designs for Inspiration

Circular progress bar by Alexandr Ivanov

Circular progress bar by Alexandr Ivanov in 40 Progress Bar Designs for Inspiration

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)格或者小清新的簡約設(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ì)也歡迎您的評論推薦:)

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è)計(jì)、超大號的圖片、聚焦簡潔、響應(yīng)式設(shè)計(jì)、視差滾動(dòng)、強(qiáng)調(diào)字體。
辣!25個(gè)鮮活靈動(dòng)的案例來了,絕對會(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)新大賽評委,看到了很多優(yōu)秀的作品,評分的整個(gè)過程公平透明,5個(gè)評委每人根據(jù)各項(xiàng)指標(biāo)打出分?jǐn)?shù)然后算出平均分……

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

1一定要寫設(shè)計(jì)說明,寫的盡可能清晰。因?yàn)樵谧髌泛芏嗟那闆r下,看每個(gè)作品的時(shí)間有限,如果不寫設(shè)計(jì)說明的話,很容易就翻過去了,無法吸引到足夠的注意力,評委也很難在很短的時(shí)間里了解設(shè)計(jì)者的設(shè)計(jì)意圖,某個(gè)地方的交互設(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ì),雖然冷門。大家看的時(shí)候笑聲不斷,也許是笑有人這么不合時(shí)宜做了這么復(fù)古的東西,怎么用在有幾百萬用戶最有現(xiàn)代感的手機(jī)應(yīng)用程序上呢?誰會(huì)喜歡呢?有誰會(huì)真正下載來應(yīng)用呢。?開始瀏覽第一遍的時(shí)候,我并沒有對這個(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)度,評委們都會(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)站,往往能夠更吸引我們的注意力,讓我們在該網(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ì)軟件后臺管理界面設(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),界面就會(huì)越優(yōu)秀。

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

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

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

日歷

鏈接

個(gè)人資料

存檔