2013-11-08 分類: 網(wǎng)站設(shè)計(jì)
接下來的幾天,我們將介紹來年網(wǎng)站設(shè)計(jì)中最有影響力的十個(gè)趨勢(shì)。當(dāng)然,這并不意味著您需要在自己的頁(yè)面上使用此列表中的每個(gè)項(xiàng)目。正如用戶體驗(yàn)設(shè)計(jì)專家Aarron Walter在他的書“Design for Emotion”中所寫的那樣,“如果所有內(nèi)容都會(huì)引起觀眾的注意,那就什么也聽不見了?!笨偨Y(jié)一下:用太多的選擇或面對(duì)面的元素來壓倒你的訪問者是“Out”,相反,請(qǐng)確保您的“In”列表中充滿了令人著迷的設(shè)計(jì)選擇,這些選擇會(huì)讓您的觀眾著迷,并盡自己的一份力量來擴(kuò)大您的品牌。
本文中我先介紹兩個(gè)趨勢(shì):微動(dòng)畫和移動(dòng)優(yōu)先。但是,請(qǐng)繼續(xù)閱讀的頂級(jí)網(wǎng)站設(shè)計(jì)趨勢(shì)的其他內(nèi)容,并通過具體方式將其整合到您自己的網(wǎng)站中。
微動(dòng)畫
沒有必要將整個(gè)網(wǎng)站轉(zhuǎn)變?yōu)榭膳c迪士尼最新電影相媲美的全面技術(shù)項(xiàng)目。動(dòng)畫在過去幾年中一直是一種發(fā)展趨勢(shì),其中包括視差滾動(dòng)(利用運(yùn)動(dòng)和深度感知讓您的網(wǎng)絡(luò)觀眾進(jìn)入您的網(wǎng)頁(yè)故事)等功能成為這個(gè)家族中的老牌玩家。然而,在,動(dòng)畫將以另一種形式出現(xiàn):小而真實(shí)的,稱為mico-animations,微動(dòng)畫。
這些是當(dāng)您的網(wǎng)站的瀏覽器執(zhí)行特定操作時(shí)出現(xiàn)的次要?jiǎng)幼?。它們?nèi)匀粫?huì)為您的頁(yè)面充滿活力,但對(duì)頁(yè)面加載時(shí)間的影響更小,并且不會(huì)分散您的訪問者的注意力。您可以將它們視為有助于向訪客發(fā)送信號(hào)的路標(biāo),并在他們?yōu)g覽您的網(wǎng)站時(shí)提供積極的反饋。例如,在懸停時(shí)更改按鈕的設(shè)計(jì)(文本或填充顏色)會(huì)向用戶發(fā)出信號(hào),告知他們操作是正確的。
除了作為您網(wǎng)頁(yè)的指南之外,這些生動(dòng)的互動(dòng)還可以為您的網(wǎng)站設(shè)計(jì)添加閃光點(diǎn),并從您的網(wǎng)絡(luò)流量中抽取一些'oohs'和'aahs'。這可能包括使用精美圖像庫(kù)中精美展示的大部分劇照中那些細(xì)微而迷人的電影圖作為背景,或者進(jìn)入為視頻添加效果的令人愉快的世界,可讓您使用各種不同的播放模式和行為來增強(qiáng)素材,從而使動(dòng)態(tài)視覺效果的質(zhì)量超越GIF。無論你走向何方,這些縮小的動(dòng)作肯定會(huì)對(duì)你網(wǎng)站的設(shè)計(jì)產(chǎn)生巨大影響。
移動(dòng)優(yōu)先
隨著谷歌在2018年3月推出移動(dòng)優(yōu)先索引以及幾個(gè)月后的移動(dòng)速度更新,SEO(搜索引擎優(yōu)化)游戲有正式的新規(guī)則?,F(xiàn)在,在決定如何在搜索結(jié)果中對(duì)您的網(wǎng)站進(jìn)行排名時(shí),機(jī)器人會(huì)在PC版本之前先檢查您網(wǎng)站的移動(dòng)版本。此外,加載速度是他們計(jì)算移動(dòng)網(wǎng)站排名的一個(gè)因素。有閃電般的速度,完全優(yōu)化的移動(dòng)網(wǎng)站是您提高搜索引擎顯示排名的利器,也是更多潛在客戶和關(guān)注者在Google上找到你的關(guān)鍵。
幸運(yùn)的是,Wix用戶會(huì)檢查您的網(wǎng)站移動(dòng)版和PC版本,因?yàn)槟鷦?chuàng)建的任何網(wǎng)站都會(huì)自動(dòng)生成適合移動(dòng)設(shè)備的版本,完全針對(duì)Google的要求進(jìn)行了優(yōu)化。一旦你有了這個(gè)結(jié)構(gòu),確保你擺脫了所有不必要的內(nèi)容,因?yàn)樾∑聊缓芸炀蜁?huì)變得擁擠。以下是在谷歌擔(dān)任移動(dòng)用戶體驗(yàn)管理器的Ryan Warrender如何定義移動(dòng)網(wǎng)站的成功:“用戶應(yīng)該知道該做什么以及為什么他們應(yīng)該立刻留在您的移動(dòng)網(wǎng)站上。”
找出應(yīng)該留下什么以及應(yīng)該去做什么的一個(gè)好方法是讓自己置身于你的訪客之中:有人剛剛登陸你的頁(yè)面,這個(gè)元素真的需要他們采取你想要的行動(dòng)嗎?如果答案是“否”,您也可以將其從移動(dòng)版本中刪除(不要擔(dān)心,它不會(huì)影響PC版本)。這是您在這個(gè)系列的資料中能找到的非常珍貴的好實(shí)踐之一。
本文標(biāo)題:頂級(jí)網(wǎng)站設(shè)計(jì)趨勢(shì)之微動(dòng)畫與移動(dòng)優(yōu)先
本文地址:http://jinyejixie.com/news10/17010.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容