關(guān)注人類(lèi)心理學(xué)的一些研究是非常有意義的。通過(guò)對(duì)人類(lèi)心理的推敲，我們討論人社會(huì)心理，這能夠幫助創(chuàng)業(yè)公司開(kāi)拓市場(chǎng)，因?yàn)槭軞g迎的內(nèi)容和大眾心理有著最直接的關(guān)系。問(wèn)題的關(guān)鍵是，很多心理學(xué)對(duì)于網(wǎng)站ui設(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ì)中：

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

2.網(wǎng)站訪(fǎng)問(wèn)者讀寬屏文字更快，但他們喜歡短屏文字。

聽(tīng)起來(lái)有些矛盾對(duì)么？根據(jù)Mary C. Dyson的“文章屏幕的寬度如何影響讀者心理”，這一實(shí)驗(yàn)，人們之所以喜歡看寬度較窄的文章是因?yàn)槟强雌饋?lái)更舒服一些，可讀性更高。因?yàn)閯傞_(kāi)始閱讀，讀 者對(duì)文章的內(nèi)容是不了解的，當(dāng)他們讀了幾行之后，他們可能會(huì)愿意讀些寬屏的文字，因?yàn)樗麄兡茏x得更快。

關(guān)于登陸估計(jì)大家每天使用的都很頻繁了，每次上網(wǎng)都會(huì)習(xí)慣性登陸下微博，淘寶，郵箱，空間等，在每天進(jìn)進(jìn)出出無(wú)數(shù)門(mén)戶(hù)的時(shí)候有誰(shuí)又曾在密碼不錯(cuò)誤的情況下停留在WEB登陸頁(yè)面是的界面設(shè)計(jì)看一眼呢？下面藍(lán)藍(lán)設(shè)計(jì)就和朋友們就談?wù)勥@道不起眼的門(mén)。

從公共平臺(tái)的角度看

用戶(hù)活躍度是檢驗(yàn)產(chǎn)品成功與否的重要指標(biāo)之一，傳統(tǒng)行業(yè)的商家極為重視門(mén)面的裝潢，因?yàn)橐粋€(gè)好的門(mén)面可以聚集人氣，招攬更多的顧客。古時(shí)候的大戶(hù)人家院子門(mén)口的石獅子或其他的擺件的擺放極為講究，有一定的風(fēng)水學(xué)說(shuō)道理，更能彰顯主人家的身份地位.由此可見(jiàn)，“門(mén)面’就如人的臉面之于人的形象一樣重要，而WEB的登錄頁(yè)面就相當(dāng)傳統(tǒng)的“門(mén)面”。

從個(gè)人博客的角度看

個(gè)人登陸頁(yè)面一般只有自己會(huì)用到，所以別人基本是看不到的，但也不排除像我一樣無(wú)聊什么都好奇的人存在，什么都想看看，什么都想改改的。那么個(gè)人登陸頁(yè)面的設(shè)計(jì)就完全是抒發(fā)個(gè)人情感，體現(xiàn)自身個(gè)性的一個(gè)地方，你完全不需要在乎它的交互是否友好等問(wèn)題。你的地盤(pán)你做主。

各大網(wǎng)站的WEB登陸

現(xiàn)在越來(lái)越多的大型網(wǎng)站把登錄和首頁(yè)放在一起設(shè)計(jì)，由此可見(jiàn)登錄頁(yè)面的重要性，一個(gè)出彩的登錄界面，將提升產(chǎn)品的品質(zhì)，賦予產(chǎn)品獨(dú)特的氣質(zhì)，登錄界面也是一個(gè)發(fā)揮情感化設(shè)計(jì)，提升用戶(hù)體驗(yàn)，拉近與用戶(hù)之間距離的兵家必爭(zhēng)之地，本文不談趨勢(shì)，不講交互大道理，不涉及技術(shù)，就侃侃用戶(hù)登錄頁(yè)面的一些設(shè)計(jì)表現(xiàn)形式。希望這些設(shè)計(jì)表現(xiàn)手法能給大家?guī)?lái)一些啟發(fā)和靈感。

今天藍(lán)藍(lán)設(shè)計(jì)想激勵(lì)大家獲得成就感和愉悅感，準(zhǔn)備和你們分享我的珍貴寶藏。
這一組網(wǎng)站的界面設(shè)計(jì)，定會(huì)幫助你克服你的網(wǎng)站ui設(shè)計(jì)創(chuàng)意空白檔期！
戳開(kāi)鏈接，挨個(gè)品鑒它們吧。

