首頁

讓網(wǎng)頁設(shè)計(jì)有規(guī)律可循

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

隨著開放平臺日益增多,衍生出來的各類應(yīng)用服務(wù)也就呈不斷增長的趨勢。這些應(yīng)用服務(wù)的站點(diǎn)UI設(shè)計(jì)也可謂是五彩斑斕,燦若繁星。和藍(lán)藍(lán)設(shè)計(jì)一起來找找這些網(wǎng)站設(shè)計(jì)界面設(shè)計(jì)是否有規(guī)律可循。

可以從幾個方面來分析:

色彩

Amoderneden

慈善及非營利組織官網(wǎng)欣賞

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

有許多的慈善和非營利組織嘗試籌集善款并設(shè)法讓大家知道他們的特殊存在。以前,他們沒有設(shè)計(jì)和開發(fā)好網(wǎng)站的資源,不得不湊合著搭個樸素、單調(diào)、無聊的網(wǎng)站,這些網(wǎng)站自然沒法吸引新的訪問者。

然而今時不同往日,UI設(shè)計(jì)者和開發(fā)者會幫助某些組織搭建網(wǎng)站設(shè)計(jì),這些組織或慈善目的能引起他們的興趣,或讓他們聯(lián)想到自身經(jīng)驗(yàn),或他們的家人和朋友有參與的。最終就有了專門為這些慈善和非營利組織搭建的漂亮網(wǎng)站界面設(shè)計(jì),且非常值得一看。和藍(lán)藍(lán)設(shè)計(jì)一起來欣賞下吧!

 

Glocal Ventures

1-glocal-ventures

精致典雅引人注目的黑色系網(wǎng)站設(shè)計(jì)

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

有同學(xué)喜歡玩黑白配,但是卻一直不得要領(lǐng),總設(shè)計(jì)不出讓人眼前一亮的佳作出來?今天就讓大家和藍(lán)藍(lán)設(shè)計(jì)來這些優(yōu)秀界面設(shè)計(jì)案例里找原因。

深色的背景看起來具有神秘感,能提供前景元素、背景元素的高度對比。有了黑色的鋪墊渲染,任何一個色彩都可以輕易在它之上煥發(fā)光彩。
那么怎么才能更好的在網(wǎng)頁設(shè)計(jì)中運(yùn)用深色背景呢?想要成為一名”高級黑”UI設(shè)計(jì)師嗎?先來欣賞本文的絕贊范例吧。

The Blue Cube

外觀整潔干練,對照鮮明。黑色背景凸顯了白色文本。

The Blue Cube

做好團(tuán)隊(duì)建設(shè)!展示團(tuán)隊(duì)成員的網(wǎng)頁設(shè)計(jì)

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

與你的客戶建立良好親密關(guān)系重要的一點(diǎn)就是展示你的團(tuán)隊(duì),是的,這樣客戶能迅速了解你的團(tuán)隊(duì)實(shí)力,合作上方便很多。
今天藍(lán)藍(lán)設(shè)計(jì)收集了一組展示團(tuán)隊(duì)成員的網(wǎng)頁布局界面設(shè)計(jì),從2——4人的小團(tuán)隊(duì)到10——20的大集體都有優(yōu)秀的范例,希望能給你帶來一點(diǎn)UI設(shè)計(jì)靈感。
Tone Agency

united kingdom tone agency design website team

超美的水彩效果網(wǎng)頁設(shè)計(jì)

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

小時候,一盒水彩,幾張白紙,就可以一個人安靜地待上好久。還記得綠色用得特別快,因?yàn)橄矚g用綠色,畫很多的樹葉,畫大片的草地。不過現(xiàn)在可以用電腦畫,再也不用擔(dān)心缺哪個顏色啦!
以下是藍(lán)藍(lán)設(shè)計(jì)收集的一組數(shù)字水彩效果的網(wǎng)站設(shè)計(jì),每個都好漂亮,看是否能勾起你童年的美好回憶。是否對你的UI設(shè)計(jì)有所幫助!

Istok Pavlovic

watercolor-effects-1

簡約時尚的電商網(wǎng)站設(shè)計(jì)

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

小型電子商務(wù)網(wǎng)站設(shè)計(jì)能享受這樣的:不用像很多大型連鎖商店那樣必須使用預(yù)先規(guī)定的界面設(shè)計(jì)樣式,他們不需要內(nèi)容繁多的登錄頁面,也不需要有著成百上千條分類的大型菜單欄,甚至不需要一個建議性或可選擇的產(chǎn)品鏈接。
所有小型商店的好商品需要的是一位很棒的設(shè)計(jì)師來為它們建立一個簡潔且現(xiàn)代感十足的網(wǎng)站。當(dāng)然,一枚”立即購買”的按鈕會很有用。
我相信當(dāng)你看完藍(lán)藍(lán)設(shè)計(jì)這些簡約時尚的電商網(wǎng)站設(shè)計(jì)后,你會對視覺營銷,電子商務(wù)有全新的認(rèn)識!

