橫向的進(jìn)擊!網(wǎng)頁也可以橫著看

2013-11-5    藍(lán)藍(lán)設(shè)計的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   m.sillybuy.com  )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里

老實說,你瀏覽過幾個水平滑動的網(wǎng)站?如果讓我來回答這個問題,我得說我沒瀏覽過幾個。而且水平滾動網(wǎng)站似乎在網(wǎng)頁設(shè)計中并不流行?;蛘邥灰恍<艺f這是反人類的瀏覽體驗。
好吧,對無創(chuàng)意毋寧死的設(shè)計師來說。咱們就是愛打破常規(guī),弄點新穎奇特的設(shè)計出來。

不過不得不說,水平滾動網(wǎng)頁設(shè)計有點命途多舛,剛出來的時候短暫流行過一陣子,但后來漸漸消隱于大眾視線,
有人說這種風(fēng)格的網(wǎng)頁,瀏覽起來非常不順暢,有人說他們就沒見過認(rèn)真設(shè)計的水平滾動網(wǎng)站。但是本文將介紹幾例優(yōu)秀案例。

隨著設(shè)計技藝和風(fēng)格理解的提高,優(yōu)秀水平滾動設(shè)計漸漸多了起來。
當(dāng)然,還有重要的一點需要考慮,不是每一種內(nèi)容都適合用水平滾動的布局方式呈現(xiàn)。大多數(shù)采用水平滾動方式設(shè)計的網(wǎng)站,內(nèi)容一般都是圖片和簡潔的文字資料。

相較于垂直頁面設(shè)計,圖片展示是水平滾動設(shè)計唯一具有壓倒性優(yōu)勢的地方。在眾多的垂直布局網(wǎng)站中,如果出現(xiàn)一款水平滾動設(shè)計的圖片網(wǎng)站,就會有鶴立雞群的效果。

Samuel Esteves

Samuel Esteves是采用水平滾動設(shè)計的圖庫類網(wǎng)站范例。該網(wǎng)站中的很多圖庫都很有趣。

samuel esteves, great website design inspiration

Mariana Onate

正如我之前說的那樣,水平滾動網(wǎng)頁設(shè)計極度適合圖片展示,看看Mariana Onate。采用了多種技術(shù),以及簡單點擊的滾動操作給圖像瀏覽帶來高雅體驗。

horizontal scrolling web design

Lucuma

此作品集與眾不同,通過水平滾動設(shè)計,提供了更多作品的細(xì)節(jié),而作品本身也非常適合采用水平滾動

nice web layout, websites layout examples

Asiance

Asiance是亞洲的數(shù)字服務(wù)商。通過水平滾動,用戶可以獲取大量有用的信息。

horizontal web design

Alex Flueras

對于Alex Flueras我無話可說。這是個非常棒的水品滾動圖庫網(wǎng)站。

horizontal web design

C.L. Holloway

這是一位藝術(shù)家的網(wǎng)站,色彩非常的平滑,沒有突兀感。通過水平滾動,讓人有一種漫步于畫廊的感覺,創(chuàng)意和實際的完美結(jié)合。

horizontal webdesign, parallax scrolling

Gavin Castleton

絢麗的色彩,有趣的創(chuàng)意。雖然我承認(rèn),這個網(wǎng)站的瀏覽體驗并不是那么順暢,一進(jìn)入便填出注冊框,而導(dǎo)航卻處于屏幕的右邊,但是瑕不掩瑜,整體的效果還是很棒的。

gavin castleton, horizontal webdesign

Ladio

這是今天我推薦的網(wǎng)站中,最有趣的一個。我花了好幾分鐘來瀏覽此網(wǎng)站,不放過每一個細(xì)節(jié)。如此美麗的網(wǎng)站值得多花點時間駐足。

ladio, horizontal webdesign

Peter Pearson

簡約、清爽,可讀性強(qiáng),信息呈遞效果佳。

pearson, webdesigner, london, horizontal webdesign

分享本文至:

日歷

鏈接

個人資料

存檔