所有網(wǎng)站設(shè)計，無論是官方、電子商務(wù)、社會化網(wǎng)絡(luò)還是個人站點，都應(yīng)該設(shè)計一個恰到好處的“關(guān)于”頁面，直截了當?shù)馗嬖V到訪者，為什么要浪費他們寶貴的時間瀏覽你的網(wǎng)站。

藍藍設(shè)計：這是一篇老文章，不過寫得還算實用，大家可以了解一下界面設(shè)計思路

一、為什么要有“關(guān)于”頁面

不要讓用戶思考！

1、向瀏覽者傳達本站的價值，留住用戶
2、始終提醒自己站點的主旨，不要跑題

二、起什么名

“關(guān)于”頁面存在的目的就是盡快讓瀏覽者找到網(wǎng)站的方向，或者作為進一步補充，比如陳列相比競爭對手而言，自己的優(yōu)勢和特色。所以名字越簡單、越樸 素就越好。

典型的門戶的名字比較傳統(tǒng)，因為它們無人不曉。比如網(wǎng)易的“公司簡介”，谷歌的“Google大全”。

大眾、平易近人的網(wǎng)站往往都稱呼為“關(guān)于我們”，比如嘀咕、phpChina；“關(guān)于+網(wǎng)站名稱”的類型也不在少數(shù)，比如豆瓣和支付寶。

個人站點比較簡約，兩個字搞定：“關(guān)于”。人人網(wǎng)等很多社會化網(wǎng)絡(luò)站點也是如此。

多數(shù)國外站點同上，比如“about Flickr”、“about us”、“about”。

三、放在哪里

標題、標識、內(nèi)容或知名度非常強的網(wǎng)站放在頁腳。
這些類型的網(wǎng)站要么你們熟知，要么一眼就能看出它講的是什么。比如新浪微博，淘寶。

小站點，比如個人站點、博客，或者全新的網(wǎng)站，有必要顯性地“通告”瀏覽者本站的導(dǎo)向和意圖（以期靠好奇心留住訪客），放在頁首。

PMCaff成立不久，導(dǎo)航干凈明晰。如圖01

我們都想擁有很棒的網(wǎng)站的界面設(shè)計，想讓其他人在看到我們的網(wǎng)站時眼前一亮。 如果他們喜歡的話，還會再次點擊瀏覽或者分享給他的朋友們。這就是好網(wǎng)站的魅力所在！

我們不但要會運用HTML5，CSS3和其他復(fù)雜的語言，也應(yīng)該會利用基礎(chǔ)技巧打造自己的網(wǎng)站。我敢說很多網(wǎng)頁設(shè)計者或開發(fā)者都難以解決CSS3語言無法在IE瀏覽器中像在其他瀏覽器一樣正常顯示的問題。
這是個嚴肅的問題。如果網(wǎng)頁無法顯示，那還有什么意義呢？誰想要一直花時間解決錯誤漏洞呢？如果你的客戶沒有一筆很大的預(yù)算，但你還是想做出很棒的網(wǎng)頁來，該怎么辦？

你要學(xué)會打造一個簡單的網(wǎng)站，同時又能保證瀏覽量。這有很多可以實現(xiàn)的方法。藍藍設(shè)計以下的幾點都可以為建成基礎(chǔ)又美觀的網(wǎng)站助你一臂之力。

1. 巧用動畫

作為一名設(shè)計師，每年都會沉浸在一些新的設(shè)計趨勢中興奮不已。接下來，藍藍設(shè)計將探尋2014年的界面設(shè)計趨勢，這絕對是意義非凡的事情。Web設(shè)計師必須洞悉所有相關(guān)領(lǐng)域的新趨勢，緊跟時尚潮流。

這些新趨勢讓設(shè)計變得妙趣橫生。但是很多專家還會倡導(dǎo)那些并非最時髦、最震撼世界的ui設(shè)計。當然，響應(yīng)式設(shè)計不僅去年是熱點，今年依然還會被人們重視。同樣，柵格化設(shè)計作為最基本的設(shè)計，也會被繼續(xù)延續(xù)下去。

