旅游公司和旅行社的網(wǎng)站通常都會(huì)搭配非常有吸引力的精美照片，目的是為了突出視覺(jué)吸引力，獲取更多的潛在客戶。這篇文章向大家分享的25個(gè)精美的國(guó)外旅游網(wǎng)站設(shè)計(jì)作品，你可以從這些優(yōu)秀的網(wǎng)站作品中學(xué)習(xí)大照片在網(wǎng)頁(yè)背景中的應(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)站設(shè)計(jì)公司weavora.com ，介紹了在他們眼里8個(gè)Web設(shè)計(jì)趨勢(shì)：?jiǎn)雾?yè)面、用照片做背景、色塊設(shè)計(jì)、超大號(hào)的圖片、聚焦簡(jiǎn)潔、響應(yīng)式設(shè)計(jì)、視差滾動(dòng)、強(qiáng)調(diào)字體，每個(gè)趨勢(shì)后面都附了數(shù)個(gè)案例，相信對(duì)網(wǎng)站設(shè)計(jì)師會(huì)有一定的參考價(jià)值。

單頁(yè)面

單個(gè)長(zhǎng)頁(yè)面的設(shè)計(jì)一度不受人待見(jiàn)（無(wú)論是客戶還是設(shè)計(jì)師），但現(xiàn)在整個(gè)互聯(lián)網(wǎng)隨處可見(jiàn)。一個(gè)合理的解釋是，用戶現(xiàn)在早已習(xí)慣于使用鼠標(biāo)滾輪了，比起在多個(gè)頁(yè)面間來(lái)回查看，用滾輪上下瀏覽要省事得多。

包括蘋果在內(nèi)的一些知名大公司也使用了相當(dāng)長(zhǎng)的頁(yè)面來(lái)展示產(chǎn)品，獲得了很不錯(cuò)的效果。

項(xiàng)目背景

自2010年9月15日360極速瀏覽器發(fā)布以來(lái)，默認(rèn)界面一直沿用Chrome的外觀設(shè)計(jì)。隨著360極速瀏覽器的發(fā)展以及品牌化建立的需求，360UXC與產(chǎn)品團(tuán)隊(duì)進(jìn)行了深度的合作，以優(yōu)化用戶體驗(yàn)與提升視覺(jué)品質(zhì)為目標(biāo)參與到極速瀏覽器6.0版本的整體形象設(shè)計(jì)中，設(shè)計(jì)了全新的瀏覽器界面和官方網(wǎng)站，為360極速瀏覽器的品牌化建立打下了堅(jiān)實(shí)的基礎(chǔ)（chrome.360.cn )。

設(shè)計(jì)準(zhǔn)備

我們?yōu)榻⑵放苹曈X(jué)設(shè)計(jì)進(jìn)行了多種有意義的嘗試，設(shè)計(jì)前期與產(chǎn)品部門進(jìn)行了深度的溝通交流，了解產(chǎn)品的人群定位，發(fā)展方向，用戶研究進(jìn)行了核心360極速瀏覽器用戶調(diào)研，為下一步設(shè)計(jì)做好充分的準(zhǔn)備。之后組織設(shè)計(jì)師，進(jìn)行Brainstorming,分析現(xiàn)在的設(shè)計(jì)流行趨勢(shì)，包括相關(guān)競(jìng)品優(yōu)缺點(diǎn)分析等工作。

首先我們從整體的設(shè)計(jì)趨勢(shì)出發(fā)，研究總結(jié)Windows xp風(fēng)格過(guò)渡到Windows 8的Metro風(fēng)格變化過(guò)程，發(fā)現(xiàn)整體的界面質(zhì)感慢慢趨向于平面化，這為后期設(shè)計(jì)帶來(lái)了理論性依據(jù)。

認(rèn)識(shí)專題

頁(yè)面特性：產(chǎn)品頁(yè)面簡(jiǎn)潔易用，專題頁(yè)面絢麗視效印象深刻。

在頁(yè)面設(shè)計(jì)當(dāng)中，產(chǎn)品頁(yè)面（如facebook 微博 twitter 微吧等）的設(shè)計(jì)。注重功能，交互，設(shè)計(jì)要考慮用戶長(zhǎng)時(shí)間的瀏覽體驗(yàn)。視覺(jué)上側(cè)重間距，布局，按鈕和logo,及icon樣式。注重規(guī)范和視覺(jué)識(shí)別性。樣式通常簡(jiǎn)潔易用，絢麗元素少，視覺(jué)上并不強(qiáng)調(diào)沖擊力。

專題頁(yè)面時(shí)效性有限（大多專題是有推廣及活動(dòng)時(shí)間限制的，過(guò)了這個(gè)時(shí)間，就很少會(huì)有人再訪問(wèn)該頁(yè)面。），多為活動(dòng)推廣和吸引用戶等內(nèi)容，能在限定的時(shí)間的吸引最多用戶才能形成有力的推廣，需要強(qiáng)有力的視覺(jué)效果，和有趣的瀏覽體驗(yàn)，來(lái)達(dá)到吸引用戶的特點(diǎn)。在規(guī)范和布局甚至交互上可以適當(dāng)放寬要求。

用搶眼的視覺(jué)吸引戶并留下深刻印象是專題設(shè)計(jì)的首要！

傳統(tǒng)產(chǎn)品頁(yè)面，簡(jiǎn)潔注重功能和圖標(biāo)等視覺(jué)設(shè)計(jì)。

又是天氣不錯(cuò)的周末，不冷不熱，一年里最舒服的一些時(shí)日了叭。感覺(jué)自從十一長(zhǎng)假結(jié)束之后有些東西就變掉了，自己熟悉的很多事情、很多感覺(jué)，都像是在頭腦里向后退去了一層，要努力去抓才能讓它們回來(lái)的樣子誒。也許只是陽(yáng)光泛濫了太久的緣故。

好叭。今次的譯文是我最喜歡的一類小菜，篇幅簡(jiǎn)短，實(shí)戰(zhàn)性強(qiáng)。原文 作者，來(lái)自Frog的一名交互設(shè)計(jì)師，講述了她與朋友在共同設(shè)計(jì)開發(fā)拼車服務(wù)Ridejoy的iPhone客戶端 的過(guò)程中所遇到的一些挑戰(zhàn)以及相關(guān)的解決方案。前戲到這里，進(jìn)入正文。