首頁

不同風(fēng)格的設(shè)計(jì)師個(gè)人網(wǎng)站欣賞

藍(lán)藍(lán)設(shè)計(jì)的小編

如果要在一個(gè)UI設(shè)計(jì)師的眾多作品當(dāng)中挑選一個(gè)最接近該設(shè)計(jì)師的界面設(shè)計(jì)思想及風(fēng)格的,那么這個(gè)作品基本上就是設(shè)計(jì)師的個(gè)人網(wǎng)站設(shè)計(jì)。因?yàn)樵O(shè)計(jì)師個(gè)人網(wǎng)站在某種意義上來說可以不用顧及任何受眾群體,不用考慮任何商業(yè)約束之類的,基本上是一種隨心所欲的完全自我風(fēng)格的呈現(xiàn)。

因此,UI設(shè)計(jì)師們的個(gè)人網(wǎng)站設(shè)計(jì)成為了另一抹艷麗的風(fēng)景,來欣賞藍(lán)藍(lán)設(shè)計(jì)今天為您帶來的這道靚麗風(fēng)景線吧。

Sushi & Robots

Sushi & Robots

25個(gè)超贊的色塊化、模塊化網(wǎng)頁

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)設(shè)計(jì)強(qiáng)烈推薦:這些超贊的色塊化、模塊化網(wǎng)頁設(shè)計(jì)!
Web設(shè)計(jì)的8大趨勢(shì)中,其中就包含了色塊設(shè)計(jì)、超大號(hào)的圖片、聚焦簡(jiǎn)潔、響應(yīng)式設(shè)計(jì)、視差滾動(dòng)、強(qiáng)調(diào)字體。
辣!這些鮮活靈動(dòng)的界面設(shè)計(jì)案例,絕對(duì)會(huì)有打動(dòng)你的一個(gè)!在這個(gè)激動(dòng)人心的周五,會(huì)心收藏吧!

Mercer Tavern

View the live website design

十個(gè)國外黃色網(wǎng)站欣賞

藍(lán)藍(lán)設(shè)計(jì)的小編

在中國清朝,明黃色的衣服只有皇子才有資格穿,慢慢的黃色在中國就成了高貴的顏色。在人們的色彩印象中,黃色界面設(shè)計(jì)也表現(xiàn)為暫停。所以當(dāng)你的網(wǎng)頁設(shè)計(jì)采用黃色的時(shí)候,會(huì)讓人們?cè)谀愕木W(wǎng)頁前停留。今天藍(lán)藍(lán)設(shè)計(jì)就推薦一些國外黃色網(wǎng)站設(shè)計(jì),希望對(duì)UI設(shè)計(jì)師們有所幫助!

黃色,就像橙色和紅色,黃色也是一個(gè)暖色。它有大自然、陽光、春天的涵義,而且通常被認(rèn)為是一個(gè)快樂和有希望的色彩。不過話雖如此,它可能是一個(gè)難以應(yīng)付的色彩,而且貌似并不像之前討論的那幾種色彩流行。黃色是所有色相中最能發(fā)光的顏色,給人輕快,透明,輝煌,充滿希望的色彩印象。

如何設(shè)計(jì)清楚明了的對(duì)話框

藍(lán)藍(lán)設(shè)計(jì)的小編

對(duì)話框(Dialog)是個(gè)好用又方便的工具,通常用來再三確認(rèn)使用者的操作動(dòng)作與決策,以避免一時(shí)的手誤或誤會(huì)操作動(dòng)作的意思,常用于重要?jiǎng)幼鞯拇_認(rèn),例如:「你確定要?jiǎng)h除這個(gè)聯(lián)絡(luò)人嗎?」,但若對(duì)話框搭配了不適當(dāng)?shù)幕貞?yīng)選項(xiàng)文字,反而可能會(huì)造成使用者的困擾與誤解,有時(shí)還可能做了錯(cuò)誤的決定。

