首頁

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

藍藍設(shè)計的小編

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

1.太多的選擇等于沒有選擇。

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

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

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

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

聽起來有些矛盾對么?根據(jù)Mary C. Dyson的“文章屏幕的寬度如何影響讀者心理”,這一實驗,人們之所以喜歡看寬度較窄的文章是因為那看起來更舒服一些,可讀性更高。因為剛開始閱讀,讀 者對文章的內(nèi)容是不了解的,當他們讀了幾行之后,他們可能會愿意讀些寬屏的文字,因為他們能讀得更快。

拒絕平庸:優(yōu)秀WEB登錄頁面設(shè)計

藍藍設(shè)計的小編

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

從公共平臺的角度看

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

從個人博客的角度看

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

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

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

酷站:15枚飆升你創(chuàng)造力的網(wǎng)頁設(shè)計

藍藍設(shè)計的小編

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

藍藍設(shè)計推薦第5個網(wǎng)站設(shè)計,超炫的交互展示,配色也灰常棒!

1、My lapka

20個漂亮的教育網(wǎng)站欣賞

藍藍設(shè)計的小編

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

Washtenaw Community College

Washtenaw Community College

怎樣的網(wǎng)站才能打動人心?

藍藍設(shè)計的小編

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

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

Themes Kingdom

Themes Kingdom homepage clean web design modern responsive web inspiration

10個精美女裝網(wǎng)站設(shè)計欣賞

藍藍設(shè)計的小編

俗話說,人靠衣裝、佛靠金裝;再有俗話說,三分靠長相、七分靠打扮。

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

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

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

So Sassi

So Sassi

美站欣賞:10個箱包類網(wǎng)站設(shè)計

藍藍設(shè)計的小編

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

更多箱包類網(wǎng)站設(shè)計欣賞:http://www.yvirxh.cn/

Discover Bagigia

Discover Bagigia

網(wǎng)頁設(shè)計中最常見的30款英文字體

藍藍設(shè)計的小編

關(guān)于英文字體,對我們網(wǎng)頁設(shè)計師朋友們來說一定并不陌生,即使我們很少做英文語系的網(wǎng)站,但在瀏覽國外

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

想必大家也都能猜出來像 Arial、Helvetica 這種大名鼎鼎的字體肯定在里面了,那么還有什么呢?一起來詳細了解一下吧!

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

首先,補充個小知識:

1.網(wǎng)頁設(shè)計中的英文字體,一般有以下五類:

serif(襯線)
sans-serif(無襯線)
monospace(等寬)
fantasy(夢幻)
cuisive(花體)

網(wǎng)頁設(shè)計中最常見的無襯線字體

在常見的兩種字體風格中,襯線體的筆劃感太”過”,不是特別的商業(yè)。隨著瑞士設(shè)計風格的大力推廣,無襯線字體變得愈發(fā)流行起來。

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

Arial

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

變體:

Arial:有時稱為Arial Regular以便與Arial Narrow區(qū)別,其包括Arial、Arial Italic(斜體)、Arial Bold(粗體)、Arial Bold Italic(粗斜體)和Arial Unicode MS
Arial Black:此字體的特色在于其筆畫相當?shù)拇?,包含Arial Black、Arial Black Italic(斜體)
Arial Narrow:為Arial的細瘦版本,包含Arial Narrow Regular、Arial Narrow Bold(粗體)、Arial Narrow Italic(斜體)和Arial Narrow Bold Italic(粗斜體)
Arial Rounded:包含Arial Rounded Bold(粗體),此字體可在微軟韓文字體Gulim找到
——以上來自百度百科

精美IOS APP網(wǎng)站設(shè)計欣賞

藍藍設(shè)計的小編

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

Clique

Clique

2014年度最佳色彩網(wǎng)站設(shè)計大集合

藍藍設(shè)計的小編

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

Mailboxing

Mailboxing in Best Colorful Websites of 2012

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.yvirxh.cn

存檔