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

tapshop

現(xiàn)在，所有的注意力都集中在良好的排版，高品質(zhì)的圖像，清晰的文本，完全兼容所有主流瀏覽器和屏幕尺寸。正在使用的大公司，如微軟，谷歌或蘋(píng)果，因此很容易理解為什么這種扁平化界面設(shè)計(jì)風(fēng)格的在ui設(shè)計(jì)界會(huì)有巨大的采用率。

在藍(lán)藍(lán)設(shè)計(jì)這篇文章中，你可以看到許多華麗的扁平化網(wǎng)頁(yè)設(shè)計(jì)作品，希望您會(huì)喜歡這個(gè)集合。

Tynan D’Arcy

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

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

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

NewsGroup Direct

今天藍(lán)藍(lán)設(shè)計(jì)要隆重推薦的10個(gè)網(wǎng)站，無(wú)論是在你設(shè)計(jì)一個(gè)新的移動(dòng)應(yīng)用程序還是尋找特定的ui設(shè)計(jì)解決方案時(shí)，他們都會(huì)踏踏實(shí)實(shí)的幫助到你。

Konigi

這個(gè)網(wǎng)站上展示了許多完美的交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)案例，網(wǎng)站提供了許多不同的方式來(lái)引導(dǎo)你便捷的搜尋感興趣的項(xiàng)目！一定要利用好標(biāo)簽喲。

登錄框存在已久，對(duì)于用戶(hù)來(lái)說(shuō)是必定每天接觸，對(duì)于設(shè)計(jì)師來(lái)說(shuō)也是一個(gè)墨守陳規(guī)的控件，兩個(gè)框加個(gè)按鍵，如果猛然抓個(gè)設(shè)計(jì)師問(wèn)「你覺(jué)得登錄框界面設(shè)計(jì)還有哪 些可以改進(jìn)的點(diǎn)」，得到的回答應(yīng)該是長(zhǎng)時(shí)間的沉默，當(dāng)然也包括我?！笇幙梢凰歼M(jìn)，莫在一思停」，這是一代宗師里的拳理，同樣也是做人做事的道理，思進(jìn)方可 有所為，一思一念間高下已分，體現(xiàn)在互聯(lián)網(wǎng)應(yīng)用及服務(wù)應(yīng)該就更為深刻了。

扯回主題，解決以下任何一個(gè)問(wèn)題的登錄框都是藍(lán)藍(lán)設(shè)計(jì)所認(rèn)為的優(yōu)秀登錄框ui設(shè)計(jì)（個(gè)人認(rèn)為的優(yōu)秀登錄樣式，參考長(zhǎng)文最后部分）：

1. 輸入效率問(wèn)題，現(xiàn)階段大多數(shù)用戶(hù)登錄均要求用戶(hù)使用傳統(tǒng)的鍵盤(pán)進(jìn)行輸入，這里就涉及一個(gè)問(wèn)題–擊鍵效率或稱(chēng)為輸入效率。有許多解決輸入效率的方法，如，

• 使用統(tǒng)一賬戶(hù)，許多互聯(lián)網(wǎng)服務(wù)允許使用OpenID，新浪、騰訊、Facebook、twitter…等等，像知乎允許使用新浪微博的賬號(hào)登錄，這樣就減少了用戶(hù)進(jìn)行注冊(cè)或登錄時(shí)的輸入成本。
• 記住用戶(hù)名及密碼，這樣可避免用戶(hù)下次再進(jìn)行輸入，但用戶(hù)清空cookie或安全級(jí)別要求高的互聯(lián)網(wǎng)服務(wù)就悲劇了。
• 在輸入過(guò)程中給予用戶(hù)幫助，例子：新浪微博使用郵箱做為登錄名（如圖1），用戶(hù)在輸入@ 后，將會(huì)出現(xiàn)輸入建議，輸入建議里有常用郵箱的后綴以輔助輸入。

在沉寂許久之后，磨砂背景突然大受設(shè)計(jì)師青睞，繼而重回大家的視線(xiàn)。在使用過(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ì)灰常樂(lè)意每周在網(wǎng)頁(yè)設(shè)計(jì)佳作列表中展現(xiàn)設(shè)計(jì)精美的網(wǎng)站，不斷為你提供靈感。而今天我們打算另辟蹊徑，為網(wǎng)頁(yè)設(shè)計(jì)師收集了既能提供設(shè)計(jì)靈感又實(shí)用的優(yōu)秀案例，與過(guò)往選擇單一”主題”的例子有所不同。我們將為你呈現(xiàn)不同的工具和技術(shù)分享網(wǎng)站，可讓你在得到靈感的同時(shí)還能發(fā)現(xiàn)不錯(cuò)的工具或服務(wù)。在這篇文章中你將看到22個(gè)美觀(guān)又實(shí)用的網(wǎng)站，全部都不容錯(cuò)過(guò)哦親！

responsify

Responsify是個(gè)用于創(chuàng)建響應(yīng)式模板的瀏覽器工具。

今年有看到雪嗎？如果你還沒(méi)有看到也木有關(guān)系，本次的推薦，藍(lán)藍(lán)設(shè)計(jì)將會(huì)為您展示一組冰天雪地里的漂亮網(wǎng)頁(yè)設(shè)計(jì)。

國(guó)內(nèi)這種網(wǎng)站界面設(shè)計(jì)還是比較少見(jiàn)的，借著新年之際，來(lái)欣賞這些融入了雪景的優(yōu)秀網(wǎng)頁(yè)ui設(shè)計(jì)吧！

Protest Boardwear

如果你想自己設(shè)計(jì)網(wǎng)頁(yè)時(shí)不再循規(guī)蹈矩，可以嘗試通過(guò)藝術(shù)風(fēng)格為網(wǎng)頁(yè)的界面設(shè)計(jì)加入一些趣味性的元素，比如我們今天要談到的卡通風(fēng)格插畫(huà)。
通過(guò)這些令人愉悅的卡通、妙趣橫生的圖像來(lái)打造一款網(wǎng)頁(yè)設(shè)計(jì)，肯定效果會(huì)非常出眾、極富娛樂(lè)性。
那么立即讓我們來(lái)欣賞藍(lán)藍(lán)設(shè)計(jì)收集的，這28例超贊的卡通風(fēng)格網(wǎng)頁(yè)設(shè)計(jì)吧。

Fabrika Online

展示了游戲中壯觀(guān)的場(chǎng)景，角色看起來(lái)很酷。

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

Shopping Cart

Shopping Cart Elements