您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

2015年垂直滾動(dòng)理念路在何方

隨著單頁網(wǎng)站從未經(jīng)考驗(yàn)的即興創(chuàng)作一躍成為受人熱捧的潮流趨勢(shì),垂直滾動(dòng)的理念正式成了人們目光聚焦的中心。與此同時(shí),設(shè)計(jì)師們也在大踏步地創(chuàng)新,力求讓這一趨勢(shì)在百尺竿頭更進(jìn)一步。

然而,也并非采用垂直滾動(dòng)(視差滾動(dòng))就是好的設(shè)計(jì),創(chuàng)意的產(chǎn)物,之前圖趣網(wǎng)剛分享過一篇文章,名為視差滾動(dòng):高清大圖+“向下滾動(dòng)”=偷懶式設(shè)計(jì)

現(xiàn)今,在網(wǎng)站設(shè)計(jì)中采用垂直滾動(dòng)已經(jīng)不再是為了追求創(chuàng)意,其更多成為了保證用戶友好性的關(guān)鍵(但是如果你能再保證用戶友好性的同時(shí)發(fā)揮創(chuàng)意,那你的設(shè)計(jì)就轟動(dòng)了)。根據(jù)人類的自然習(xí)性,我們?cè)趧傞_始習(xí)慣某項(xiàng)新鮮事物時(shí)總會(huì)盡量維持耐心。但在互聯(lián)網(wǎng)上,則截然相反。隨著網(wǎng)絡(luò)日漸成為我們生活的中心,人們的耐心越來越差。正是因此,我們開始逐漸摒棄需要花費(fèi)時(shí)間等待從A頁面轉(zhuǎn)到B頁面的網(wǎng)站。3次點(diǎn)擊原則已經(jīng)不再適用。我們希望能夠不用3次點(diǎn)擊,甚至一次點(diǎn)擊都不用就獲取到網(wǎng)站上某一位置的信息。而這正是單頁網(wǎng)站發(fā)揮實(shí)力的地方,也是垂直滾動(dòng)趨勢(shì)大踏步發(fā)展的契機(jī)。

隨著越來越多的網(wǎng)絡(luò)管理人員開始轉(zhuǎn)向無頁面網(wǎng)站,2014年對(duì)于網(wǎng)頁設(shè)計(jì)師來說十分的忙亂。而2015年,舞臺(tái)的主角將是垂直滾動(dòng)。雖然說不是所有人都會(huì)玩垂直滾動(dòng),但是必將有人前赴后繼地投身于此。

下面讓我們看看接下來的一年都會(huì)發(fā)生些什么吧:

應(yīng)戰(zhàn)搜索引擎優(yōu)化難題

單頁網(wǎng)站在搜索引擎優(yōu)化方面的顯著缺陷在于,網(wǎng)站的所有內(nèi)容都集中在單個(gè)頁面上,因此所有關(guān)鍵詞也要顯示在同一頁面上。這樣顯然會(huì)讓人聯(lián)想起“關(guān)鍵詞堆積”這一做法,而且整體語言也會(huì)因?yàn)樵趩我豁撁嫔夏依ù罅磕繕?biāo)關(guān)鍵詞而顯得很不自然。自不必說,這種方法會(huì)對(duì)網(wǎng)站在搜索引擎上的排名帶來直接的影響。

打個(gè)比方說,假如你所運(yùn)營的軟件開發(fā)公司網(wǎng)站能夠提供PHP開發(fā)、Wordpress開發(fā)和Android開發(fā)等服務(wù)?,F(xiàn)在有關(guān)于這些服務(wù)的所有信息都要放到單獨(dú)一個(gè)頁面里,而每項(xiàng)服務(wù)都有著自己截然不同的一套關(guān)鍵詞。那么,把“預(yù)約PHP開發(fā)服務(wù)”、“預(yù)約Android開發(fā)員”、“預(yù)約Wordpress開發(fā)服務(wù)”等等都放到單獨(dú)一個(gè)頁面上,看起來會(huì)不會(huì)怪怪的。搜索引擎機(jī)器人在確認(rèn)你的網(wǎng)站主題方面會(huì)遇到困難,從而自然會(huì)給你的排名帶來負(fù)面影響。