藍(lán)藍(lán)設(shè)計(jì)推薦第5個(gè)網(wǎng)站設(shè)計(jì)，超炫的交互展示，配色也灰常棒！

1、My lapka

今天藍(lán)藍(lán)設(shè)計(jì)為大家搜集了20個(gè)精美的教育機(jī)構(gòu)的網(wǎng)站的界面設(shè)計(jì)，其中大部分是大學(xué)和高等教育機(jī)構(gòu)的網(wǎng)站設(shè)計(jì)。希望我們這次的收集能為正在做教育類(lèi)網(wǎng)站的ui設(shè)計(jì)的你帶去些許靈感。

Washtenaw Community College

最近幾年，網(wǎng)頁(yè)設(shè)計(jì)發(fā)生了翻天覆地的變化，現(xiàn)代設(shè)計(jì)的趨勢(shì)從擬物化逐漸向扁平化轉(zhuǎn)移，所以從最近瀏覽的網(wǎng)頁(yè)中我們可以發(fā)現(xiàn)，網(wǎng)站里的字體變多了，變大了，網(wǎng)頁(yè)都是以?xún)?nèi)容為主，最重要的是，網(wǎng)頁(yè)登陸速度迅速了許多。

而這一切的改變給用戶(hù)帶來(lái)了清新、整潔、干凈的體驗(yàn)。今天藍(lán)藍(lán)設(shè)計(jì)為大家整理了一些以清新、干凈為主題的網(wǎng)站界面設(shè)計(jì)，它們都用自己的方式詮釋了對(duì)扁平化的理解，趕緊來(lái)看看吧~

Themes Kingdom

俗話(huà)說(shuō)，人靠衣裝、佛靠金裝；再有俗話(huà)說(shuō)，三分靠長(zhǎng)相、七分靠打扮。

服裝對(duì)于人類(lèi)來(lái)說(shuō)，不僅僅只是遮羞布，更多的是扮演著一種襯托的角色。尤其是對(duì)于愛(ài)美的女性來(lái)說(shuō)，淑女系的服裝襯出女性婉約的氣質(zhì)，職場(chǎng)系的服裝襯出女性干練的性格，緊身服裝刻畫(huà)出女性誘惑迷人的身段，而柔美的婚紗更是女性生命中最重要時(shí)刻的陪伴者……

女裝網(wǎng)站界面設(shè)計(jì)的特點(diǎn)是：大圖展現(xiàn)服裝細(xì)節(jié)，黑白底色突顯服裝或是讓服裝溶入到迷幻色彩中。那么請(qǐng)朋友們一起和藍(lán)藍(lán)設(shè)計(jì)欣賞這10個(gè)精美女裝網(wǎng)站設(shè)計(jì)欣賞

更多服裝網(wǎng)站設(shè)計(jì)欣賞：http://m.yvirxh.cn/

So Sassi

與女裝網(wǎng)站界面設(shè)計(jì)一樣，箱包類(lèi)網(wǎng)站設(shè)計(jì)也存在許多的類(lèi)別，拖箱、手提袋、環(huán)保袋，電子產(chǎn)品的皮套等。當(dāng)然箱包類(lèi)的網(wǎng)站與女裝網(wǎng)站的界面設(shè)計(jì)風(fēng)格也會(huì)相似，產(chǎn)品大圖配以細(xì)節(jié)部位的特寫(xiě)，用質(zhì)感的照片來(lái)詮釋產(chǎn)品的美學(xué)。值得注意的是，與女裝網(wǎng)站不同的地方在于，箱包類(lèi)網(wǎng)站不再那么需要一個(gè)形象氣質(zhì)皆佳的模特來(lái)呈現(xiàn)產(chǎn)品。那么請(qǐng)朋友們一起和藍(lán)藍(lán)設(shè)計(jì)欣賞：10個(gè)箱包類(lèi)網(wǎng)站設(shè)計(jì)吧！

更多箱包類(lèi)網(wǎng)站設(shè)計(jì)欣賞：http://m.yvirxh.cn/

Discover Bagigia