或者會發(fā)自肺腑的感嘆:原來這就足夠了,購物真的不需要那么復(fù)雜。

Tatchies

39

如何避免犯哪些網(wǎng)頁設(shè)計(jì)最常見的可用性錯誤

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

在過去十年中高品質(zhì)的網(wǎng)頁可用性一直是業(yè)內(nèi)討論的核心,因?yàn)樗鼘τ脩魜碚f越來越重要。好的可用性也可以幫助建立品牌知名度,從而提升用戶對一個網(wǎng)站設(shè)計(jì)或者是一家公司的評價。今天人們依然高度關(guān)注可用性,是因?yàn)榇蟠笮⌒〉墓疽呀?jīng)證明了好的可用性策略是多么重要。

在過去幾年中,良好的可用性成為那些成功的初創(chuàng)公司的核心。多數(shù)情況下,簡單的想法最具創(chuàng)造性,可用性主要是指:使一個功能或者產(chǎn)品易于使用,但同時也要保持產(chǎn)品質(zhì)量維持在高水平上。

如今,很多文章會談到普遍意義。在對該話題年復(fù)一年的討論之后,似乎UI設(shè)計(jì)者們?nèi)匀缓茈y去理解它??捎眯栽缫巡辉偈且粋€玩笑,下面藍(lán)藍(lán)設(shè)計(jì)這些建議應(yīng)當(dāng)被打印出來并粘到你桌子對面的墻上。

鏈接的顏色

我經(jīng)常發(fā)現(xiàn)自己在瀏覽網(wǎng)頁時,有些頁面上的鏈接沒有以某種形式高亮顯示。這是我見過的最愚蠢的錯誤。我愿意訪問那些鏈接使用默認(rèn)藍(lán)色的頁面,而不是鏈接和 普通文字一個顏色的頁面。用戶需要知道如何在頁面之間導(dǎo)航、在哪兒能點(diǎn)擊鏈接。你不能指望他們把鼠標(biāo)一行行的掠過所有文字去找鏈接,直到發(fā)現(xiàn)鼠標(biāo)箭頭變成 “小手兒”。

網(wǎng)頁設(shè)計(jì)中那些不容忽視的細(xì)節(jié)

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

你有沒有經(jīng)歷過看到一個頁面的時候馬上就被它的界面設(shè)計(jì)吸引并且留下了深刻的印象呢?然后你進(jìn)一步細(xì)看這個頁面發(fā)現(xiàn)真正使這個頁面變得神奇的是一些小細(xì)節(jié),在藍(lán)藍(lán)設(shè)計(jì)這篇文章中我們將看到幾種把細(xì)節(jié)設(shè)計(jì)做到完美的頁面。

完美的像素線

Image Spark UI設(shè)計(jì)師用一個像素的線條來分割頂部導(dǎo)航,搜索輸入框,導(dǎo)航底欄。任何時候一個較淺的顏色緊挨著一個較深的顏色會使人出現(xiàn)有一個凸起的邊緣的錯覺。請注意這種線條只能比背景色稍微淺一點(diǎn)點(diǎn)。如果使用一條白線那將失去這種效果。

熱門網(wǎng)頁和手機(jī)APP設(shè)計(jì)欣賞

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

一周又過去了,藍(lán)藍(lán)設(shè)計(jì)這里收錄了最近國外精彩的網(wǎng)頁設(shè)計(jì)手機(jī)App設(shè)計(jì),不多說了,來享受這些精彩的界面設(shè)計(jì)創(chuàng)意之作吧!
 

JOBS: Le Film

atdesign_01

如何設(shè)計(jì)有范兒的個人作品時間軸網(wǎng)頁

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

藍(lán)藍(lán)設(shè)計(jì)這個教程中我們將使用Photoshop CS6設(shè)計(jì)一個簡單、干凈、三列的作品集時間軸。在這個過程中,我們將著眼于自定義網(wǎng)格,排版樣式,并利用不同的顏色和對比度實(shí)現(xiàn)我們想要的美感。

同學(xué)們可以從這個教程學(xué)習(xí)如何在一個頁面平衡不同的元素,使整個界面設(shè)計(jì)富有韻律感與呼吸感。快畢業(yè)的童鞋們可以嘗試這樣展示你的作品集喲。

上效果圖:

1p

 

日歷

鏈接

個人資料

存檔