當(dāng)然,大家都覺得我們可以信賴網(wǎng)站管理人員和開發(fā)人員有能力克服這個(gè)困難。雖然企業(yè)博客在網(wǎng)上很常見,但是仍然有很多巨頭不重視博客網(wǎng)站對(duì)其公司排名的重要價(jià)值和意義。盡管網(wǎng)站的主頁上也能夠包含所有有關(guān)公司服務(wù)的分類信息、各種行為號(hào)召什么的,但是博客網(wǎng)站卻能夠發(fā)布各類行業(yè)相關(guān)內(nèi)容來吸引新讀者,而且更重要的是,博客網(wǎng)站能讓你隨便使用關(guān)鍵詞。

故事講述的意義將更加重大

在網(wǎng)站實(shí)現(xiàn)了垂直滾動(dòng)后,我們就可以采用網(wǎng)格模式,以便圍繞著品牌編織故事。通過使用不同的交互元素,還可以進(jìn)一步為故事增添趣味。隨著越來越多的品牌采用故事講述的方法與受眾溝通,相信這一趨勢(shì)將在今年得到大踏步的發(fā)展。


極簡主義再度成為焦點(diǎn)

由于所有品牌信息都會(huì)和圖片、視頻及其他多媒體文件一起在單獨(dú)一個(gè)頁面上顯示,那么單頁網(wǎng)站的體量自然會(huì)相對(duì)更大,進(jìn)而進(jìn)一步推動(dòng)極簡主義的發(fā)展。當(dāng)然如果你不怕加重服務(wù)器的負(fù)擔(dān)并延長加載時(shí)間,那盡可以給網(wǎng)站加上各種華麗的效果。扁平化設(shè)計(jì)已經(jīng)在網(wǎng)絡(luò)世界占有了自己的一席之地,而隨著單頁網(wǎng)站的流行,其必將繼續(xù)擴(kuò)大領(lǐng)地。

而與流行觀點(diǎn)不同的是,扁平化設(shè)計(jì)也能夠和擬物化設(shè)計(jì)一樣具有視覺吸引力。但前提是你要有創(chuàng)新的方法和靠得住的高超技術(shù)水平。

接受現(xiàn)實(shí)吧:肯定會(huì)有很多蹩腳的嘗試出現(xiàn)

垂直滾動(dòng)必將變幻多端(原諒我找不到更好的詞來形容)、正如自古以來各種變化多端的創(chuàng)作一樣,垂直滾動(dòng)剛開始出現(xiàn)時(shí)一定會(huì)很粗糙。誠然,現(xiàn)在已經(jīng)有一大堆網(wǎng)站開始采用了垂直滾動(dòng),但我們對(duì)它的理解認(rèn)識(shí)才剛剛開始。

還記得Flash曾經(jīng)改變我們做網(wǎng)頁設(shè)計(jì)時(shí)的情況嗎?所有內(nèi)容都經(jīng)歷了從粗糙到生動(dòng)、華麗、漂亮的過程。但是我們也見證了濫用Flash造成網(wǎng)站設(shè)計(jì)讓人過目就忘的時(shí)間。這種濫用不僅從“時(shí)尚”角度上來說是個(gè)災(zāi)難,同時(shí)也讓網(wǎng)站速度變得越來越緩慢。更不用說有的Flash元素位置放置不當(dāng)造成很多華而不實(shí)而且很彪野的內(nèi)容搶占了關(guān)鍵信息的風(fēng)頭。

盡管我們不愿相信,但垂直滾動(dòng)也必將見證這同一過程。其實(shí)已經(jīng)有設(shè)計(jì)師走上了錯(cuò)誤的方向?,F(xiàn)在有很多網(wǎng)站理所當(dāng)然地在圣誕節(jié)慶期間讓頁面充斥著鈴鐺、汽笛、雪花之類的玩意。之所以稱其為設(shè)計(jì)災(zāi)難,是因?yàn)橛脩舨坏貌槐牬笱劬ευ谝黄A麗之下閱讀所需的文字內(nèi)容。

