扁平化界面設(shè)計越來越火爆，那么在弱化視覺效果的情況下，有UI設(shè)計師提到該從交互方面使體驗更加愉悅，現(xiàn)在很多App界面設(shè)計也在努力朝這一方向發(fā)展，等都足以讓人期待交互的未來。

今天藍(lán)藍(lán)設(shè)計收集總結(jié)了一組移動端的App動畫設(shè)計，同學(xué)們可以學(xué)習(xí)一下。

1、flipboard：

利用上下動畫來切換到下一個界面（由于網(wǎng)慢數(shù)據(jù)沒有加載出來）；

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

從公共平臺的角度看

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

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

1. Graph screen

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

Searchbox

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

Josies Bathrooms

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

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

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

Blog/Magazine Flat UI Kit

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

Apple Product Line Wire Frame PSD by Rubayath

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

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

100 Free iOS7 Vector Icons

什么是社交登錄表單？

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

直觀看一個例子 Wunderlist：

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

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

社交登錄表單用例