想要做出偉大的第一印象嗎?它從您的網站的標題開始。用戶看到的圖片會留下良好或不好的印象,并確定用戶是否點擊并繼續,或完全離開網站。
這是一個單一的圖像的高順序。
創建英雄形象的關鍵因素是吸引用戶并讓他們圍繞設計移動。 (真的!這一切都回到設計理論101.)一個頭部,大小,顏色和規模的對比元素,提供了視覺興趣的正確組合,告訴用戶如何與設計交互。這里有幾個方法來最大限度地提高對比度,創造一個完美的英雄形象。
作戰策略
英雄圖像不必填充設備上的“第一”屏幕。不要陷入陷阱。
基于其中的內容裁剪圖像的影響。考慮其他對用戶來說很重要的元素,當他們登陸頁面并為他們提供住宿。根據這個框架,這可能意味著英雄圖像被縮放為大于或小于瀏覽器窗口(讓我們考慮更多的標準分辨率為了參數)。
在你嘲弄這個想法之前,請考慮一下。
淺的圖像將有助于預覽其他內容。
異常深的圖像將鼓勵用戶滾動更多。
任何不尋常的形狀將引起注意。
考慮動畫
您不必創建一個全方位的電影攝影體驗,以將移動圖像添加到英雄標題。 最小的運動觸摸創造恰到好處的對比,抓住眼睛。
微妙的運動,如飛機飛越Bar Z酒莊的圖像,提供對比度的元素,而不是壓倒性的。 這是一個簡單的替代,一些更閃亮的視頻頭已成為流行。 對比的元素是雙重的:設計是不同的,許多其他人,用戶暴露在微妙的運動是令人愉快和意想不到的。
另一方面,你可以去所有的動畫或視頻的英雄形象。 運動可以是特別有吸引力,是一個流行的選擇。 在添加效果(如排版和號召性用語)時,以與靜態圖片相同的方式使用它。