1、使主畫面成為視覺焦點:雖然圖片是作為背景,不代表它就能占據舞臺中央。保定網絡公司介紹優秀的照片能與用戶建立情感連接,學習圖片的精妙之處,看它如何影響設計的視覺層次??紤]使用多圖:使用我們在網頁UI模式中提到的幻燈片或卡片風格的結構,來應對內容豐富或相片集類型的設計。
2、在圖片上添加效果:模糊或色彩疊加,能夠增加或是改變一張圖片的調性,例如全用紅色調會更加積極。這在高清圖片上很管用,因為下層的圖片畫質夠高,細節仍清晰可辨??紤]圖片在不同屏幕尺寸下的效果:安排各種尺寸下的背景圖,使之能適應任何斷點,不會露出純色塊。
3、打破局限:照片背景不一定要遵循標準的1:1.5相機比例,也可以使用從各自背景中裁剪出來的圖片。背景照片能創造簡單的視覺吸引。選用優秀的照片強化品牌、產品或信息時,效果最佳。記住有時會用多張背景照片,要確保這種設計結構和周遭元素能與每張圖搭配良好。
同樣要注意細節。根據網站與用戶的不同,動畫可以是卡通式、視頻風格,或者僅僅是插畫環境中的一系列運動感。動畫可以通過用戶操作觸發——點按、滾動或是鼠標點擊——或者就簡單地自動播放。