什么是社交登錄表單？

和單純的注冊(cè)與登錄不一樣，現(xiàn)在是社會(huì)化的合作時(shí)代，一切都講究共贏、！而社交登錄表單界面設(shè)計(jì)正是為我們提供了一個(gè)快速進(jìn)入網(wǎng)站的入口，通常包括注冊(cè)和登錄兩部分。社交登錄入口一般都是facebook、推特、新浪、qq等。
要想使用網(wǎng)站設(shè)計(jì)提供的社交登錄表單功能，前提是你有那些社會(huì)化網(wǎng)站的帳號(hào)，不過(guò)這個(gè)時(shí)代，誰(shuí)會(huì)木有QQ或者微博呢：）話說(shuō)國(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)。

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

社交登錄表單用例

今天藍(lán)藍(lán)設(shè)計(jì)要探討的可不是漸變，要探討的是移動(dòng)界面設(shè)計(jì)中的漸變。我們來(lái)一起學(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ì)感。

扁平化界面設(shè)計(jì)越來(lái)越火爆，那么在弱化視覺(jué)效果的情況下，有ui設(shè)計(jì)師提到該從交互方面使體驗(yàn)更加愉悅，現(xiàn)在很多App界面設(shè)計(jì)也在努力朝這一方向發(fā)展，例如最近火遍全球倍受好評(píng)的 《FACEBOOK PAPER 中23個(gè)的設(shè)計(jì)細(xì)節(jié)》，還有《設(shè)計(jì)師新寵！交互神器ORIGAMI》等都足以讓人期待交互的未來(lái)。

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

百度云UE負(fù)責(zé)人@elya妞也分享了一篇App動(dòng)態(tài)設(shè)計(jì)的好文，基礎(chǔ)不行的同學(xué)可以補(bǔ)補(bǔ)：
提升品質(zhì)！豐富App動(dòng)態(tài)效果的六點(diǎn)原則

1、flipboard：

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

在這篇文章中藍(lán)藍(lán)設(shè)計(jì)收集了許多可免費(fèi)下載的注冊(cè)登錄界面設(shè)計(jì)PSD，從簡(jiǎn)潔的扁平化到精致的擬物化ui設(shè)計(jì)都有，童鞋們可以依自己的需求擇優(yōu)而求。

Login Free PSD

近年來(lái)，網(wǎng)頁(yè)頁(yè)眉（Header）的概念逐漸被重新定義，從單純用來(lái)放置一個(gè)標(biāo)準(zhǔn)logo和簡(jiǎn)單菜單的空間變得越來(lái)越受網(wǎng)頁(yè)設(shè)計(jì)者的重視。頁(yè)眉設(shè)計(jì)依靠獨(dú)特的設(shè)計(jì)手法，搭配上創(chuàng)意優(yōu)秀的圖片，可以讓網(wǎng)頁(yè)界面設(shè)計(jì)突破空間界限，給人留下深刻的印象。這里有藍(lán)藍(lán)設(shè)計(jì)收集的賞心悅目的國(guó)外網(wǎng)頁(yè)頁(yè)眉設(shè)計(jì)，以供欣賞借鑒。

登陸界面設(shè)計(jì)是網(wǎng)站設(shè)計(jì)結(jié)構(gòu)中極為重要的一個(gè)頁(yè)面，需要優(yōu)秀的外觀設(shè)計(jì)和良好的用戶體驗(yàn)并存。
藍(lán)藍(lán)設(shè)計(jì)這次收集了20個(gè)網(wǎng)站登陸的頁(yè)面設(shè)計(jì)，充滿創(chuàng)意和智慧，值得參考。

tapshop

每當(dāng)用戶準(zhǔn)備在網(wǎng)上買東西或購(gòu)買服務(wù)性商品時(shí)，他們主要看重產(chǎn)品特點(diǎn)和價(jià)格。銷售就是要吸引用戶的注意力，讓產(chǎn)品特點(diǎn)和價(jià)格成為賣點(diǎn)，成功進(jìn)行銷售。

為此，簡(jiǎn)潔明了的定價(jià)表界面設(shè)計(jì)是非常重要的。你得讓你的用戶覺(jué)得，我們懂得存款的來(lái)之不易，所以我們的定價(jià)既能滿足他們的需求又能符合預(yù)算。

在本文中，藍(lán)藍(lán)設(shè)計(jì)將會(huì)介紹一些激發(fā)靈感的優(yōu)秀定價(jià)表界面設(shè)計(jì)，讓你看到最好的ui設(shè)計(jì)作品。

NewsGroup Direct

在沉寂許久之后，磨砂背景突然大受設(shè)計(jì)師青睞，繼而重回大家的視線。在使用過(guò)程中，我們不難琢磨出其中的原因：這種方法可以讓主要元素著重顯示，在背景中突出，能不漏痕跡的強(qiáng)調(diào)放置在表層的內(nèi)容、圖標(biāo)以及圖表等。

除此之外，模糊背景還有其他優(yōu)點(diǎn)，比如說(shuō)你不用再為選哪些顏色搭配而煩惱，因?yàn)槟憧梢灾贿x一種基本色，然后調(diào)節(jié)不同的深淺。今天藍(lán)藍(lán)設(shè)計(jì)搜集了一系列以模糊背景為設(shè)計(jì)理念的手機(jī)app界面設(shè)計(jì)，小清新味兒十足，趕緊來(lái)看看~

手機(jī)界面

Solar alarm-未完成，設(shè)計(jì)：Rocket Child– 這款應(yīng)用的ui設(shè)計(jì)理念為：我們就是要圓要可愛(ài)耶！設(shè)計(jì)師將模糊背景與高亮度的白色元素完美結(jié)合，整個(gè)設(shè)計(jì)看起來(lái)和諧且精妙。

朋友們大家好，這是一組藍(lán)藍(lán)設(shè)計(jì)精心收集的優(yōu)質(zhì)購(gòu)物車界面設(shè)計(jì)PSD，這些精美的購(gòu)物車PSD將會(huì)為您的ui設(shè)計(jì)提供了一點(diǎn)創(chuàng)意靈感。

Shopping Cart

Shopping Cart Elements

周一大福利！在今天的資源分享中，藍(lán)藍(lán)設(shè)計(jì)精心準(zhǔn)備了超贊的免費(fèi)媒體播放器PSD界面設(shè)計(jì)！它們各具風(fēng)格：擬物、扁平應(yīng)有盡有。一定可以幫助你在軟件界面設(shè)計(jì)時(shí)更加得心應(yīng)手。

今天就來(lái)瞧瞧天賦異稟的設(shè)計(jì)師是如何賦予這播放器界面72般變化吧！

Video Player