首頁(yè)

網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該知道的心理學(xué)

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

關(guān)注人類心理學(xué)的一些研究是非常有意義的。通過(guò)對(duì)人類心理的推敲,我們討論人社會(huì)心理,這能夠幫助創(chuàng)業(yè)公司開(kāi)拓市場(chǎng),因 為受歡迎的內(nèi)容和大眾心理有著最直接的關(guān)系。問(wèn)題的關(guān)鍵是,很多心理學(xué)對(duì)于網(wǎng)站設(shè)計(jì)者有著很強(qiáng)的啟發(fā)性。心理學(xué)幫助網(wǎng)站開(kāi)發(fā)者看清人們的思維如何運(yùn)作。今天,藍(lán)藍(lán)設(shè)計(jì)和大家分享幾條對(duì)網(wǎng)站設(shè)計(jì)非常有益的建議。

1.太多的選擇等于沒(méi)有選擇。

根據(jù)Sheeya Iyengar教授的心理學(xué)研究,我們能夠洞察人們處理多重選擇時(shí)的心理變化?!斑x擇就是放棄”,Iyengar教授,《選擇的藝術(shù)》的作者這樣總結(jié)說(shuō)。 社會(huì)心理學(xué)發(fā)現(xiàn),當(dāng)人們面多過(guò)多選擇的時(shí)候,他們的表現(xiàn)非常相似:他們不會(huì)做任何選擇。這就是所謂的“安全選擇”。

結(jié)合到網(wǎng)站設(shè)計(jì)中:

太多需要用戶去點(diǎn)擊的東西,會(huì)讓人覺(jué)得混亂。就拿我自己的網(wǎng)站來(lái)說(shuō),當(dāng)我把兩側(cè)的工具欄撤掉一半之后,注冊(cè)的用戶大大增加。思考你的網(wǎng)站最終、最核心的目的,關(guān)注集中一點(diǎn),刪掉無(wú)關(guān)緊要的點(diǎn)綴和內(nèi)容,直到你的內(nèi)容只剩下最本質(zhì)最重要的內(nèi)容,這樣你的用戶才愿意呆在這里。

令人饞涎欲滴的網(wǎng)頁(yè)設(shè)計(jì)欣賞

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

藍(lán)藍(lán)設(shè)計(jì)精選一些與食物相關(guān)的網(wǎng)站設(shè)計(jì),這些網(wǎng)站的界面設(shè)計(jì)主體突出,大部分以暖色調(diào)為主,比如披薩、曲奇餅之類的;當(dāng)然也有一些是走清涼風(fēng)的,比如冰淇淋之類;還有與愛(ài)情相關(guān)的象征著甜蜜的粉色系糖果類,更有單頁(yè)面食物制作流程的酷酷黑色系。

這些網(wǎng)站的主體內(nèi)容有主食類的,有餅干零食類,有咖啡飲料類,也有甜點(diǎn)類,更有公益性質(zhì)的。網(wǎng)站的背后有餐廳、有小賣部、有流動(dòng)外賣、更有食品商。每個(gè)網(wǎng)站的所營(yíng)造的氣場(chǎng)需要您點(diǎn)擊進(jìn)去細(xì)細(xì)品喲:)

更多食物類網(wǎng)站設(shè)計(jì)欣賞http://bouu.cn/

Forno Bonomi

Forno Bonomi

讓網(wǎng)站字體也試試國(guó)際范的混搭風(fēng)

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

很遺憾,2013年版式設(shè)計(jì)的潮流首先展現(xiàn)在有趣的T—shirt上;很幸運(yùn),有一些更潮流的UI設(shè)計(jì)師已經(jīng)開(kāi)始追趕時(shí)尚的節(jié)奏,并將他們賦予在網(wǎng)站設(shè)計(jì)界面設(shè)計(jì)上—字體混搭的藝術(shù)。這種站在潮流前線的版式設(shè)計(jì)風(fēng)格,藍(lán)藍(lán)設(shè)計(jì)尚不多言,以下為15組范例,欣賞為先,點(diǎn)贊為后~

Forefathers Group

Forefathers Group mix typography match

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

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

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

可以從幾個(gè)方面來(lái)分析:

色彩

Amoderneden

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

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

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

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

 

Glocal Ventures

1-glocal-ventures

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

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

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

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

The Blue Cube

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

The Blue Cube

應(yīng)用圓形元素的網(wǎng)頁(yè)設(shè)計(jì)

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

用圓形元素進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)有兩種討的辦法:

一種是把圓形作為網(wǎng)頁(yè)界面設(shè)計(jì)過(guò)程中的主要形狀。這樣的網(wǎng)頁(yè)的主要元素,比如標(biāo)志的類型,導(dǎo)航元素,彈出菜單,圖像和其他元素,都應(yīng)該是以圓形為基礎(chǔ)設(shè)計(jì)的。
第二種方法就是避免重復(fù)使用圓形,只用一個(gè)主要的圓形元素來(lái)抓住用戶的注意力。但不管使用哪種方法,設(shè)計(jì)師們都應(yīng)該要時(shí)刻把網(wǎng)頁(yè)整體的可讀性,可用性和協(xié)調(diào)性放在心上。

既然提到了設(shè)計(jì),那么下面不妨看看藍(lán)藍(lán)設(shè)計(jì)為你精心挑選的一些應(yīng)用了圓形元素網(wǎng)頁(yè)設(shè)計(jì)。它們都充分地利用了圓形的特點(diǎn)來(lái)展現(xiàn)頁(yè)面。

Like there is no tomorrow

Like there is no tomorrow

送給設(shè)計(jì)師的近萬(wàn)枚紋理寶藏

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

UI設(shè)計(jì)師,挖到免費(fèi)漂亮的Photoshop紋理就像和挖到寶藏一樣。在一個(gè)界面設(shè)計(jì)項(xiàng)目里,派給你一個(gè)妹子和一個(gè)恰當(dāng)?shù)?span id="boicwfa" class="wp_keywordlink_affiliate">紋理,你會(huì)要神馬?
廢話,肯定是妹子了!當(dāng)然接下來(lái)紋理也是缺一不可的!
今天藍(lán)藍(lán)設(shè)計(jì)推薦給您一些精挑細(xì)選的紋理,來(lái)試試將它們平鋪運(yùn)用到你的web設(shè)計(jì)中吧。

Crafted Wood

Crafted Wood

如何將紋理用到網(wǎng)頁(yè)中?來(lái)向這組網(wǎng)站學(xué)習(xí)

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

有很多同學(xué)下載了紋理后知道如何平鋪使用,并且都分類羅列一目了然,可是在制作網(wǎng)站的時(shí)候卻不知道怎么用,總感覺(jué)利用不起來(lái)。

那么今天藍(lán)藍(lán)設(shè)計(jì)推薦30個(gè)運(yùn)用紋理界面設(shè)計(jì)出眾的網(wǎng)站設(shè)計(jì),希望對(duì)你UI設(shè)計(jì)有一定的啟發(fā):)

Hollister Co.

Textured website design example: Hollister Co.

做好團(tuán)隊(duì)建設(shè)!展示團(tuán)隊(duì)成員的網(wǎng)頁(yè)設(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)頁(yè)布局界面設(shè)計(jì),從2——4人的小團(tuán)隊(duì)到10——20的大集體都有優(yōu)秀的范例,希望能給你帶來(lái)一點(diǎn)UI設(shè)計(jì)靈感。
Tone Agency

united kingdom tone agency design website team

日歷

鏈接

個(gè)人資料

存檔