用圓形元素進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)有兩種討的辦法：

一種是把圓形作為網(wǎng)頁(yè)界面設(shè)計(jì)過(guò)程中的主要形狀。這樣的網(wǎng)頁(yè)的主要元素，比如標(biāo)志的類型，導(dǎo)航元素，彈出菜單，圖像和其他元素，都應(yīng)該是以圓形為基礎(chǔ)設(shè)計(jì)的。
第二種方法就是避免重復(fù)使用圓形，只用一個(gè)主要的圓形元素來(lái)抓住用戶的注意力。但不管使用哪種方法，設(shè)計(jì)師們都應(yīng)該要時(shí)刻把網(wǎng)頁(yè)整體的可讀性，可用性和協(xié)調(diào)性放在心上。

既然提到了設(shè)計(jì)，那么下面不妨看看藍(lán)藍(lán)設(shè)計(jì)為你精心挑選的一些應(yīng)用了圓形元素網(wǎng)頁(yè)設(shè)計(jì)。它們都充分地利用了圓形的特點(diǎn)來(lái)展現(xiàn)頁(yè)面。

Like there is no tomorrow

于UI設(shè)計(jì)師，挖到免費(fèi)漂亮的Photoshop紋理就像和挖到寶藏一樣。在一個(gè)界面設(shè)計(jì)項(xiàng)目里，派給你一個(gè)妹子和一個(gè)恰當(dāng)?shù)?span id="xhhjn7xljfrd" class="wp_keywordlink_affiliate">紋理，你會(huì)要神馬？
廢話，肯定是妹子了！當(dāng)然接下來(lái)紋理也是缺一不可的！
今天藍(lán)藍(lán)設(shè)計(jì)推薦給您一些精挑細(xì)選的紋理，來(lái)試試將它們平鋪運(yùn)用到你的web設(shè)計(jì)中吧。

Crafted Wood

有很多同學(xué)下載了紋理后知道如何平鋪使用，并且都分類羅列一目了然，可是在制作網(wǎng)站的時(shí)候卻不知道怎么用，總感覺(jué)利用不起來(lái)。

那么今天藍(lán)藍(lán)設(shè)計(jì)推薦30個(gè)運(yùn)用紋理界面設(shè)計(jì)出眾的網(wǎng)站設(shè)計(jì)，希望對(duì)你UI設(shè)計(jì)有一定的啟發(fā):)

Hollister Co.

與你的客戶建立良好親密關(guān)系重要的一點(diǎn)就是展示你的團(tuán)隊(duì)，是的，這樣客戶能迅速了解你的團(tuán)隊(duì)實(shí)力，合作上方便很多。
今天藍(lán)藍(lán)設(shè)計(jì)收集了一組展示團(tuán)隊(duì)成員的網(wǎng)頁(yè)布局界面設(shè)計(jì)，從2——4人的小團(tuán)隊(duì)到10——20的大集體都有優(yōu)秀的范例，希望能給你帶來(lái)一點(diǎn)UI設(shè)計(jì)靈感。
Tone Agency

最近大家伙越來(lái)越關(guān)注視差滾動(dòng)的網(wǎng)站設(shè)計(jì)了，很多同學(xué)都在四處尋找相關(guān)的案例來(lái)賞析學(xué)習(xí)。此前我們也分享過(guò)相關(guān)的制作教程及文章。

那么今天藍(lán)藍(lán)設(shè)計(jì)繼續(xù)推薦創(chuàng)意十足的視差滾動(dòng)酷站界面設(shè)計(jì)，希望能為你的案例帶來(lái)靈感：）強(qiáng)烈推薦收藏。

Beatbox Academy

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)，是一種正在流行的網(wǎng)頁(yè)開(kāi)發(fā)思想，它是利用靈活可變的柵格系統(tǒng)，令網(wǎng)頁(yè)的顯示模式可以根據(jù)訪問(wèn)設(shè)備的屏幕尺寸規(guī)格而進(jìn)行自適應(yīng)。預(yù)計(jì)2015年的時(shí)候，移動(dòng)端的用戶數(shù)量將會(huì)從目前的8億，增長(zhǎng)到19億，而這也意味著目前我們?yōu)樽烂鏋g覽器而設(shè)計(jì)的網(wǎng)頁(yè)，將會(huì)在他們的手機(jī)和平板上呈現(xiàn)出非常糟糕的使用體驗(yàn)。

