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

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

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

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

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

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

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

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

1. Graph screen

這一次，藍(lán)藍(lán)設(shè)計(jì)給大家?guī)淼乃夭氖?5款很有吸引力的搜索框 PSD 界面設(shè)計(jì)，你可以免費(fèi)下載使用。有時(shí)候，搜索框容易被訪客忽視，因?yàn)槠浜?jiǎn)單和沒有吸引力的ui設(shè)計(jì)。如果這是你所面對(duì)的問題，那么我們會(huì)鼓勵(lì)你去看看在這個(gè)集合，并找出一些有追求的方法來提高搜索框的美觀。

Searchbox

又是一個(gè)愉悅的周一。今天我們來聊聊“聯(lián)系我們”的頁面設(shè)計(jì)。它可是網(wǎng)頁設(shè)計(jì)中的最佳男配角了。雖然說通常只有一個(gè)頁面。但是他在老板的眼里，那可是最有份量的。他經(jīng)常出現(xiàn)在個(gè)人網(wǎng)站、企業(yè)網(wǎng)站、工作室網(wǎng)站設(shè)計(jì)中。但凡該網(wǎng)站提供服務(wù)，就必須要有一個(gè)聯(lián)系方式。今天藍(lán)藍(lán)設(shè)計(jì)收集了比較有創(chuàng)意的網(wǎng)站頁面的界面設(shè)計(jì)，有不同形式的分類和主張，希望您能喜歡。

Josies Bathrooms

開關(guān)，顧名思義，控制開和關(guān)，在界面設(shè)計(jì)中是一種加速器。在今日的UI設(shè)計(jì)中，無論是網(wǎng)頁設(shè)計(jì)還是手持設(shè)備界面設(shè)計(jì)，越來越多應(yīng)用到這種元素。酷炫的開關(guān)能給設(shè)計(jì)增色不少。而且在具備美觀的同時(shí)，也兼具功能性。可是遺憾的是設(shè)計(jì)開關(guān)是個(gè)比較麻煩的任務(wù)，所以藍(lán)藍(lán)設(shè)計(jì)今天推薦20款不同風(fēng)格的開關(guān)，供大家參考學(xué)習(xí)。

Web 元素是任何網(wǎng)站設(shè)計(jì)相關(guān)項(xiàng)目都需要的，質(zhì)量和良好ui設(shè)計(jì)的元素對(duì)于設(shè)計(jì)師來說就像寶貝一樣。如果您正在為您的網(wǎng)站界面設(shè)計(jì)，博客，Web 應(yīng)用程序或移動(dòng)應(yīng)用程序?qū)ふ彝昝涝O(shè)計(jì)的網(wǎng)頁設(shè)計(jì)元素，那么下面這個(gè)列表會(huì)是你需要的。

今天這里收集的免費(fèi)資源是20套免費(fèi)的 Web UI 設(shè)計(jì)的 PSD 界面元素，用于 Web 和 Mobile App 設(shè)計(jì)。它包括所有的設(shè)計(jì)元素的 PSD 格式，某些元素提供矢量格式，可以縮放到任意大小。

Blog/Magazine Flat UI Kit

ui設(shè)計(jì)師們還沒更新模板嗎？這是藍(lán)藍(lán)設(shè)計(jì)優(yōu)設(shè)2月份搜尋的UI設(shè)計(jì)模板，總共有27款，大多數(shù)為扁平化界面設(shè)計(jì)，都是免費(fèi)且的，希望這些收集能給你正在進(jìn)行的軟件界面設(shè)計(jì)項(xiàng)目一點(diǎn)幫助 : ）

Apple Product Line Wire Frame PSD by Rubayath

今天藍(lán)藍(lán)設(shè)計(jì)要推薦的福利可是很豐富的，滿滿的20套優(yōu)質(zhì)線性icon。作為一個(gè)ui設(shè)計(jì)師，你怎么能錯(cuò)過呢？而且還是免費(fèi)圖標(biāo)界面設(shè)計(jì)。

這里大多數(shù)的源文件，都是PSD可以編輯的矢量形狀圖標(biāo)或是Ai矢量格式的。這樣你修改起來就更方便了。
當(dāng)然了，雖然作者雖然提供免費(fèi)下載，但是您在使用的時(shí)候，還是看看作者下載文件里是否有許可條款。不然要是您商用的話，就是侵權(quán)的喲。

100 Free iOS7 Vector Icons

什么是社交登錄表單？

和單純的注冊(cè)與登錄不一樣，現(xiàn)在是社會(huì)化的合作時(shí)代，一切都講究共贏、！而社交登錄表單界面設(shè)計(jì)正是為我們提供了一個(gè)快速進(jìn)入網(wǎng)站的入口，通常包括注冊(cè)和登錄兩部分。社交登錄入口一般都是facebook、推特、新浪、qq等。
要想使用網(wǎng)站設(shè)計(jì)提供的社交登錄表單功能，前提是你有那些社會(huì)化網(wǎng)站的帳號(hào)，不過這個(gè)時(shí)代，誰會(huì)木有QQ或者微博呢：）話說國(guó)內(nèi)的一些網(wǎng)站利用社交登錄表單登錄后，體驗(yàn)很不好，層層跳轉(zhuǎn)，進(jìn)入網(wǎng)站后，依然要填寫一大堆個(gè)人資料。而且每次還不能記錄登錄狀態(tài)！這哪里是提供便捷，分明只是一個(gè)噱頭而已。

直觀看一個(gè)例子 Wunderlist：

該應(yīng)用允許用戶使用社交賬號(hào)登錄，也可以另外直接創(chuàng)建賬號(hào)。

直白地說，社交登錄表單就是一個(gè)進(jìn)入某系統(tǒng)的入口，用戶可以在這里注冊(cè)賬號(hào)，實(shí)現(xiàn)快速登錄。

社交登錄表單用例

今天藍(lán)藍(lán)設(shè)計(jì)要探討的可不是漸變，要探討的是移動(dòng)界面設(shè)計(jì)中的漸變。我們來一起學(xué)習(xí)、感受一下現(xiàn)今移動(dòng)界面設(shè)計(jì)中最流行的漸變吧。

推薦閱讀：
《一枚app圖標(biāo)的設(shè)計(jì)文化》 
《超贊！高大上的動(dòng)效設(shè)計(jì)方法及流程總結(jié)》

一、漸變作為界面的背景

iOS7 Lockscreen by Michael Shanks
神秘、優(yōu)雅、頗具吸引力、簡(jiǎn)單、只包含必要信息，半透明的解鎖條讓我們感受到細(xì)膩的質(zhì)感。