這種在網(wǎng)站上努力營造的驚嘆感實(shí)際上持續(xù)不了幾秒鐘。在最初的驚嘆過后,用戶根本上還是要辦正事,尋找自己本來需要的信息/服務(wù)。但如果設(shè)計(jì)妨礙了用戶的目的,他們就會(huì)果斷轉(zhuǎn)到你競(jìng)爭對(duì)手的網(wǎng)站上去。所以說,不管你怎么努力呼吁大家別去犯這些錯(cuò)誤,2015年不一定會(huì)聽你的。

但不管怎么說,一定會(huì)有一批網(wǎng)站從創(chuàng)意和實(shí)用性角度完美運(yùn)用垂直滾動(dòng),成為我們的好榜樣。

移動(dòng)用戶將雙手擁抱垂直滾動(dòng)——各大品牌也一樣

“移動(dòng)端專用”這一理念已經(jīng)有了深入人心的基礎(chǔ)。各個(gè)行業(yè)的品牌都將創(chuàng)作出經(jīng)得住移動(dòng)端考驗(yàn)的網(wǎng)站,因?yàn)樗鼈冎雷约阂淮髩K的訪客都將來自移動(dòng)端。同時(shí)界面的明晰與否也將十分關(guān)鍵,因?yàn)樵谝苿?dòng)端上查看內(nèi)容的屏幕會(huì)非常小。

所以說,垂直化網(wǎng)站是適用智能手機(jī)和平板電腦的最自然選擇。垂直滾動(dòng)不會(huì)迫使用戶到處找菜單鏈接,而是通過簡單的滾動(dòng)操作訪問所有信息。

那些一直忽視移動(dòng)內(nèi)容使用數(shù)據(jù)的品牌也必將起身側(cè)目,并跟上大流。

內(nèi)容將會(huì)繼續(xù)分成小板塊顯示

我們需要更多的“超級(jí)內(nèi)容”,也就是能夠快速撬動(dòng)信息傳遞并且有實(shí)質(zhì)意義的內(nèi)容。另外,因?yàn)槲覀円層脩魸L動(dòng)過所提供的全部信息,因此不能在公司和公司服務(wù)的內(nèi)容上長篇大論。

內(nèi)容必須要清晰明快,盡量靈巧。訊息必須能夠用盡量簡短的幾個(gè)字傳遞出來,所以有必要找專家?guī)兔Α,F(xiàn)在很多公司會(huì)雇用廉價(jià)的內(nèi)容寫手來寫文案,但是垂直滾動(dòng)則會(huì)讓擁有高超水平的寫手大賺特賺。平凡而單調(diào)的內(nèi)容對(duì)于文字做主角的網(wǎng)站來說就意味著完蛋。


把賣不出去的內(nèi)容推到角落

垂直滾動(dòng)趨勢(shì)的最直接結(jié)果,就是讓各大公司少在公司歷史、公司品牌成長故事上廢話。即便非要對(duì)這部分內(nèi)容娓娓道來,也必須是放到網(wǎng)頁最底部,因?yàn)榫W(wǎng)站的關(guān)鍵是銷售。所謂令人印象深刻的故事唯一的用途就是讓人印象深刻,但是這個(gè)故事一般不會(huì)深刻到能讓潛在客戶去點(diǎn)擊“購買”或者“聯(lián)系我們”按鈕。

總之,不論從哪一點(diǎn)看,垂直滾動(dòng)都必將讓用戶更加投入你的網(wǎng)站。所以,你也不妨嘗試一下,讓你的網(wǎng)站訪問起來更加方便、更具響應(yīng)式特色,同時(shí)也不失實(shí)際意義。如果做得好,就能讓網(wǎng)站及其內(nèi)容滿足普通網(wǎng)頁用戶的需求。

原文地址:awwwards

[教程作者:蔣燦]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di2681.html
視差滾動(dòng):高清大圖+“向下滾動(dòng)”=偷懶式設(shè)計(jì)
你造嗎?曾經(jīng)流行過的字體都有哪些
圖趣網(wǎng)微信
建議反饋
×