首頁

10套精美的免費(fèi)網(wǎng)站后臺(tái)管理系統(tǒng)模板

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

Admin Panel Template

這個(gè)后臺(tái)管理模板的導(dǎo)航設(shè)計(jì)非常漂亮,頭部還有未讀的短消息和提醒的條數(shù)顯示。

Admin Panel Template

在線演示     PSD下載     HTML&CSS下載

 

Charisma Admin Template

Charisma 是基于 Twitter Bootstrap 制作的響應(yīng)式網(wǎng)站管理后臺(tái)模板,包含9套漂亮的主題。

Charisma Admin Template

在線演示     免費(fèi)下載

精心挑選:推薦6套精美的免費(fèi) jQuery UI 主題

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

Selene

Selene 是另外一套色彩亮麗的 jQuery UI 主題,包含所有 jQuery UI 組件的主題樣式。

Selene

 

Delta

一套非常美觀的 jQuery UI  主題,使用了 CSS3 漸變特性,在暗色和亮色背景都適合。

Delta jQuery UI Theme

創(chuàng)建非對(duì)稱的平衡:談?wù)劸W(wǎng)頁設(shè)計(jì)中的不對(duì)稱設(shè)計(jì)技巧

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

不對(duì)稱是對(duì)稱的反面,但并不意味著不對(duì)稱就缺少平衡與和諧。不對(duì)稱的設(shè)計(jì)技術(shù)可以在視覺上引人入勝,為內(nèi)容創(chuàng)建出重要程度不同的差異性。這篇文章分享一組鼓舞人心的例子,介紹了不對(duì)稱設(shè)計(jì)在網(wǎng)頁中的使用技巧。

大多數(shù)人想到的對(duì)稱性都是一種自然發(fā)生的現(xiàn)象,其實(shí)不對(duì)稱也是一種自然現(xiàn)象,例如人都是顯性的左撇子或右撇子。不對(duì)稱設(shè)計(jì)的用途也非常廣泛,常用來突出重點(diǎn),讓人的視線自然的被吸引到焦點(diǎn)上面。

大多數(shù)人想到的對(duì)稱性都是一種自然發(fā)生的現(xiàn)象,其實(shí)不對(duì)稱也是一種自然現(xiàn)象,例如人都是顯性的左撇子或右撇子。不對(duì)稱設(shè)計(jì)的用途也非常廣泛,常用來突出重點(diǎn),讓人的視線自然的被吸引到焦點(diǎn)上面。

不對(duì)稱設(shè)計(jì)的應(yīng)用

  什么樣的項(xiàng)目可以受益于非對(duì)稱設(shè)計(jì)?簡單地說,幾乎所有的項(xiàng)目都可以。這項(xiàng)技術(shù)如果能夠合理運(yùn)用,將會(huì)給項(xiàng)目增強(qiáng)對(duì)比度和差異性。其關(guān)鍵是要元素的組織和排布以達(dá)到非對(duì)稱的平衡。

  在網(wǎng)頁設(shè)計(jì)中,對(duì)稱通常都是指水平對(duì)稱,而不對(duì)稱都是指首屏部分的內(nèi)容,即用戶不用拖動(dòng)滾動(dòng)條就能看到的那部分。最常用的不對(duì)稱設(shè)計(jì)都是把對(duì)稱的元素組合在一起,重新排布,下面是幾個(gè)不對(duì)稱設(shè)計(jì)的示例。

 

 

Q+ Web 改版設(shè)計(jì)小結(jié)

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

  WebQQ1.0最初以IM工具進(jìn)入用戶的視野,2.0標(biāo)志著WebQQ華麗轉(zhuǎn)身為平臺(tái)型產(chǎn)品,3.0是我們?cè)谏罨瘧?yīng)用平臺(tái)概念的定型,縱觀webQQ的演化,其獨(dú)特的產(chǎn)品形態(tài)一直被業(yè)內(nèi)各競爭對(duì)手所仿效。 Q+Web的到來,我們將以更成熟的姿態(tài)擁抱變化,更強(qiáng)調(diào)平臺(tái)體驗(yàn)的優(yōu)化。我們總結(jié)了中間的各種反復(fù)和挑戰(zhàn),并希望以此積蓄經(jīng)驗(yàn)和力量。

 

網(wǎng)頁中的平面構(gòu)成

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

