創(chuàng)造良好的第一印象是網(wǎng)站設(shè)計(jì)的重要組成部分。首頁通常是用戶與企業(yè)或組織的第一次體驗(yàn)，而且醒目的設(shè)計(jì)可以幫助您創(chuàng)造興趣。這個月的趨勢都集中在與用戶習(xí)慣看到的主頁設(shè)計(jì)元素有點(diǎn)不同的主頁設(shè)計(jì)元素上。
從簡單的英雄標(biāo)題和對角線布局的審美趨勢到用戶交互的趨勢或者是這樣的動作，有很多有趣的方法來吸引用戶的注意力。
這是網(wǎng)站設(shè)計(jì)趨勢：
?
英雄頭
一段時間以來，英雄圖像的趨勢一直是大的，大膽的圖像和視頻，填補(bǔ)了屏幕，通常從首頁的頂部到右邊滾動開始的地方。更多的設(shè)計(jì)開始回避這種超大的圖像趨勢，用于較淺的英雄圖像。
大部分設(shè)計(jì)仍然是一樣的。英雄標(biāo)題仍然包括漂亮的圖像或文本與配置，以便查看。但圖像大約是一半的深度。
這個概念有什么好處，它有助于在屏幕上移動其他信息。身體復(fù)制和不是英雄形象的動作，在設(shè)計(jì)中出現(xiàn)較高，給用戶一些事情或立即點(diǎn)擊。它可以幫助防止圖像本身的混亂，如果圖像繁忙或難以與文本配對有效，這可能非常重要。
這種設(shè)計(jì)模式還可以為整體設(shè)計(jì)添加更多的空白，使其感覺更輕，更容易導(dǎo)航。隨著更少的風(fēng)格仍然受歡迎，這個概念可能是推動這一設(shè)計(jì)決策的因素之一。
使用更淺的英雄形象的最艱難的部分是裁剪。這是你在設(shè)計(jì)過程初期想要考慮的一件事情，一直到與攝影師談?wù)搱D像的時候。由于形狀不符合標(biāo)準(zhǔn)，您可能需要說明如何使用圖像來獲取照片或視頻，使用該長寬比看起來不錯。
對角角板布局
一些趨勢是太多的樂趣忽視。對角角布局是其中的一個概念。
這些設(shè)計(jì)以聚集在屏幕的一個角落中的元素（通常是右下方）示出，并且散布到畫布的其余部分。元素通常被定位為看起來像是突然出現(xiàn)在設(shè)計(jì)中。
對角線角度布局通過在設(shè)計(jì)的底角創(chuàng)建焦點(diǎn)而不是左上角或中心，為用戶提供不同的眼睛跟蹤模式，并通過屏幕上看起來“爆炸”的元素的想法創(chuàng)造一些深度。（為了額外的踢設(shè)計(jì)，考慮動畫元素來增強(qiáng)爆炸效果，隨著用戶滾動或懸停在特定元素上。）
為了充分利用這些元素，許多設(shè)計(jì)將“隱藏”更多的元素放在滾動條上，以增加現(xiàn)實(shí)的額外元素，使您看不到的部分設(shè)計(jì)感到觸覺并存在于滾動。
雖然這種類型的設(shè)計(jì)模式不適用于每種類型的內(nèi)容，但對于沒有其他藝術(shù)品的設(shè)計(jì)，并且使用大量用戶界面元素來引起注意，這可能是一個好主意。它也可以用于投資組合風(fēng)格的網(wǎng)站設(shè)計(jì)，或者作為將許多較小的視覺元素組織成單個單元的方式。?
這個或那個號召行動
幾乎每個網(wǎng)站設(shè)計(jì)都包含一些類型的號召性用語。無論是填寫表單，鏈接到點(diǎn)擊還是方向，以保持滾動更多的內(nèi)容，用戶被提示做某事。（他們經(jīng)常收到別的東西作為這個努力的獎勵。）
更多的設(shè)計(jì)開始彈出鏡像的動作呼叫，允許用戶在首選中進(jìn)行選擇，因?yàn)樗麄儧Q定接下來要做什么。該設(shè)計(jì)可能會有許多方法，例如直接將您從“?傷害”中的作弊或從Stoli的雙面板選項(xiàng)到Hi Pointe Drive In的點(diǎn)擊選項(xiàng)導(dǎo)航。
這種設(shè)計(jì)風(fēng)格使用戶能夠控制他們想要做的和看到的內(nèi)容，這可以通過正確的內(nèi)容和選擇的混合來吸引人。以下三個例子都是很好的構(gòu)建用戶可以做什么以及會發(fā)生什么的。（如果用戶做出錯誤的選擇，還需要返回，也可以使用。）
這里的挑戰(zhàn)在于，您需要正確的內(nèi)容才能使此設(shè)計(jì)模式工作。一些用戶可能被多種選擇所淹沒，只需要單一的單一行動呼吁即可完成動作。在這里，用戶有兩倍的考慮。為了充分利用選擇，內(nèi)容必須是全面的。
結(jié)論
與我們最近探討的其他一些趨勢不同，本月的趨勢是純粹的視覺元素，您可以在飛行中添加到現(xiàn)有設(shè)計(jì)中。（雖然如果你幸運(yùn)的話你可能會很親密）
這些設(shè)計(jì)方案更多地依賴于規(guī)劃內(nèi)容和設(shè)計(jì)來匹配，知道您有一定的概念。它需要預(yù)先計(jì)劃，在某些情況下甚至需要一些HTML或CSS魔術(shù)來將其全部拉在一起。
