全美商學院
新聞
新聞

2019年頂級成都網站(zhàn)設計(jì)趨勢之微動畫(huà)與移動優先

2018
12/25
14:53
全美網絡官網
分享

接下來(lái)的幾天,我們将介紹來(lái)年成都網站(zhàn)設計(jì)中最有(yǒu)影(yǐng)響力的十個(gè)趨勢。當然,這并不意味着您需要在自己的頁面上(shàng)使用此列表中的每個(gè)項目。正如用戶體(tǐ)驗設計(jì)專家(jiā)Aarron Walter在他的書(shū)“Design for Emotion”中所寫的那(nà)樣,“如果所有(yǒu)內(nèi)容都會(huì)引起觀衆的注意,那(nà)就什麽也聽(tīng)不見了。”總結一下:用太多(duō)的選擇或面對面的元素來(lái)壓倒你(nǐ)的訪問者是“Out”,相反,請(qǐng)确保您的“In”列表中充滿了令人(rén)着迷的設計(jì)選擇,這些(xiē)選擇會(huì)讓您的觀衆着迷,并盡自己的一份力量來(lái)擴大(dà)您的品牌。

網頁設計(jì)

本文中我先介紹兩個(gè)趨勢:微動畫(huà)和(hé)移動優先。但(dàn)是,請(qǐng)繼續閱讀2019年的頂級網站(zhàn)設計(jì)趨勢的其他內(nèi)容,并通(tōng)過具體(tǐ)方式将其整合到您自己的網站(zhàn)中。

微動畫(huà)

沒有(yǒu)必要将整個(gè)網站(zhàn)轉變為(wèi)可(kě)與迪士尼最新電(diàn)影(yǐng)相媲美的全面技(jì)術(shù)項目。動畫(huà)在過去幾年中一直是一種發展趨勢,其中包括視(shì)差滾動(利用運動和(hé)深度感知讓您的網絡觀衆進入您的網頁故事)等功能成為(wèi)這個(gè)家(jiā)族中的老牌玩家(jiā)。然而,在2019年,動畫(huà)将以另一種形式出現:小(xiǎo)而真實的,稱為(wèi)mico-animations,微動畫(huà)。

這些(xiē)是當您的網站(zhàn)的浏覽器(qì)執行(xíng)特定操作(zuò)時(shí)出現的次要動作(zuò)。它們仍然會(huì)為(wèi)您的頁面充滿活力,但(dàn)對頁面加載時(shí)間(jiān)的影(yǐng)響更小(xiǎo),并且不會(huì)分散您的訪問者的注意力。您可(kě)以将它們視(shì)為(wèi)有(yǒu)助于向訪客發送信号的路标,并在他們浏覽您的網站(zhàn)時(shí)提供積極的反饋。例如,在懸停時(shí)更改按鈕的設計(jì)(文本或填充顔色)會(huì)向用戶發出信号,告知他們操作(zuò)是正确的。

除了作(zuò)為(wèi)您網頁的指南之外,這些(xiē)生(shēng)動的互動還(hái)可(kě)以為(wèi)您的網站(zhàn)設計(jì)添加閃光點,并從您的網絡流量中抽取一些(xiē)'oohs'和(hé)'aahs'。這可(kě)能包括使用精美圖像庫中精美展示的大(dà)部分劇(jù)照中那(nà)些(xiē)細微而迷人(rén)的電(diàn)影(yǐng)圖作(zuò)為(wèi)背景,或者進入為(wèi)視(shì)頻添加效果的令人(rén)愉快的世界,可(kě)讓您使用各種不同的播放模式和(hé)行(xíng)為(wèi)來(lái)增強素材,從而使動态視(shì)覺效果的質量超越GIF。無論你(nǐ)走向何方,這些(xiē)縮小(xiǎo)的動作(zuò)肯定會(huì)對你(nǐ)網站(zhàn)的設計(jì)産生(shēng)巨大(dà)影(yǐng)響。

移動優先

随着谷歌(gē)在2018年3月推出移動優先索引以及幾個(gè)月後的移動速度更新,SEO(搜索引擎優化)遊戲有(yǒu)正式的新規則。現在,在決定如何在搜索結果中對您的網站(zhàn)進行(xíng)排名時(shí),機器(qì)人(rén)會(huì)在PC版本之前先檢查您網站(zhàn)的移動版本。此外,加載速度是他們計(jì)算(suàn)移動網站(zhàn)排名的一個(gè)因素。有(yǒu)閃電(diàn)般的速度,完全優化的移動網站(zhàn)是您提高(gāo)搜索引擎顯示排名的利器(qì),也是更多(duō)潛在客戶和(hé)關注者在Google上(shàng)找到你(nǐ)的關鍵。

幸運的是,Wix用戶會(huì)檢查您的網站(zhàn)移動版和(hé)PC版本,因為(wèi)您創建的任何網站(zhàn)都會(huì)自動生(shēng)成适合移動設備的版本,完全針對Google的要求進行(xíng)了優化。一旦你(nǐ)有(yǒu)了這個(gè)結構,确保你(nǐ)擺脫了所有(yǒu)不必要的內(nèi)容,因為(wèi)小(xiǎo)屏幕很(hěn)快就會(huì)變得(de)擁擠。以下是在谷歌(gē)擔任移動用戶體(tǐ)驗管理(lǐ)器(qì)的Ryan Warrender如何定義移動網站(zhàn)的成功:“用戶應該知道(dào)該做(zuò)什麽以及為(wèi)什麽他們應該立刻留在您的移動網站(zhàn)上(shàng)。”

成都網站(zhàn)設計(jì)中找出應該留下什麽以及應該去做(zuò)什麽的一個(gè)好方法是讓自己置身于你(nǐ)的訪客之中:有(yǒu)人(rén)剛剛登陸你(nǐ)的頁面,這個(gè)元素真的需要他們采取你(nǐ)想要的行(xíng)動嗎?如果答(dá)案是“否”,您也可(kě)以将其從移動版本中删除(不要擔心,它不會(huì)影(yǐng)響PC版本)。這是您在這個(gè)系列的資料中能找到的非常珍貴的最佳實踐之一。

聯系我們
歡迎來(lái)到全美,免費
獲取專業網站(zhàn)建設方案
電(diàn)話(huà)咨詢:

18140041855

您還(hái)可(kě)以預約資深顧問
隐私信息保護中,請(qǐng)放心填寫

在線客服

電(diàn)話(huà)咨詢

微信咨詢

微信号複制(zhì)成功
18140041855 (蘇女士)
打開(kāi)微信,粘貼添加好友(yǒu),免費詢價吧(ba)