對(duì)預(yù)算低的企業(yè)或者剛開始有意建網(wǎng)站的同學(xué)，使用一個(gè)高質(zhì)量的網(wǎng)站模板能大大減少時(shí)間，讓珍貴的時(shí)間磨在刀刃上。今天藍(lán)藍(lán)設(shè)計(jì)從一些專業(yè)的網(wǎng)站里收集了20款由專業(yè)設(shè)計(jì)師打造的高質(zhì)量網(wǎng)站設(shè)計(jì)模板，如果你正好需要，點(diǎn)進(jìn)那個(gè)優(yōu)雅的鏈接。

Modus Versus

登陸界面設(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

現(xiàn)在，所有的注意力都集中在良好的排版，高品質(zhì)的圖像，清晰的文本，完全兼容所有主流瀏覽器和屏幕尺寸。正在使用的大公司，如微軟，谷歌或蘋果，因此很容易理解為什么這種扁平化界面設(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)用戶準(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ì)是非常重要的。你得讓你的用戶覺得，我們懂得存款的來之不易，所以我們的定價(jià)既能滿足他們的需求又能符合預(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)站，無論是在你設(shè)計(jì)一個(gè)新的移動(dòng)應(yīng)用程序還是尋找特定的ui設(shè)計(jì)解決方案時(shí)，他們都會(huì)踏踏實(shí)實(shí)的幫助到你。

Konigi

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

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

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

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

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

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

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

手機(jī)界面

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

藍(lán)藍(lán)設(shè)計(jì)灰常樂意每周在網(wǎng)頁(yè)設(shè)計(jì)佳作列表中展現(xiàn)設(shè)計(jì)精美的網(wǎng)站，不斷為你提供靈感。而今天我們打算另辟蹊徑，為網(wǎng)頁(yè)設(shè)計(jì)師收集了既能提供設(shè)計(jì)靈感又實(shí)用的優(yōu)秀案例，與過往選擇單一”主題”的例子有所不同。我們將為你呈現(xiàn)不同的工具和技術(shù)分享網(wǎng)站，可讓你在得到靈感的同時(shí)還能發(fā)現(xiàn)不錯(cuò)的工具或服務(wù)。在這篇文章中你將看到22個(gè)美觀又實(shí)用的網(wǎng)站，全部都不容錯(cuò)過哦親！

responsify

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

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

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

Protest Boardwear

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

Fabrika Online

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