想要做出偉大的第一印象嗎？它從您的網(wǎng)站的標(biāo)題開始。用戶看到的圖片會(huì)留下良好或不好的印象，并確定用戶是否點(diǎn)擊并繼續(xù)，或完全離開網(wǎng)站。

這是一個(gè)單一的圖像的高順序。

創(chuàng)建英雄形象的關(guān)鍵因素是吸引用戶并讓他們圍繞設(shè)計(jì)移動(dòng)。 （真的！這一切都回到設(shè)計(jì)理論101.）一個(gè)頭部，大小，顏色和規(guī)模的對(duì)比元素，提供了視覺興趣的正確組合，告訴用戶如何與設(shè)計(jì)交互。這里有幾個(gè)方法來最大限度地提高對(duì)比度，創(chuàng)造一個(gè)完美的英雄形象。

作戰(zhàn)策略

英雄圖像不必填充設(shè)備上的“第一”屏幕。不要陷入陷阱。

基于其中的內(nèi)容裁剪圖像的影響?？紤]其他對(duì)用戶來說很重要的元素，當(dāng)他們登陸頁面并為他們提供住宿。根據(jù)這個(gè)框架，這可能意味著英雄圖像被縮放為大于或小于瀏覽器窗口（讓我們考慮更多的標(biāo)準(zhǔn)分辨率為了參數(shù)）。

在你嘲弄這個(gè)想法之前，請(qǐng)考慮一下。

淺的圖像將有助于預(yù)覽其他內(nèi)容。

異常深的圖像將鼓勵(lì)用戶滾動(dòng)更多。

任何不尋常的形狀將引起注意。

考慮動(dòng)畫

您不必創(chuàng)建一個(gè)全方位的電影攝影體驗(yàn)，以將移動(dòng)圖像添加到英雄標(biāo)題。 最小的運(yùn)動(dòng)觸摸創(chuàng)造恰到好處的對(duì)比，抓住眼睛。

微妙的運(yùn)動(dòng)，如飛機(jī)飛越Bar Z酒莊的圖像，提供對(duì)比度的元素，而不是壓倒性的。 這是一個(gè)簡單的替代，一些更閃亮的視頻頭已成為流行。 對(duì)比的元素是雙重的：設(shè)計(jì)是不同的，許多其他人，用戶暴露在微妙的運(yùn)動(dòng)是令人愉快和意想不到的。

另一方面，你可以去所有的動(dòng)畫或視頻的英雄形象。 運(yùn)動(dòng)可以是特別有吸引力，是一個(gè)流行的選擇。 在添加效果（如排版和號(hào)召性用語）時(shí)，以與靜態(tài)圖片相同的方式使用它。