什么東西都離不開基礎(chǔ),建房子需要地基,解方程式需要先學(xué)會(huì)乘法表,唱歌需要先會(huì)“哆、來、咪”。頁面設(shè)計(jì) 也同樣需要基礎(chǔ),這個(gè)基礎(chǔ)就是平面 構(gòu)成。 網(wǎng)頁設(shè)計(jì) 風(fēng)格種多樣,除去一些場景化設(shè)計(jì) 和給力的素材支持,剩下的就全靠平面構(gòu)成和排版了。剛開始接觸網(wǎng)頁設(shè)計(jì) 的時(shí)候,常常會(huì)鉆到某個(gè)局部中去,頁面風(fēng)格還沒出現(xiàn),就開始做字體細(xì)節(jié),結(jié)果可想而知咯。經(jīng)過一段時(shí)間的學(xué)習(xí)和實(shí)踐,發(fā)現(xiàn)原來做網(wǎng)頁跟繪畫是一樣,先把內(nèi)容和想法都丟上去,排布出整體風(fēng)格(這里就需要的是平面構(gòu)成排版能力啦),然后再慢慢細(xì)化各部分內(nèi)容。

一、基礎(chǔ)中的基礎(chǔ):點(diǎn)、線、面

點(diǎn)構(gòu)成線,線構(gòu)成面,這些是平面構(gòu)成中的基本要素,也是所有平面設(shè)計(jì) 的基本要素。那么將這些基礎(chǔ)中的基礎(chǔ)運(yùn)用在網(wǎng)頁設(shè)計(jì)中,又是怎樣的效果呢? 點(diǎn)、線、面這三個(gè)東西不單純的指一個(gè)點(diǎn)、一根線、一個(gè)平面。我們要善于利用文字和圖形的排布,為自己的網(wǎng)頁增添效果。網(wǎng)頁中的每一個(gè)文字,每一個(gè)點(diǎn),每一個(gè)圖形都是這個(gè)網(wǎng)頁的組成元件,文字可組成圖形,圖形也可組成文字,這些都不是限定死的。

網(wǎng)頁中的平面構(gòu)成

讓人感動(dòng)的設(shè)計(jì),紅點(diǎn)最佳概念設(shè)計(jì)獎(jiǎng)”Blade a Blade Safe Agua”

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

讓人感動(dòng)的設(shè)計(jì),紅點(diǎn)最佳概念獎(jiǎng)

讓人感動(dòng)的設(shè)計(jì),紅點(diǎn)最佳概念獎(jiǎng)”Blade a Blade Safe Agua”

之所以說Blade a Blade(巴爾德,西班牙語“桶”的意思),是因?yàn)樵谶@個(gè)世界上,還有很多地區(qū)因?yàn)闉?zāi)難、戰(zhàn)亂、經(jīng)濟(jì)、政治和基礎(chǔ)設(shè)施落后貧困,甚至沒有我們已經(jīng)習(xí)以為常的自來水,水車運(yùn)送來的水,用大大小小的容器裝著使用,不方便的同時(shí),也不衛(wèi)生。而”Blade a Blade Safe Agua”為這些地區(qū)的人們考慮,可以與任何容器連接使用,使全球46%沒有自來水的人們享用便利、健康的自來水。文末視頻更好的詮釋。
“Blade a Blade Safe Agua”是一種便攜式龍頭,可以與任何容器連接,而且成本低廉,使用非常方便,通過虹吸原來,將水從容器中引出,通過龍頭結(jié)構(gòu)設(shè)計(jì),可以調(diào)節(jié)水流大小以及開關(guān)功能,僅單手就可以操作,另一個(gè)重要的好處,就是在這些用水不便的地區(qū)可以更好的節(jié)省水資源。因此”Blade a Blade Safe Agua”也獲得了紅點(diǎn)概念設(shè)計(jì) 獎(jiǎng),綠色設(shè)計(jì)最佳獎(jiǎng)!當(dāng)之無愧。

Webim v5 那點(diǎn)事兒

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

為什么要改版?

隨著科技的發(fā)展,時(shí)代的進(jìn)步,微博用戶的上網(wǎng)設(shè)備也在快速更新。研究一下微博用戶的屏幕分辨率使用數(shù)據(jù)我發(fā)現(xiàn),屏幕分辨率越來越高的同時(shí),伴隨的一個(gè)數(shù)值,也就是顯示器顯示網(wǎng)頁外的空白面積也越來越大,如何利用好這部分空間是一個(gè)值得研究的課題。

前期看了一些同類產(chǎn)品

日歷

鏈接

個(gè)人資料

存檔