這次，我想探索一下那些逐漸發(fā)展起來的設(shè)計潮流。也許過去我們只是偶爾嘗試一下這些設(shè)計風(fēng)格，但是今年我們會真正關(guān)注它們。

更多留白/負空間

產(chǎn)品設(shè)計的原則有點太泛哈，藍藍設(shè)計這里想結(jié)合自己的工作心得來小結(jié)一下手機無線設(shè)計8原則：

原則1：用戶界面應(yīng)該是基于用戶的心里模型，而不是基于工程實現(xiàn)模型

就是把后臺本來很復(fù)雜的事情通過設(shè)計符合用戶日常生活中常用的瀏覽方式或操作方式。其實這一點是設(shè)計師把生活中的細節(jié)和數(shù)據(jù)結(jié)合的凝聚點，用戶的心理模型抓的越準，界面就會越優(yōu)秀。

#左邊界面#：大眾點評新版的價格的搜索就比之前改得更符合用戶心里模型；

關(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)容是不了解的，當他們讀了幾行之后，他們可能會愿意讀些寬屏的文字，因為他們能讀得更快。

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

從公共平臺的角度看

用戶活躍度是檢驗產(chǎn)品成功與否的重要指標之一，傳統(tǒng)行業(yè)的商家極為重視門面的裝潢，因為一個好的門面可以聚集人氣，招攬更多的顧客。古時候的大戶人家院子門口的石獅子或其他的擺件的擺放極為講究，有一定的風(fēng)水學(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ā)和靈感。

人非圣賢，孰能無過。互聯(lián)網(wǎng)產(chǎn)品面向的用戶群體是多種多樣的，不同的教育背景，不同的行為習(xí)慣，這些都使得用戶真實的操作和產(chǎn)品設(shè)計時的設(shè)想會出現(xiàn)一定的出入。

近些年，隨著移動互聯(lián)網(wǎng)時代的到來，用戶會在各種千奇百怪的應(yīng)用場景和環(huán)境中去使用產(chǎn)品。坐著還是躺著？在公交上還是在廁所里？處于安靜的環(huán)境還是嘈雜的環(huán)境？這些復(fù)雜多樣的使用場景使得針對用戶操作錯誤而進行的錯誤反饋設(shè)計變得尤為重要。

產(chǎn)品錯誤反饋設(shè)計舉例

UI（用戶界面設(shè)計）與UX（用戶體驗）是密切聯(lián)系的，優(yōu)秀的UI界面設(shè)計首先就能從視覺上給用戶極好的體驗，今天藍藍設(shè)計從Drrible和Behance上挑選了20套用戶體驗超棒的UI界面設(shè)計，包括了睡眠APP、天氣APP等等，還有對Facebook、Instagram、Ebay等應(yīng)用的扁平化再設(shè)計，都非常棒呦！如果你正在設(shè)計UI界面，那么可得好好借鑒學(xué)習(xí)一下，希望能給你帶來靈感 : ）

1. Graph screen

作為一名設(shè)計師，每年都會沉浸在一些新的界面設(shè)計趨勢中興奮不已。接下來，我們將探尋2013年的設(shè)計趨勢，這絕對是意義非凡的事情。Web設(shè)計師必須洞悉所有相關(guān)領(lǐng)域的新趨勢，緊跟時尚潮流。

這些新趨勢讓設(shè)計變得妙趣橫生。但是很多專家還會倡導(dǎo)那些并非最時髦、最震撼世界的設(shè)計。當然，響應(yīng)式設(shè)計不僅去年是熱點，今年依然還會被人們重視。同樣，柵格化設(shè)計作為最基本的設(shè)計，也會被繼續(xù)延續(xù)下去。

這次，藍藍設(shè)計想探索一下那些逐漸發(fā)展起來的設(shè)計潮流。也許過去我們只是偶爾嘗試一下這些設(shè)計風(fēng)格，但是今年我們會真正關(guān)注它們。

更多留白/負空間

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

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

根據(jù)Sheeya Iyengar教授的心理學(xué)研究，我們能夠洞察人們處理多重選擇時的心理變化。“選擇就是放棄”，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)站訪問者讀寬屏文字更快，但他們喜歡短屏文字。