關(guān)于網(wǎng)頁UI,UE之類的論點(diǎn)文章網(wǎng)上太多了,更多大師將這些大師分析到,無論是開發(fā)領(lǐng)域還是設(shè)計(jì)領(lǐng)域,這些真正的大師所發(fā)表的文章都從不賣弄自己,更多的分析而無私的供獻(xiàn)自己的獨(dú)道見解,他們所寫博文與其它政治、娛樂、商業(yè)等領(lǐng)域所發(fā)表的博文完全不同類型，我不是大師，但我很崇拜大師。

一個(gè)頁面最醒目最吸引用戶的應(yīng)該是Banner了，尤其是Web2.0平臺(tái)Banner顯得更突出，Banner主要體心意旨，形象鮮明的展示所要表達(dá)的內(nèi)容。因?yàn)樗涯?，所以放一個(gè)很糟蹋的Banner上去效果也當(dāng)然“醒目”了。因此網(wǎng)頁Banner設(shè)計(jì)在這里起到了至關(guān)重要的作用，特別是首頁的Banner,直接決定了用戶的停留，下面讓我們通過大量優(yōu)秀的案例進(jìn)入Banner，走進(jìn)大師們的靈感世界。

1.大面積的Banner

旅游公司和旅行社的網(wǎng)站通常都會(huì)搭配非常有吸引力的精美照片，目的是為了突出視覺吸引力，獲取更多的潛在客戶。這篇文章向大家分享的25個(gè)精美的國外旅游網(wǎng)站設(shè)計(jì)作品，你可以從這些優(yōu)秀的網(wǎng)站作品中學(xué)習(xí)大照片在網(wǎng)頁背景中的應(yīng)用以及制作出多彩的，誘人的網(wǎng)站作品。

The Bedford Hotel

原文作者：Dmitry Fadeyev
原文鏈接：Apple vs. Microsoft – A Website Usability Study
譯者：indigo90
中文原文：http://ineu.org.cn/blog/index.php/archives/430

今天我們要對(duì)兩家大公司——蘋果和微軟——的網(wǎng)站做一個(gè)比較。

這兩大巨頭都對(duì)生產(chǎn)尖端產(chǎn)品以及引領(lǐng)軟硬件的發(fā)展感到自豪，但他們的網(wǎng)站又怎么樣呢？如何做出比較？更重要的是，哪一個(gè)網(wǎng)站更好，更實(shí)用呢？

在本文中，我們將從網(wǎng)站可用性的角度，對(duì)這兩家公司的網(wǎng)站做一個(gè)嚴(yán)密的剖析。

在這一比較開始前，我們應(yīng)當(dāng)注意到，這兩家公司的業(yè)務(wù)是圍繞著不同的市場(chǎng)展開的。

網(wǎng)站給用戶留下第一印象的既不是網(wǎng)站內(nèi)容，也不是網(wǎng)站布局，而是網(wǎng)站的色彩。色彩給人的視覺效果最明顯，一個(gè)網(wǎng)站設(shè)計(jì)成功與否，在某種程度上就取決于設(shè)計(jì)者對(duì)色彩的運(yùn)用和搭配。這篇文章搜集了45+靚麗的藍(lán)色和綠色主題網(wǎng)站作品，希望這些案例能帶給你靈感！

01. Webs Impact

每逢節(jié)日到來，當(dāng)你打開QQ瀏覽器，發(fā)現(xiàn)有什么不同嗎？QQ瀏覽器已經(jīng)悄悄的送出了節(jié)日的關(guān)懷，呈現(xiàn)在你眼前的是樸實(shí)而又溫情的畫面——節(jié)日閃屏。她是瀏覽器和用戶情感交流的窗口，也是傳遞節(jié)日祝福的橋梁。在不同的節(jié)日傳達(dá)不同的人文關(guān)懷，變換不同的表現(xiàn)形式，無論是為你帶來一秒靜靜的感動(dòng)，或是純凈的莞爾一笑，我們都希望閃屏的氛圍能給用戶帶來一個(gè)美好的心情，一段溫暖的時(shí)光。

Biola Undergrad

Bates College

色是一個(gè)很強(qiáng)大的色彩，深邃、神秘、暗藏力量，是一種具有多種不同文化意義的顏色。它也可以很莊重和有高雅，而且可以讓其它顏色突顯出來。今天，本文這篇文章和大家分享的是30個(gè)漂亮的黑色風(fēng)格國外優(yōu)秀網(wǎng)站欣賞，希望你能帶給你靈感。

1. Alien Bikes

2. 76 Synthesizer

　單頁網(wǎng)站是非常好的靈感來源，這些網(wǎng)站界面簡潔、主題突出、設(shè)計(jì)精美，有創(chuàng)意的動(dòng)態(tài)效果，帶給訪客強(qiáng)烈的視覺沖擊。這種形式的網(wǎng)站需要把內(nèi)容都放在一個(gè)頁面中，只有重要內(nèi)容才會(huì)展現(xiàn)在屏幕中。下面收集了20佳優(yōu)秀的單頁網(wǎng)站作品，通過這些網(wǎng)站，你能夠很好的了解和學(xué)習(xí)單頁形式的網(wǎng)站設(shè)計(jì)。

Belgian Boat Show

　　提到工具型網(wǎng)站，我們首先會(huì)有個(gè)疑問：大千網(wǎng)絡(luò)網(wǎng)站眾生，究竟什么樣的網(wǎng)站才算是工具型網(wǎng)站？它的特征是什么，與其他網(wǎng)站有什么不同？  從網(wǎng)上搜索相關(guān)信息，了解到關(guān)于該名詞的具體解釋并沒有明確的說法。

　　為了方便后續(xù)的研究，在此先結(jié)合之前同學(xué)們的研究成果，綜合整理一下，提供工具型網(wǎng)站的定義版本，供參考：

　　——所謂工具型網(wǎng)站，顧名思義就是構(gòu)筑在互聯(lián)網(wǎng)上的工具，是指為幫助人們完成某一特定領(lǐng)域的目標(biāo)需求而提供的、具有一定操作流程、以完成該目標(biāo)任務(wù)為主要目的、基于網(wǎng)絡(luò)應(yīng)用的工具手段。
　　它的主要特征在于：
　　– 以完成一項(xiàng)或多項(xiàng)任務(wù)為目的
　　– 注重操作流程引導(dǎo)
　　– 強(qiáng)調(diào)快速完成任務(wù)
　　– 非完成目標(biāo)的唯一手段，只是協(xié)助用戶更完成該目標(biāo)

本文沒有咬文嚼字的地方，只是一個(gè)技巧的分享，十分簡單，簡單到流淚。

網(wǎng)頁視覺層面主要是由形式（或叫布局）、色彩、圖片和文字信息組成，設(shè)計(jì)師通常對(duì)形式感 關(guān)注的比較多，因?yàn)橐曈X沖擊力、設(shè)計(jì)差異性或創(chuàng)新大多都仰賴形式呈現(xiàn)，而色彩 主要影響整體觀感、設(shè)計(jì)品質(zhì)以及受眾情緒，很多時(shí)候我們?cè)O(shè)計(jì)了一個(gè)不錯(cuò)的形式卻未能做出這個(gè)稿子應(yīng)有的品質(zhì)，會(huì)不會(huì)太可惜？

形式需要思考創(chuàng)造，圖片素材需要學(xué)習(xí)處理，文字需要梳理編排，但網(wǎng)頁色彩是不是一定需要有天生的色感、豐富的理論和多年經(jīng)驗(yàn)沉淀才能運(yùn)用自如？

當(dāng)然不！