但是隨著實(shí)際應(yīng)用狀況的改變，響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)還是會(huì)出現(xiàn)一系列復(fù)雜的并發(fā)癥。本文余下的部分，就是詳細(xì)闡述如何在響應(yīng)式網(wǎng)頁(yè)中安置和處理多媒體元素，諸如圖片和視頻，最終的目的是幫你做出一個(gè)靠譜的網(wǎng)站，能讓這些元素?zé)o縫地在各種手持設(shè)備上加載運(yùn)行，提升用戶體驗(yàn)。

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)中的圖片處理

先說(shuō)說(shuō)響應(yīng)式圖片的處理方法。在響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)中，圖片處理的問(wèn)題或多或少地和傳統(tǒng)網(wǎng)頁(yè)中的導(dǎo)航欄設(shè)計(jì)有相似之處。隨著新的移動(dòng)設(shè)備的普及，更高像素密度的屏幕使得網(wǎng)頁(yè)的任何一個(gè)瑕疵都顯得無(wú)比明顯，因此，圖片處理的核心問(wèn)題在于如何確保網(wǎng)站（尤其是圖片）的各個(gè)方面都能盡可能靈活，并且確保每個(gè)像素不會(huì)在高分屏下模糊。

服飾鞋帽向來(lái)是時(shí)尚必爭(zhēng)之地，除產(chǎn)品本身的宣傳是核心競(jìng)爭(zhēng)力，在用戶還未接觸到實(shí)體之前，通過(guò)網(wǎng)站宣傳往往是給新用戶留下一個(gè)好印象的開(kāi)始。

宣傳產(chǎn)品的網(wǎng)站界面設(shè)計(jì)，充滿美感的大照片和酷炫的網(wǎng)頁(yè)現(xiàn)在是必不可少的，來(lái)看看藍(lán)藍(lán)設(shè)計(jì)下面一組時(shí)尚類型的鞋帽服飾網(wǎng)站設(shè)計(jì)吧。

更多時(shí)尚類網(wǎng)站設(shè)計(jì)欣賞：
http://m.shtzxx.cn/

Heren

小時(shí)候，一盒水彩，幾張白紙，就可以一個(gè)人安靜地待上好久。還記得綠色用得特別快，因?yàn)橄矚g用綠色，畫很多的樹(shù)葉，畫大片的草地。不過(guò)現(xiàn)在可以用電腦畫，再也不用擔(dān)心缺哪個(gè)顏色啦！
以下是藍(lán)藍(lán)設(shè)計(jì)收集的一組數(shù)字水彩效果的網(wǎng)站設(shè)計(jì)，每個(gè)都好漂亮，看是否能勾起你童年的美好回憶。是否對(duì)你的UI設(shè)計(jì)有所幫助！

Istok Pavlovic

小型電子商務(wù)網(wǎng)站設(shè)計(jì)能享受這樣的：不用像很多大型連鎖商店那樣必須使用預(yù)先規(guī)定的界面設(shè)計(jì)樣式，他們不需要內(nèi)容繁多的登錄頁(yè)面，也不需要有著成百上千條分類的大型菜單欄，甚至不需要一個(gè)建議性或可選擇的產(chǎn)品鏈接。
所有小型商店的好商品需要的是一位很棒的設(shè)計(jì)師來(lái)為它們建立一個(gè)簡(jiǎn)潔且現(xiàn)代感十足的網(wǎng)站。當(dāng)然，一枚”立即購(gòu)買”的按鈕會(huì)很有用。
我相信當(dāng)你看完藍(lán)藍(lán)設(shè)計(jì)這些簡(jiǎn)約時(shí)尚的電商網(wǎng)站設(shè)計(jì)后，你會(huì)對(duì)視覺(jué)營(yíng)銷，電子商務(wù)有全新的認(rèn)識(shí)！

或者會(huì)發(fā)自肺腑的感嘆：原來(lái)這就足夠了，購(gòu)物真的不需要那么復(fù)雜。

Tatchies

頁(yè)面的加載時(shí)間是每一個(gè)UI設(shè)計(jì)師都擔(dān)心的數(shù)據(jù)，或者至少是每個(gè)界面設(shè)計(jì)師都應(yīng)該擔(dān)心的問(wèn)題。圖片的大小肯定是一個(gè)需要留意的問(wèn)題。這就是藍(lán)藍(lán)設(shè)計(jì)為什么在這里寫了幾個(gè)有助于優(yōu)化頁(yè)面中的圖片的小技巧，這些小技巧將有助于大家解決這個(gè)問(wèn)題，這些小技巧也可以在你需要優(yōu)化圖片的時(shí)候提供很多幫助。對(duì)你的網(wǎng)站設(shè)計(jì)有所幫助！

TinyPNG
TinyPNG是使用智能有損壓縮技術(shù)，來(lái)減小png圖片的大小。