未來的網(wǎng)頁設(shè)計(jì)趨勢(shì)：高清設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)中最熱門的技術(shù)之一是高清背景，這是由高清顯示器日益普及所實(shí)現(xiàn)的。但是，當(dāng)您創(chuàng)建商標(biāo)以視覺復(fù)雜性為特征的圖案時(shí)，這并非易事。

在本文中，我們將研究網(wǎng)頁設(shè)計(jì)的未來。這不是一個(gè)問題，如果高清網(wǎng)絡(luò)設(shè)計(jì)將主導(dǎo)網(wǎng)絡(luò)，而是在高清晰度顯示器變得普遍，足以必要改進(jìn)的視覺設(shè)計(jì)。讓我們開始吧。我們將探討如何使用圖像，視頻或動(dòng)畫來構(gòu)建高清背景，并將所有內(nèi)容分層。

圖片

超大。雄偉。全屏。當(dāng)涉及背景圖像時(shí)，這些是現(xiàn)代網(wǎng)頁設(shè)計(jì)中最具描述性的詞語。設(shè)計(jì)師不僅在考慮高清，而且他們正在將占據(jù)整個(gè)屏幕的背景帶入高清。

這種設(shè)計(jì)技術(shù)之所以有效，是因?yàn)橛脩籼焐途哂幸曈X效果。畢竟，視覺主導(dǎo)著我們對(duì)周圍世界的許多潛意識(shí)解釋。最重要的是，令人愉悅的圖像可以帶來更好的用戶體驗(yàn)，部分原因是我們認(rèn)為有吸引力的對(duì)象工作得更好。表面上看似苛刻，但在設(shè)計(jì)上，感知才是現(xiàn)實(shí)。

高清晰度的屏幕分辨率為用戶提供了絕佳的機(jī)會(huì)，可以觀看到以前無法獲得的細(xì)節(jié)級(jí)別的圖像。較小的圖像細(xì)節(jié)（上圖中使用的各種色調(diào)所使用的紋理（均如上圖所示））為界面的視覺效果增光添彩，為舉足輕重的第一印象做出了貢獻(xiàn)。

以下是利用HD圖像發(fā)揮優(yōu)勢(shì)的五種方法：

將恒星圖像作為焦點(diǎn)–僅僅因?yàn)檎掌潜尘?，并不意味著就不能成為焦點(diǎn)。一張精美的照片會(huì)與用戶建立情感聯(lián)系，因此請(qǐng)了解圖像如何影響設(shè)計(jì)的視覺層次的細(xì)微差別。

考慮多個(gè)圖像–使用我們?cè)赪eb UI模式中描述的滑塊或卡片樣式的框架來處理內(nèi)容豐富或投資組合的網(wǎng)站。 在圖像上使用效果–模糊或彩色疊加會(huì)增加或改變圖像的重點(diǎn)（例如，全局紅色調(diào)會(huì)更加有活力）。

這在HD上效果很好，因?yàn)橛捎谄涓叻直媛剩A(chǔ)圖像仍然可以辨認(rèn)。

考慮圖像在不同屏幕尺寸下的顯示方式–規(guī)劃各種尺寸的背景圖像，以使背景圖像適合任何斷點(diǎn)處的位置，并且不會(huì)停留在純色框的頂部（反過來成為實(shí)際背景） ）。

在框架外思考–照片背景不應(yīng)符合相機(jī)的標(biāo)準(zhǔn)1到1.5縱橫比，并且可能包含從其各自背景中切出的圖像。

背景圖片可以產(chǎn)生簡(jiǎn)單的視覺趣味。當(dāng)您從強(qiáng)調(diào)您的品牌，產(chǎn)品或信息的精美照片開始時(shí)，該技術(shù)最有效。請(qǐng)記住，使用背景照片也可以包含多張圖像，只需確保設(shè)計(jì)框架和周圍的元素分別支持每張圖像。

高清視頻背景

高清視頻背景可能是一年中最受歡迎的技術(shù)之一-尤其是結(jié)合了快節(jié)奏的動(dòng)作和豐富的視覺效果。從AirBnB之類的巨頭到幾乎每種流派的較小站點(diǎn)，流視頻正迅速成為Web設(shè)計(jì)領(lǐng)域的重要組成部分。

最早利用背景視頻的網(wǎng)站本身就是電影。例如，“ Pi的一生”網(wǎng)站使用電影的實(shí)際預(yù)覽作為背景（以及可下載格式）。

視頻作為一種設(shè)計(jì)技術(shù)的出現(xiàn)與其新穎性有關(guān)。在引入HTML5（以及具有高清視頻功能的智能手機(jī)）之前，全屏視頻背景并不是許多瀏覽器和Internet連接都無法處理的。關(guān)于高清視頻的任何討論都必須考慮到制作。無論是像一個(gè)超現(xiàn)實(shí)主義的多處理Dunckelfeld的黑色和白色背景視頻或更現(xiàn)實(shí)的目標(biāo)蒙太奇一樣的Airbnb，你需要這樣的影片與而不分心與飽和度和幀速率播放。僅擁有視頻剪輯是不夠的。制作出色電影的所有電影技術(shù)-取景，縮放和平移僅舉幾例-對(duì)于網(wǎng)絡(luò)視頻也同樣重要，即使用作背景也是如此。

網(wǎng)站建設(shè)設(shè)計(jì)框架中使用高清視頻的五項(xiàng)準(zhǔn)則：

1. 注意視頻的長(zhǎng)度和時(shí)長(zhǎng)–背景視頻應(yīng)講述一個(gè)視覺故事，讓用戶在幾秒鐘內(nèi)就可以感受到。在10到30秒之間的某個(gè)時(shí)間是循環(huán)時(shí)間的好目標(biāo)。

2.關(guān)閉聲音–對(duì)于大多數(shù)用戶來說，聲音仍然是兩極分化的自動(dòng)播放元素。如果要使用聲音，請(qǐng)將默認(rèn)設(shè)置為靜音。

3.專注于加載時(shí)間–盡管高清視頻很有趣，但它不應(yīng)影響您的網(wǎng)站。如果用戶在緩慢的加載時(shí)間內(nèi)離開視頻，您的視頻有多神奇都沒關(guān)系

4.考慮替代方案–某些設(shè)備無法渲染高清。檢入Google Analytics（分析）以顯示最受歡迎的設(shè)備，然后進(jìn)行相應(yīng)設(shè)計(jì)。通常，您會(huì)發(fā)現(xiàn)要使用靜態(tài)映像作為備份選項(xiàng)。

5.堅(jiān)持高質(zhì)量的視頻–無論您是拍攝自己的視頻，聘請(qǐng)他人來制作視頻還是使用股票視頻，在視頻質(zhì)量方面都必須做到一流。它不僅必須在高清框架中工作，而且實(shí)際上必須具有高清畫質(zhì)。就像照片一樣，視頻在任何分辨率下都無法達(dá)到原始拍攝效果。

盡管高清背景最近越來越流行，但將其作為一種趨勢(shì)銷毀并不完全公平。相反，它們是最終與技術(shù)進(jìn)步相匹配的有用性的產(chǎn)物。這意味著人們不會(huì)簡(jiǎn)單地對(duì)高清設(shè)計(jì)感到厭煩，而將注意力轉(zhuǎn)移到下一個(gè)重大事物上。作為視覺豐富的行業(yè)中不斷增長(zhǎng)的一部分，這使得創(chuàng)建它們絕對(duì)是值得學(xué)習(xí)的技術(shù)。