對(duì)話框界面設(shè)計(jì)最常見的不當(dāng)UI設(shè)計(jì)就是選項(xiàng)上的文字出現(xiàn):「是(YES)與否(NO)」,回想在學(xué)生時(shí)期考試的時(shí)候,O與X在是非題中是唯二的兩個(gè)答案,而出題者會(huì)透過文字?jǐn)⑹錾险吹恼`導(dǎo),來測(cè)驗(yàn)學(xué)生是否真的清楚了解,先不論這樣的測(cè)驗(yàn)方式到底對(duì)學(xué)習(xí)以及知識(shí)的建立到底有沒有明顯的幫助,使用者可不想在開心的使用你的程式或服務(wù)時(shí),還要小心翼翼的了解你對(duì)話框的內(nèi)容。

我們當(dāng)然可以細(xì)心的UI設(shè)計(jì)對(duì)話框中的文字,讓使用者清楚明了對(duì)話框的訊息,但是在大部分的情況下,我們幾乎根本不會(huì)逐字去閱讀訊息的內(nèi)容。你必須要假設(shè)使用者除了對(duì)話框上的按鈕外,不會(huì)閱讀任何其他訊息(對(duì)話框的標(biāo)題或是訊息內(nèi)容)。 – John Gruber of Daring Fireball

dialog

企業(yè)網(wǎng)站建設(shè)如何減少跳出率

藍(lán)藍(lán)設(shè)計(jì)的小編

毋庸置疑,造成用戶跳出率高的真正殺手是網(wǎng)站設(shè)計(jì)元素的雜亂和干擾。 總而言之,網(wǎng)站上任何惱人的元素都有可能造成用戶蜻蜓點(diǎn)水般離去,這些干擾可能是任何不和諧因素,包括過多的動(dòng)畫效果、過于雜亂的配色設(shè)計(jì)。只有層次分明、清晰明了的網(wǎng)站設(shè)計(jì)才能讓用戶把視線聚集在網(wǎng)站內(nèi)容的價(jià)值上,從而達(dá)到網(wǎng)站建設(shè)的目的。而用戶的煩惱就在于網(wǎng)站不合時(shí)宜的排版、不恰當(dāng)?shù)膶?dǎo)航以及錯(cuò)誤的信息把用戶統(tǒng)統(tǒng)拒之門外。

優(yōu)秀的網(wǎng)站設(shè)計(jì)是能最大化降低用戶跳出率,并提供良好的用戶體驗(yàn)和有價(jià)值的信息。為了避免界面設(shè)計(jì)的悲劇,藍(lán)藍(lán)設(shè)計(jì)總結(jié)了六大要素試圖降低網(wǎng)站跳出率:

 

1. 良好的用戶界面

漂亮的插畫風(fēng)格網(wǎng)站設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

很多UI設(shè)計(jì)師都有一個(gè)插畫家的夢(mèng)想,都想擁有自己的數(shù)位板。那么作為會(huì)融會(huì)貫通的網(wǎng)頁設(shè)計(jì)師是肯定也會(huì)在自己的網(wǎng)頁界面設(shè)計(jì)項(xiàng)目中露一手啦,

好比接下來藍(lán)藍(lán)設(shè)計(jì)為您推薦的漂亮的插畫風(fēng)格網(wǎng)站設(shè)計(jì),他們除了擁有強(qiáng)悍的交互,更是有著吸引眼球的視覺,我們知道插畫在網(wǎng)站中的使用比比皆是,但要保持它和其他網(wǎng)站信息的風(fēng)格一致,是需要設(shè)計(jì)師的不懈努力和推敲琢磨的,所以讓我們一起來欣賞這里的網(wǎng)頁吧!希望可以給您的工作帶來靈感。


Protect the Football

清新脫俗:自然風(fēng)味濃郁的網(wǎng)頁設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

在進(jìn)行UI設(shè)計(jì)時(shí),往往我們需要依賴?yán)砟詈蛣?chuàng)意。所有你看到的東西,環(huán)繞在你周圍的事物均可成為你的創(chuàng)意來源。

我們今天的話題是自然風(fēng)味濃郁的網(wǎng)頁設(shè)計(jì)。當(dāng)設(shè)計(jì)缺乏靈感時(shí),不妨出去走走,感受一下自然。溫暖、放松、如家、友好、美麗的自然風(fēng)情畫緩緩的展現(xiàn)在你的眼前,同時(shí)也帶有一點(diǎn)點(diǎn)的神秘與新鮮感。

如何在網(wǎng)頁設(shè)計(jì)中加入自然風(fēng)情呢?請(qǐng)看藍(lán)藍(lán)設(shè)計(jì)下面這22個(gè)網(wǎng)站。

Gyga Voyages

旅游公司的網(wǎng)站界面設(shè)計(jì),背景圖像很有創(chuàng)意。

Gyga Voyages

如何為圖片加框:幾種常用的作法與選擇

藍(lán)藍(lán)設(shè)計(jì)的小編

網(wǎng)頁設(shè)計(jì)時(shí)總是有許多考慮,而不得不為圖片元素加上框線處理,例如考量使用者互動(dòng)與圖片互動(dòng)時(shí):像是滑鼠滑上、滑鼠按下時(shí)的效果;或是網(wǎng)頁版面界面設(shè)計(jì)時(shí),或許是為了保留必須與文字一起排版的彈性、或許是考慮到無法掌握?qǐng)D片內(nèi)容、可能會(huì)出現(xiàn)網(wǎng)頁相同色彩的圖片,像是商業(yè)攝影圖片等,諸如以上種種狀況,都可能考慮到為圖片加上外框UI設(shè)計(jì)

商業(yè)攝影的圖片常常會(huì)有全白的背景出現(xiàn):

或是像這種大面積留白的插畫圖片,若是沒有框線,實(shí)在很難看到圖片的邊界在哪里,在網(wǎng)頁上與文字一起編排的時(shí)候容易造成困擾:

簡(jiǎn)約時(shí)尚的網(wǎng)站設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

今天藍(lán)藍(lán)設(shè)計(jì)推薦一些簡(jiǎn)約時(shí)尚的網(wǎng)站設(shè)計(jì),最大的特點(diǎn)是都采用了極少的顏色搭配和比較簡(jiǎn)單的元素,但都創(chuàng)造了或遼遠(yuǎn)無邊、或?qū)庫o寂寥的的視覺效果,每個(gè)網(wǎng)站界面設(shè)計(jì)的配色都很贊,同學(xué)們可以學(xué)習(xí)一下 : )

Ten & Bourne

Ten & Bourne

漂亮的APP應(yīng)用網(wǎng)站

藍(lán)藍(lán)設(shè)計(jì)的小編

很多iPhone應(yīng)用網(wǎng)站的UI設(shè)計(jì)都頗為精美,朋友們們不會(huì)有什么意見的??磥砟切?/span>UI設(shè)計(jì)師們都敞開胸懷迎接“蘋果style”,創(chuàng)造出干凈簡(jiǎn)約又優(yōu)雅的網(wǎng)站設(shè)計(jì)。可不嘛,作為一枚合格的設(shè)計(jì)師,他們才不會(huì)隨隨便便弄個(gè)網(wǎng)站界面設(shè)計(jì)展示他們的app呢,都卯足了勁設(shè)計(jì)出新穎的版式,配上美美的圖片、大量留白和恰當(dāng)?shù)淖煮w。今天呢!藍(lán)藍(lán)設(shè)計(jì)將要帶給你的這份靈感清單就是一些絕贊的iPhone應(yīng)用網(wǎng)站設(shè)計(jì)!

dcovery

這可是規(guī)劃旅游方案的一枚利器,等你到了目的地還能靠它探索更多樂趣。

21 Beautiful iPhone App Websites

日歷

鏈接

個(gè)人資料

存檔