關(guān)于英文字體，對(duì)我們網(wǎng)頁(yè)設(shè)計(jì)師朋友們來(lái)說(shuō)一定并不陌生，即使我們很少做英文語(yǔ)系的網(wǎng)站，但在瀏覽國(guó)外

網(wǎng)站設(shè)計(jì)的時(shí)候，大家一定都會(huì)有或多或少的認(rèn)識(shí)。其實(shí)不單單是在網(wǎng)頁(yè)界面設(shè)計(jì)中，很多移動(dòng)操作系統(tǒng)和瀏覽器中都廣泛使用了今天藍(lán)藍(lán)設(shè)計(jì)即將介紹的這些字體。

想必大家也都能猜出來(lái)像 Arial、Helvetica 這種大名鼎鼎的字體肯定在里面了，那么還有什么呢？一起來(lái)詳細(xì)了解一下吧！

相關(guān)推薦：
《平面排版時(shí)，教你突出中文美感的幾種方法第二集（基礎(chǔ)篇）》
《那些年，我們一起追過(guò)的字體》
《快速上手！制作ICON FONT》

首先，補(bǔ)充個(gè)小知識(shí)：

1.網(wǎng)頁(yè)設(shè)計(jì)中的英文字體，一般有以下五類(lèi)：

serif（襯線(xiàn)）
sans-serif（無(wú)襯線(xiàn)）
monospace（等寬）
fantasy（夢(mèng)幻）
cuisive（花體）

網(wǎng)頁(yè)設(shè)計(jì)中最常見(jiàn)的無(wú)襯線(xiàn)字體

在常見(jiàn)的兩種字體風(fēng)格中，襯線(xiàn)體的筆劃感太”過(guò)”，不是特別的商業(yè)。隨著瑞士設(shè)計(jì)風(fēng)格的大力推廣，無(wú)襯線(xiàn)字體變得愈發(fā)流行起來(lái)。

建議: 個(gè)人認(rèn)為 Tahoma 以及 Verdana 字符編碼效果最好 ，適用于多種環(huán)境

Arial

字體族科：Arial, “Helvetica Neue”, Helvetica

變體:

Arial：有時(shí)稱(chēng)為Arial Regular以便與Arial Narrow區(qū)別，其包括Arial、Arial Italic（斜體）、Arial Bold（粗體）、Arial Bold Italic（粗斜體）和Arial Unicode MS
Arial Black：此字體的特色在于其筆畫(huà)相當(dāng)?shù)拇?，包含Arial Black、Arial Black Italic（斜體）
Arial Narrow：為Arial的細(xì)瘦版本，包含Arial Narrow Regular、Arial Narrow Bold（粗體）、Arial Narrow Italic（斜體）和Arial Narrow Bold Italic（粗斜體）
Arial Rounded：包含Arial Rounded Bold（粗體），此字體可在微軟韓文字體Gulim找到
——以上來(lái)自百度百科

半年多時(shí)間過(guò)去了，iOS吹起了轟轟烈烈的扁平化界面設(shè)計(jì)風(fēng)格，而做為承載App宣傳重任的網(wǎng)頁(yè)設(shè)計(jì)，整體ui設(shè)計(jì)風(fēng)格的變遷如何？是否也如iOS的設(shè)計(jì)風(fēng)格改革一樣徹底的翻轉(zhuǎn)？還是如往常一直深耕成熟的設(shè)計(jì)風(fēng)格？那么和藍(lán)藍(lán)設(shè)計(jì)一起欣賞精美IOS APP網(wǎng)站設(shè)計(jì)吧！

Clique

很多絢麗耀眼的帶有插圖的網(wǎng)站界面設(shè)計(jì)在現(xiàn)在看來(lái)并不是很給力，算不得好的網(wǎng)站設(shè)計(jì)作品。為什么呢？因?yàn)槟切╊伾筒瀹?huà)在頁(yè)面里融入后，有些格格不入，或者不倫不類(lèi)。而今天藍(lán)藍(lán)設(shè)計(jì)在下面推薦給您的這些案例中，我們將給大家展示一些設(shè)計(jì)天才的作品，看看他們是如何將各種絢麗的顏色和諧的搭配在一起。這些網(wǎng)站設(shè)計(jì)加強(qiáng)了網(wǎng)頁(yè)主題的感官性，無(wú)與倫比的設(shè)計(jì)給人以正能量和沁人心脾的快感！Enjoy！

Mailboxing